<div class="hf-relpage hf-classes-page hf-directory-page">
{{Release_page_header|title=Classes}}
<div class="hf-relpage-body">
{{Release_TOC|content=
<div class="hf-toc-category">On this page</div>
<div>[[#overview|Overview]]</div>
<div>[[#frontline|Frontline]]</div>
<div>[[#command-classes|Command]]</div>
<div>[[#ranged|Ranged & Skirmisher]]</div>
<div>[[#support-classes|Support]]</div>
<div>[[#specialist|Specialist]]</div>
<div>[[#naval|Naval]]</div>
<div>[[#ww1|Frontlines (WW1)]]</div>
}}
<div class="hf-relpage-content">

{{Release_section
|id=overview
|title=Overview
|content=
<div class="hf-directory-hero">
<div class="hf-directory-kicker">Role directory</div>
<div class="hf-directory-title">Classes define how you help the team.</div>
<div class="hf-directory-text">Every class brings a different weapon set, trait package, and responsibility. Use this page to find the right role, then follow the cards to the detailed class pages.</div>
</div>

<div class="hf-directory-facts">
<div class="hf-directory-fact"><span>New players</span>Start with [[Rank and File]], [[Support]], or [[Crewmen]].</div>
<div class="hf-directory-fact"><span>Leadership</span>Learn [[Command]] and [[Orders]] before taking command roles.</div>
<div class="hf-directory-fact"><span>Specialists</span>Practice [[Cannoneer]], [[Cavalry]], and [[Skirmisher]] roles before relying on them in events.</div>
</div>
}}

{{Release_section
|id=frontline
|title=Frontline
|content=
The backbone of any army. These classes form the battle line and do the bulk of the fighting.

{{Card_grid|content=
{{Card|title=Rank and File|link=Rank and File|image=Rank-and-File.webp|description=Line Infantry, Grenadiers, and Guards. Core musket-armed soldiers who hold the line and fire in volleys.}}
{{Card|title=Cavalry|link=Cavalry|image=Cavalry.webp|description=Hussars, Dragoons, and Cuirassiers. Mounted soldiers who charge enemy lines and harass flanks.}}
}}
}}

{{Release_section
|id=command-classes
|title=Command
|content=
Leaders who buff nearby troops and coordinate the battle through the high command order system.

{{Card_grid|content=
{{Card|title=Command Classes|link=Command|image=Command-Classes.webp|description=Infantry Officers, Sergeants, and Captains. Issue orders, rally troops, and coordinate the fight.}}
{{Card|title=Orders & High Command|link=Orders|image=Orders-and-High-Command.webp|description=The full order system: charges, volleys, form line, rally, naval orders, and how buffs work.}}
}}
}}

{{Release_section
|id=ranged
|title=Ranged & Skirmisher
|content=
Light troops and sharpshooters who operate independently ahead of or on the flanks of the main battle line.

{{Card_grid|content=
{{Card|title=Skirmisher Classes|link=Skirmisher|image=Skirmisher-Classes.webp|description=Light Infantry, Riflemen, and Coast Guard. Accurate ranged fighters with lighter loadouts.}}
{{Card|title=Shooting Mechanics|link=Shooting|image=Shooting-Mechanics.webp|description=How firearms work: aiming, bullet drop, reload speeds, and weapon comparisons.}}
}}
}}

{{Release_section
|id=support-classes
|title=Support
|content=
Classes that keep the army fighting through healing, building, resupply, and music.

{{Card_grid|content=
{{Card|title=Support Classes|link=Support|image=Support-Classes.webp|description=Surgeons, Sappers, Flag Bearers, and Musicians. Healing, construction, morale buffs, and resupply.}}
{{Card|title=Auxiliary|link=Auxiliary|image=Auxiliary.webp|description=Support-focused roles that keep lines, ships, and events alive.}}
{{Card|title=Traits & Abilities|link=Traits and Abilities|image=Traits-and-Abilities.webp|description=Passive abilities unique to each class, including medicine, engineering, artillery operation, and more.}}
{{Card|title=Defences|link=Defences|image=Defences.webp|description=What Sappers and Engineers can build, including stakes, gabions, palisades, barbed wire, and MG emplacements.}}
}}
}}

{{Release_section
|id=specialist
|title=Specialist
|content=
Heavy weapon operators who bring devastating firepower to the battlefield.

{{Card_grid|content=
{{Card|title=Cannoneer|link=Cannoneer|image=Artillery.webp|description=Artillerymen and heavy weapon operators. Cannons, mortars, rockets, howitzers, ship guns, and MGs.}}
}}
}}

{{Release_section
|id=naval
|title=Naval
|content=
Sailors and officers who crew the ships of the line.

{{Card_grid|content=
{{Card|title=Crewmen|link=Crewmen|image=Crewmen.webp|description=Captains, Marines, Sailors, Midshipmen, and Carpenters. Every role aboard a warship.}}
{{Card|title=Ships|link=Ships|image=Ships.webp|description=The vessels themselves: Frigates, Brig-Sloops, Schooners, Corvettes, Gunboats, and Rocketboats.}}
{{Card|title=Naval Combat|link=Naval Combat|image=Naval-Combat.webp|description=Broadsides, boarding, navigation, repairs, resources, and crew coordination at sea.}}
}}
}}

{{Release_section
||id=ww1
||title=Frontlines (WW1)
||content=
The classes of the Great War, fought between the Allied and Central Powers in the Frontlines game type.

{{Card_grid|content=
{{Card|title=WW1 Classes|link=WW1 Classes|image=WW1-Officer-Leading.png|description=Rifleman, Officer, Medic, Engineer, Trench Raider, and Artilleryman for the Allied and Central factions.}}
}}
}}

</div>
</div>
</div>

Cannoneer

2026-07-11T18:17:54Z

Xarkanoth: Created page with "<div class="hf-relpage hf-cannoneer-page hf-directory-page"> {{Release_page_header|title=Cannoneer}} <div class="hf-relpage-body"> {{Release_TOC|content= <div class="hf-toc-category">On this page</div> <div>Overview</div> <div>Uniforms</div> }} <div class="hf-relpage-content"> {{Release_section |id=overview |title=Overview |content= <div class="hf-directory-hero"> <div class="hf-directory-kicker">Artillery class</div> <div class="hf-directory..."

MediaWiki:Sidebar

2026-07-11T18:17:42Z

Xarkanoth:

2026-07-10T19:56:57Z

Xarkanoth:

/* CSS placed here will be applied to all skins */
body.skin-holdfast .hf-upcoming-release-image {
flex: 0 0 320px;
max-width: 320px;
overflow: hidden;
display: flex;
align-items: stretch;
}

body.skin-holdfast .hf-upcoming-release-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center;
display: block;
}

.toc,
#toc,
.toctoggle,
.mw-table-of-contents-container {
display: none !important;
}

.wn-task-table td {
vertical-align: top;
}

.wn-status {
padding: 4px 8px;
border-radius: 4px;
font-weight: bold;
display: inline-block;
}

/* Status colors */
.wn-task.wn-status-not-started .wn-status-cell {
color: #b00020;
font-weight: bold;
}

.wn-task.wn-status-in-progress .wn-status-cell {
color: #b26a00;
font-weight: bold;
}

.wn-task.wn-status-done .wn-status-cell {
color: #1b7f3a;
font-weight: bold;
}

.hf-social-card-icon img {
width: 40px;
height: 40px;
object-fit: contain;
display: block;
margin: 0 auto;
}

/* ===== Game Modes Page ===== */
.hf-game-modes-page .hf-gm-hero {
background: linear-gradient(135deg, #2F2D2B 0%, #46463E 70%, #886D00 100%);
border: 1px solid #BFB69C;
color: #FFFFFF;
margin: 14px 0 18px;
padding: 20px;
}

.hf-game-modes-page .hf-gm-kicker {
color: #E0BA3A;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
margin-bottom: 8px;
text-transform: uppercase;
}

.hf-game-modes-page .hf-gm-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 8px;
}

.hf-game-modes-page .hf-gm-text {
color: #EEEDEB;
font-size: 14px;
line-height: 21px;
max-width: 780px;
}

.hf-game-modes-page .hf-gm-facts,
.hf-game-modes-page .hf-gm-card-grid {
display: grid;
gap: 12px;
margin: 16px 0;
}

.hf-game-modes-page .hf-gm-facts {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.hf-game-modes-page .hf-gm-card-grid {
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.hf-game-modes-page .hf-gm-card-grid-small {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.hf-game-modes-page .hf-gm-fact,
.hf-game-modes-page .hf-gm-card {
background: #F2F0EA;
border: 1px solid #d5d0c8;
border-left: 4px solid #BFB69C;
color: #1E1E1D;
padding: 12px 14px;
}

.hf-game-modes-page .hf-gm-card:hover {
border-left-color: #C9A227;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}

.hf-game-modes-page .hf-gm-fact span,
.hf-game-modes-page .hf-gm-card-title {
color: #886D00;
display: block;
font-weight: 700;
}

.hf-game-modes-page .hf-gm-fact span {
font-size: 12px;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-game-modes-page .hf-gm-card-title {
border-bottom: 1px solid #BFB69C;
font-size: 17px;
line-height: 22px;
margin-bottom: 8px;
padding-bottom: 6px;
}

.hf-game-modes-page .hf-gm-code {
background: #2d2926;
color: #e2c275;
display: inline-block;
font-family: monospace;
font-size: 12px;
margin-bottom: 6px;
padding: 3px 6px;
}

.hf-game-modes-page .hf-gm-value {
color: #555555;
font-size: 12px;
font-weight: 700;
margin-bottom: 8px;
text-transform: uppercase;
}

.hf-game-modes-page .hf-gm-desc {
font-size: 13px;
line-height: 19px;
}

.hf-game-modes-page .hf-gm-chip-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 10px 0 18px;
}

.hf-game-modes-page .hf-gm-chip-list span {
background: #F2F0EA;
border: 1px solid #d5d0c8;
border-left: 3px solid #BFB69C;
color: #1E1E1D;
display: inline-block;
font-size: 13px;
line-height: 18px;
padding: 5px 8px;
}

.hf-game-modes-page .hf-gm-chip-list span:hover {
border-left-color: #C9A227;
}

.hf-game-modes-page .hf-gm-mode-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 16px;
margin: 16px 0;
}

.hf-game-modes-page .hf-gm-mode-card {
background: linear-gradient(180deg, #F2F0EA 0%, #EEEDEB 100%);
border: 1px solid #d5d0c8;
border-left: 4px solid #BFB69C;
color: #1E1E1D;
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px;
}

.hf-game-modes-page .hf-gm-mode-card:hover {
border-left-color: #C9A227;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}

.hf-game-modes-page .hf-gm-image-box {
align-items: center;
background: linear-gradient(135deg, #2F2D2B 0%, #46463E 100%);
border: 1px solid #BFB69C;
color: #E0BA3A;
display: flex;
font-weight: 700;
justify-content: center;
min-height: 150px;
overflow: hidden;
text-align: center;
text-transform: uppercase;
}

.hf-game-modes-page .hf-gm-image-box img {
display: block;
height: 100% !important;
object-fit: cover;
width: 100% !important;
}

.hf-game-modes-page .hf-gm-map-heading {
color: #886D00;
font-size: 12px;
font-weight: 700;
margin-top: 4px;
text-transform: uppercase;
}

.hf-game-modes-page .hf-gm-map-list {
background: #FFFFFF;
border-top: 1px solid #d5d0c8;
font-size: 13px;
line-height: 20px;
margin-top: 6px;
padding: 8px;
}

.hf-game-modes-page .hf-gm-map-list a {
background: #FFFFFF;
border: 1px solid #d5d0c8;
color: #886D00 !important;
display: inline-block;
font-weight: 700;
margin: 0 4px 6px 0;
padding: 3px 7px;
text-decoration: none;
}

.hf-game-modes-page .hf-gm-map-list a:hover {
border-color: #C9A227;
color: #5f4c00 !important;
}

/* ===== Beginner's Guide Page ===== */
.hf-beginners-page .hf-bg-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #1f5d8f 100%);
border: 1px solid #bfb69c;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 18px;
overflow: hidden;
padding: 22px;
position: relative;
}

.hf-beginners-page .hf-bg-hero:after {
background: radial-gradient(circle at center, rgba(224, 186, 58, 0.24), rgba(224, 186, 58, 0));
content: "";
height: 180px;
position: absolute;
right: -70px;
top: -70px;
width: 180px;
}

.hf-beginners-page .hf-bg-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 700;
letter-spacing: .1em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-beginners-page .hf-bg-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 8px;
max-width: 780px;
position: relative;
z-index: 1;
}

.hf-beginners-page .hf-bg-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 820px;
position: relative;
z-index: 1;
}

.hf-beginners-page .hf-bg-facts,
.hf-beginners-page .hf-card-grid {
display: grid;
gap: 12px;
margin: 16px 0;
}

.hf-beginners-page .hf-bg-facts {
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.hf-beginners-page .hf-bg-fact,
.hf-beginners-page .hf-card {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
padding: 12px 14px;
}

.hf-beginners-page .hf-bg-fact span {
color: #886d00;
display: block;
font-size: 12px;
font-weight: 700;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-beginners-page .hf-card-grid {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hf-beginners-page .hf-card {
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.hf-beginners-page .hf-card:hover {
border-left-color: #c9a227;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
transform: translateY(-2px);
}

.hf-beginners-page .hf-card-image {
align-items: stretch;
background:
linear-gradient(135deg, rgba(191, 182, 156, 0.18), rgba(30, 30, 29, 0.1)),
#1e1e1d;
display: flex;
justify-content: center;
height: 130px;
margin: -12px -14px 10px;
overflow: hidden;
}

.hf-beginners-page .hf-card-image:empty {
display: none;
}

.hf-beginners-page .hf-card-image p,
.hf-beginners-page .hf-card-image a,
.hf-beginners-page .hf-card-image .mw-file-description {
display: block;
height: 100%;
line-height: 0;
margin: 0;
width: 100%;
}

.hf-beginners-page .hf-card-image img {
display: block;
height: 100% !important;
object-fit: cover;
object-position: center;
width: 100% !important;
}

.hf-beginners-page .hf-card-title {
border-bottom: 1px solid #bfb69c;
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin-bottom: 8px;
padding-bottom: 6px;
}

.hf-beginners-page .hf-card-title a {
color: #886d00;
}

.hf-beginners-page .hf-card-desc {
font-size: 13px;
line-height: 19px;
}

.hf-beginners-page .hf-relpage-section {
border-left-color: #1f5d8f;
}

.hf-beginners-page .hf-relpage-section-body > p:first-child,
.hf-beginners-page .hf-relpage-section-body > ul:first-child,
.hf-beginners-page .hf-relpage-section-body > ol:first-child {
margin-top: 0;
}

.hf-beginners-page .hf-relpage-section-body b,
.hf-beginners-page .hf-relpage-section-body strong {
color: #1f5d8f;
}

.hf-beginners-page .hf-relpage-section-body > p:has(b),
.hf-beginners-page .hf-relpage-section-body > p:has(strong) {
background: linear-gradient(90deg, rgba(31, 93, 143, 0.12), rgba(201, 162, 39, 0.06));
border-left: 4px solid #1f5d8f;
color: #1e1e1d;
font-size: 15px;
font-weight: 700;
margin: 14px 0 8px;
padding: 8px 10px;
}

.hf-beginners-page .hf-relpage-section-body ul,
.hf-beginners-page .hf-relpage-section-body ol {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
margin: 12px 0;
padding: 10px 12px 10px 30px;
}

.hf-beginners-page .hf-relpage-section-body li {
margin: 5px 0;
}

.hf-beginners-page .wikitable {
border: 1px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin: 14px 0;
width: 100%;
}

.hf-beginners-page .wikitable th {
background: #2f2d2b !important;
color: #e0ba3a !important;
font-weight: 700;
}

.hf-beginners-page .wikitable td {
background: #f7f4ec;
border-color: #d5d0c8;
}

/* ===== Mechanics Page ===== */
.hf-mechanics-page .hf-mech-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #886d00 100%);
border: 1px solid #bfb69c;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 18px;
overflow: hidden;
padding: 22px;
position: relative;
}

.hf-mechanics-page .hf-mech-hero:after {
background: radial-gradient(circle at center, rgba(224, 186, 58, 0.24), rgba(224, 186, 58, 0));
content: "";
height: 180px;
position: absolute;
right: -70px;
top: -70px;
width: 180px;
}

.hf-mechanics-page .hf-mech-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 700;
letter-spacing: .1em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-mechanics-page .hf-mech-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 8px;
max-width: 780px;
position: relative;
z-index: 1;
}

.hf-mechanics-page .hf-mech-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 820px;
position: relative;
z-index: 1;
}

.hf-mechanics-page .hf-mech-facts,
.hf-mechanics-page .hf-card-grid {
display: grid;
gap: 12px;
margin: 16px 0;
}

.hf-mechanics-page .hf-mech-facts {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hf-mechanics-page .hf-mech-fact,
.hf-mechanics-page .hf-card {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
padding: 12px 14px;
}

.hf-mechanics-page .hf-mech-fact span {
color: #886d00;
display: block;
font-size: 12px;
font-weight: 700;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-mechanics-page .hf-card-grid {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hf-mechanics-page .hf-card {
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.hf-mechanics-page .hf-card:hover {
border-left-color: #c9a227;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
transform: translateY(-2px);
}

.hf-mechanics-page .hf-card-image {
align-items: stretch;
background:
linear-gradient(135deg, rgba(191, 182, 156, 0.18), rgba(30, 30, 29, 0.1)),
#1e1e1d;
display: flex;
height: 130px;
justify-content: center;
margin: -12px -14px 10px;
overflow: hidden;
}

.hf-mechanics-page .hf-card-image:empty {
display: none;
}

.hf-mechanics-page .hf-card-image p,
.hf-mechanics-page .hf-card-image a,
.hf-mechanics-page .hf-card-image .mw-file-description {
display: block;
height: 100%;
line-height: 0;
margin: 0;
width: 100%;
}

.hf-mechanics-page .hf-card-image img {
display: block;
height: 100% !important;
object-fit: cover;
object-position: center;
width: 100% !important;
}

.hf-mechanics-page .hf-card-title {
border-bottom: 1px solid #bfb69c;
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin-bottom: 8px;
padding-bottom: 6px;
}

.hf-mechanics-page .hf-card-title a {
color: #886d00;
}

.hf-mechanics-page .hf-card-desc {
font-size: 13px;
line-height: 19px;
}

.hf-mechanics-page .hf-relpage-section {
border-left-color: #886d00;
}

.hf-mechanics-page .hf-relpage-section-body > p:first-child,
.hf-mechanics-page .hf-relpage-section-body > ul:first-child,
.hf-mechanics-page .hf-relpage-section-body > ol:first-child {
margin-top: 0;
}

/* ===== Directory Hub Pages ===== */
.hf-directory-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #6f2f2f 100%);
border: 1px solid #bfb69c;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 18px;
overflow: hidden;
padding: 22px;
position: relative;
}

.hf-classes-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #886d00 100%);
}

.hf-roleplay-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #1f5d8f 100%);
}

.hf-linebattle-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #6f4c2f 100%);
}

.hf-ui-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #3f6542 100%);
}

.hf-faq-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #6f4c2f 100%);
}

.hf-shooting-page .hf-directory-hero,
.hf-melee-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #6f2f2f 100%);
}

.hf-defences-page .hf-directory-hero,
.hf-auxiliary-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #886d00 100%);
}

.hf-horseback-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #5b3f2a 100%);
}

.hf-cavalry-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #5b3f2a 100%);
}

.hf-music-page .hf-directory-hero,
.hf-voice-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #1f5d8f 100%);
}

.hf-crewmen-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #1f5d8f 100%);
}

.hf-directory-page .hf-directory-hero:after {
background: radial-gradient(circle at center, rgba(224, 186, 58, 0.24), rgba(224, 186, 58, 0));
content: "";
height: 180px;
position: absolute;
right: -70px;
top: -70px;
width: 180px;
}

.hf-directory-page .hf-directory-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 700;
letter-spacing: .1em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-directory-page .hf-directory-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 8px;
max-width: 780px;
position: relative;
z-index: 1;
}

.hf-directory-page .hf-directory-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 820px;
position: relative;
z-index: 1;
}

.hf-directory-page .hf-directory-facts,
.hf-directory-page .hf-card-grid {
display: grid;
gap: 12px;
margin: 16px 0;
}

.hf-directory-page .hf-directory-facts {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hf-directory-page .hf-directory-fact,
.hf-directory-page .hf-card {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
padding: 12px 14px;
}

.hf-directory-page .hf-directory-fact span {
color: #886d00;
display: block;
font-size: 12px;
font-weight: 700;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-directory-page .hf-card-grid {
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.hf-directory-page .hf-card {
align-items: stretch;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.36), rgba(191, 182, 156, 0.1)),
#f2f0ea;
display: grid;
gap: 12px;
grid-template-columns: 76px minmax(0, 1fr);
min-height: 98px;
position: relative;
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.hf-directory-page .hf-card:hover {
border-left-color: #c9a227;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
transform: translateY(-2px);
}

.hf-directory-page .hf-card-image {
align-items: center;
background:
radial-gradient(circle at 65% 20%, rgba(224, 186, 58, 0.22), rgba(224, 186, 58, 0) 42%),
linear-gradient(135deg, #46463e 0%, #2f2d2b 100%);
border: 1px solid rgba(30, 30, 29, 0.22);
display: flex;
height: 76px;
justify-content: center;
overflow: hidden;
position: relative;
width: 76px;
}

.hf-directory-page .hf-card-image:empty {
display: none;
}

.hf-directory-page .hf-card-image:empty + .hf-card-body {
grid-column: 1 / -1;
}

.hf-directory-page .hf-card-image p,
.hf-directory-page .hf-card-image a,
.hf-directory-page .hf-card-image .mw-file-description {
display: block;
height: 100%;
line-height: 0;
margin: 0;
width: 100%;
}

.hf-directory-page .hf-card-image img {
display: block;
height: 100% !important;
max-height: 74px;
max-width: 74px;
object-fit: contain;
object-position: center;
width: 100% !important;
}

.hf-directory-page .hf-card-body {
min-width: 0;
}

.hf-directory-page .hf-card-title {
border-bottom: 1px solid rgba(191, 182, 156, 0.8);
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin: 0 0 6px;
padding-bottom: 5px;
}

.hf-directory-page .hf-card-title a {
color: #886d00;
}

.hf-directory-page .hf-card-desc {
color: #3a3935;
font-size: 13px;
line-height: 18px;
}

.hf-directory-page .hf-relpage-section {
border-left-color: #886d00;
}

.hf-roleplay-page .hf-relpage-section {
border-left-color: #1f5d8f;
}

.hf-linebattle-page .hf-relpage-section {
border-left-color: #6f4c2f;
}

.hf-ui-page .hf-relpage-section {
border-left-color: #3f6542;
}

.hf-faq-page .hf-relpage-section {
border-left-color: #6f4c2f;
}

.hf-shooting-page .hf-relpage-section,
.hf-melee-page .hf-relpage-section {
border-left-color: #6f2f2f;
}

.hf-defences-page .hf-relpage-section,
.hf-auxiliary-page .hf-relpage-section {
border-left-color: #886d00;
}

.hf-horseback-page .hf-relpage-section {
border-left-color: #5b3f2a;
}

.hf-cavalry-page .hf-relpage-section {
border-left-color: #5b3f2a;
}

.hf-music-page .hf-relpage-section,
.hf-voice-page .hf-relpage-section {
border-left-color: #1f5d8f;
}

.hf-crewmen-page .hf-relpage-section {
border-left-color: #1f5d8f;
}

.hf-directory-page .hf-relpage-section-body > p:first-child,
.hf-directory-page .hf-relpage-section-body > ul:first-child,
.hf-directory-page .hf-relpage-section-body > ol:first-child {
margin-top: 0;
}

.hf-directory-page .hf-relpage-section-body ul,
.hf-directory-page .hf-relpage-section-body ol {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
margin: 12px 0;
padding: 10px 12px 10px 30px;
}

.hf-directory-page .hf-relpage-section-body li {
margin: 5px 0;
}

.hf-directory-page .hf-relpage-section-body h3 {
background: linear-gradient(90deg, rgba(136, 109, 0, 0.12), rgba(201, 162, 39, 0.06));
border-left: 4px solid #886d00;
color: #1e1e1d;
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin: 16px 0 8px;
padding: 8px 10px;
}

.hf-shooting-page .hf-relpage-section-body h3 {
background: linear-gradient(90deg, rgba(111, 47, 47, 0.14), rgba(201, 162, 39, 0.06));
border-left-color: #6f2f2f;
}

.hf-auxiliary-page .hf-relpage-section-body h3 {
background: linear-gradient(90deg, rgba(136, 109, 0, 0.14), rgba(201, 162, 39, 0.06));
border-left-color: #886d00;
}

.hf-shooting-page .hf-directory-fact span,
.hf-shooting-page .hf-card-title a {
color: #6f2f2f;
}

.hf-auxiliary-page .hf-directory-fact span,
.hf-auxiliary-page .hf-card-title a {
color: #886d00;
}

.hf-shooting-page .hf-card:hover {
border-left-color: #6f2f2f;
}

.hf-auxiliary-page .hf-card:hover {
border-left-color: #886d00;
}

.hf-directory-page .wikitable {
border: 1px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin: 14px 0;
width: 100%;
}

.hf-directory-page .wikitable th {
background: #2f2d2b !important;
color: #e0ba3a !important;
font-weight: 700;
}

.hf-directory-page .wikitable td {
background: #f7f4ec;
border-color: #d5d0c8;
}

/* ===== Musician Tunes Page ===== */
.hf-music-page .hf-music-table-note {
color: #3a3935;
font-size: 13px;
line-height: 19px;
}

.hf-music-page .hf-music-table-note {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #1f5d8f;
margin: 12px 0;
padding: 9px 11px;
}

.hf-music-page .hf-relpage-section-body h3 {
background: linear-gradient(90deg, rgba(31, 93, 143, 0.14), rgba(201, 162, 39, 0.06));
border-left-color: #1f5d8f;
}

.hf-music-page .hf-music-tune-table th,
.hf-music-page .hf-music-class-table th {
white-space: nowrap;
}

.hf-music-page .hf-music-tune-table td:first-child {
color: #1f5d8f;
font-weight: 800;
text-align: right;
white-space: nowrap;
width: 1%;
}

.hf-music-page .hf-music-tune-table td:nth-child(2) {
color: #6d5700;
font-weight: 700;
}

.hf-music-page .hf-music-tune-table td:nth-child(3),
.hf-music-page .hf-music-tune-table td:nth-child(5),
.hf-music-page .hf-music-class-table td:first-child {
font-weight: 700;
}

.hf-music-page .hf-music-tune-table tr:hover td,
.hf-music-page .hf-music-class-table tr:hover td {
background: #fff8dc;
}

/* ===== Factions Page ===== */
.hf-factions-page .hf-faction-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 16px;
margin-top: 18px;
}

.hf-factions-page .hf-faction-grid-small {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.hf-factions-page .hf-faction-card {
background: linear-gradient(180deg, #F2F0EA 0%, #EEEDEB 100%);
border: 1px solid #d5d0c8;
border-top: 4px solid #BFB69C;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
color: #1E1E1D;
display: flex;
flex-direction: column;
min-height: 230px;
padding: 18px;
}

.hf-factions-page .hf-faction-card:hover {
border-top-color: #C9A227;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
}

.hf-factions-page .hf-faction-crest {
align-items: center;
background: #FFFFFF;
border: 1px solid #BFB69C;
display: flex;
height: 144px;
justify-content: center;
margin-bottom: 14px;
}

.hf-factions-page .hf-faction-crest img {
max-height: 120px;
width: auto;
}

.hf-factions-page .hf-faction-name {
border-bottom: 1px solid #BFB69C;
color: #886D00;
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin-bottom: 10px;
padding-bottom: 8px;
}

.hf-factions-page .hf-faction-note {
color: #1E1E1D;
font-size: 14px;
line-height: 21px;
}

/* ===== Sidebar Current Page Highlight ===== */
body.skin-holdfast[class*="Beginner"] .hf-sidebar-list a[href*="Beginner"],
body.skin-holdfast[class*="User_Interface"] .hf-sidebar-list a[href*="User_Interface"],
body.skin-holdfast[class*="Factions"] .hf-sidebar-list a[href*="Factions"],
body.skin-holdfast[class*="Weapons"] .hf-sidebar-list a[href*="Weapons"],
body.skin-holdfast[class*="Game_Modes"] .hf-sidebar-list a[href*="Game_Modes"],
body.skin-holdfast[class*="Game_Types"] .hf-sidebar-list a[href*="Game_Types"],
body.skin-holdfast[class*="Maps"] .hf-sidebar-list a[href*="Maps"],
body.skin-holdfast[class*="Known_Issues"] .hf-sidebar-list a[href*="Known_Issues"],
body.skin-holdfast[class*="Frequently_Asked_Questions"] .hf-sidebar-list a[href*="Frequently_Asked_Questions"],
body.skin-holdfast[class*="FAQ"] .hf-sidebar-list a[href*="Frequently_Asked_Questions"],
body.skin-holdfast[class*="Shooting"] .hf-sidebar-list a[href*="Shooting"],
body.skin-holdfast[class*="Melee"] .hf-sidebar-list a[href*="Melee"],
body.skin-holdfast[class*="Artillery"] .hf-sidebar-list a[href*="Artillery"],
body.skin-holdfast[class*="Defences"] .hf-sidebar-list a[href*="Defences"],
body.skin-holdfast[class*="Horseback_Riding"] .hf-sidebar-list a[href*="Horseback_Riding"],
body.skin-holdfast[class*="Auxiliary"] .hf-sidebar-list a[href*="Auxiliary"],
body.skin-holdfast[class*="Orders"] .hf-sidebar-list a[href*="Orders"],
body.skin-holdfast[class*="Traits"] .hf-sidebar-list a[href*="Traits"],
body.skin-holdfast[class*="Naval_Combat"] .hf-sidebar-list a[href*="Naval_Combat"],
body.skin-holdfast[class*="Ships"] .hf-sidebar-list a[href*="Ships"],
body.skin-holdfast[class*="Musician_Tunes"] .hf-sidebar-list a[href*="Musician_Tunes"],
body.skin-holdfast[class*="Voice_Commands"] .hf-sidebar-list a[href*="Voice_Commands"],
body.skin-holdfast[class*="page-Command"] .hf-sidebar-list a[href*="Command"],
body.skin-holdfast[class*="Rank_and_File"] .hf-sidebar-list a[href*="Rank_and_File"],
body.skin-holdfast[class*="Skirmisher"] .hf-sidebar-list a[href*="Skirmisher"],
body.skin-holdfast[class*="Support"] .hf-sidebar-list a[href*="Support"],
body.skin-holdfast[class*="Cavalry"] .hf-sidebar-list a[href*="Cavalry"],
body.skin-holdfast[class*="Crewmen"] .hf-sidebar-list a[href*="Crewmen"],
body.skin-holdfast[class*="Linebattle"] .hf-sidebar-list a[href*="Linebattle"],
body.skin-holdfast[class*="Crews"] .hf-sidebar-list a[href*="Crews"],
body.skin-holdfast[class*="Organized_Events"] .hf-sidebar-list a[href*="Organized_Events"],
body.skin-holdfast[class*="Regiment_Schedule"] .hf-sidebar-list a[href*="Regiment_Schedule"],
body.skin-holdfast[class*="Regiment_Roster"] .hf-sidebar-list a[href*="Regiment_Roster"],
body.skin-holdfast[class*="SDK_user_guide"] .hf-sidebar-list a[href*="SDK_user_guide"],
body.skin-holdfast[class*="SDK_upgrade_guide"] .hf-sidebar-list a[href*="SDK_upgrade_guide"],
body.skin-holdfast[class*="Script_Modding_Guide"] .hf-sidebar-list a[href*="Script_Modding_Guide"],
body.skin-holdfast[class*="Map_Editing"] .hf-sidebar-list a[href*="Map_Editing"],
body.skin-holdfast[class*="Workshop_Discord"] .hf-sidebar-list a[href*="Workshop_Discord"],
body.skin-holdfast[class*="Mods_and_Consoles"] .hf-sidebar-list a[href*="Mods_and_Consoles"],
body.skin-holdfast[class*="Server_Hosting"] .hf-sidebar-list a[href*="Server_Hosting"],
body.skin-holdfast[class*="page-Server_Configuration"]:not([class*="Server_Configuration_Enums"]) .hf-sidebar-list a[href*="Server_Configuration"],
body.skin-holdfast[class*="Server_Config_Templates"] .hf-sidebar-list a[href*="Server_Config_Templates"],
body.skin-holdfast[class*="Spawnable_Props"] .hf-sidebar-list a[href*="Spawnable_Props"],
body.skin-holdfast[class*="Remote_Console_Commands"] .hf-sidebar-list a[href*="Remote_Console_Commands"],
body.skin-holdfast[class*="Server_Configuration_Enums"] .hf-sidebar-list a[href*="Server_Configuration_Enums"],
body.skin-holdfast[class*="Admin_Features"] .hf-sidebar-list a[href*="Admin_Features"] {
background: rgba(201, 162, 39, 0.22) !important;
border-left: 3px solid #C9A227;
color: #FFFFFF !important;
font-weight: 700 !important;
padding-left: 6px;
text-decoration: none;
}

/* ===== Linebattle Page ===== */
.hf-linebattle-page .hf-lb-hero {
background: linear-gradient(135deg, #2F2D2B 0%, #46463E 68%, #886D00 100%);
border: 1px solid #BFB69C;
color: #FFFFFF;
padding: 20px;
margin-bottom: 18px;
}

.hf-linebattle-page .hf-lb-kicker {
color: #E0BA3A;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
margin-bottom: 8px;
text-transform: uppercase;
}

.hf-linebattle-page .hf-lb-hero-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 8px;
}

.hf-linebattle-page .hf-lb-hero-text {
color: #EEEDEB;
font-size: 14px;
line-height: 21px;
max-width: 760px;
}

.hf-linebattle-page .hf-lb-facts,
.hf-linebattle-page .hf-lb-rule-grid,
.hf-linebattle-page .hf-lb-card-grid {
display: grid;
gap: 12px;
margin: 16px 0;
}

.hf-linebattle-page .hf-lb-facts {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.hf-linebattle-page .hf-lb-rule-grid,
.hf-linebattle-page .hf-lb-card-grid {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hf-linebattle-page .hf-lb-fact,
.hf-linebattle-page .hf-lb-rule,
.hf-linebattle-page .hf-lb-role-card,
.hf-linebattle-page .hf-lb-phase {
background: #F2F0EA;
border: 1px solid #d5d0c8;
border-left: 4px solid #BFB69C;
color: #1E1E1D;
padding: 12px 14px;
}

.hf-linebattle-page .hf-lb-fact span {
color: #886D00;
display: block;
font-size: 12px;
font-weight: 700;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-linebattle-page .hf-lb-phase-list {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 14px;
}

.hf-linebattle-page .hf-lb-phase {
display: grid;
grid-template-columns: 36px 1fr;
gap: 12px;
align-items: start;
}

.hf-linebattle-page .hf-lb-phase-num {
align-items: center;
background: #C9A227;
color: #1E1E1D;
display: flex;
font-weight: 700;
height: 28px;
justify-content: center;
width: 28px;
}

.hf-linebattle-page .hf-lb-rule strong,
.hf-linebattle-page .hf-lb-role-card h3 {
color: #886D00;
}

.hf-linebattle-page .hf-lb-role-card h3 {
font-size: 16px;
line-height: 22px;
margin: 0 0 8px 0;
}

.hf-linebattle-page .hf-lb-note {
background: #FFF8DC;
border: 1px solid #C9A227;
color: #1E1E1D;
margin-top: 14px;
padding: 12px 14px;
}

.hf-linebattle-page .hf-lb-terms th {
background: #46463E;
color: #FFFFFF;
}

.hf-linebattle-page .hf-lb-terms td:first-child {
color: #886D00;
font-weight: 700;
width: 140px;
}

/* ===== Server Hosting: Admin, Ban & Mute Files ===== */
.hf-admin-files-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 12px;
margin: 16px 0;
}

.hf-admin-file-card {
background: #F2F0EA;
border: 1px solid #d5d0c8;
border-left: 4px solid #BFB69C;
padding: 12px 14px;
}

.hf-admin-file-card-important {
border-left-color: #C9A227;
}

.hf-admin-file-name {
color: #886D00;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
margin-bottom: 4px;
}

.hf-admin-file-desc {
color: #1E1E1D;
font-size: 13px;
line-height: 18px;
}

.hf-admin-file-note {
background: #FFF8DC;
border: 1px solid #C9A227;
border-radius: 4px;
color: #1E1E1D;
margin-top: 16px;
padding: 12px 14px;
}

/* ===== Known Issues & Solutions Page ===== */
body.skin-holdfast[class*="page-Known_Issues"] .hf-content {
width: auto;
height: auto;
margin-top: 40px;
padding: 40px 0 0 0;
overflow: visible;
display: flex;
justify-content: center;
}

body.skin-holdfast[class*="page-Known_Issues"] .mw-body-content {
width: 100%;
margin: 0;
display: flex;
justify-content: center;
}

body.skin-holdfast[class*="page-Known_Issues"] .mw-parser-output {
width: 100%;
display: flex;
justify-content: center;
}

body.skin-holdfast[class*="page-Known_Issues"] #toc,
body.skin-holdfast[class*="page-Known_Issues"] #firstHeading {
display: none;
}

/* ===== Server Config Templates Page ===== */
/* Body selectors cover direct article/template views. The wrapper class below
keeps the code colors working anywhere the template is transcluded. */
body.skin-holdfast[class*="Server_Config_Templates"] .hf-content {
width: auto;
height: auto;
margin-top: 40px;
padding: 40px 0 0 0;
overflow: visible;
display: flex;
justify-content: center;
}

body.skin-holdfast[class*="Server_Config_Templates"] .mw-body-content,
body.skin-holdfast[class*="Server_Config_Templates"] .mw-parser-output {
width: 100%;
margin: 0;
display: flex;
justify-content: center;
}

body.skin-holdfast[class*="Server_Config_Templates"] #toc,
body.skin-holdfast[class*="Server_Config_Templates"] #firstHeading {
display: none;
}

/* Collapsible template headings inside Server Config Templates */
.hf-server-config-templates-page .hf-issue-block {
border: 1px solid #d5d0c8;
background: #EEEDEB;
margin: 0.8em 0;
position: relative;
}

.hf-server-config-templates-page .hf-issue-heading {
background: #F2F0EA !important;
color: #886D00 !important;
border-left: 4px solid #C9A227;
border-bottom: 1px solid #BFB69C;
padding: 10px 96px 10px 14px;
font-weight: 700;
line-height: 20px;
}

.hf-server-config-templates-page .hf-issue-heading a {
color: #C9A227 !important;
}

.hf-server-config-templates-page .mw-collapsible-toggle {
color: #C9A227 !important;
float: none !important;
position: absolute !important;
top: 0;
right: 14px;
left: auto !important;
min-height: 40px;
display: flex !important;
align-items: center;
justify-content: center;
font-weight: 700;
line-height: 20px;
margin: 0 !important;
z-index: 2;
}

.hf-server-config-templates-page .mw-collapsible-content {
padding: 12px 14px;
}

/* Code blocks inside Server Config Templates */
.hf-server-config-templates-page .hf-relpage-section-body pre,
.hf-server-config-templates-page .hf-relpage-section-body .hf-code,
body.skin-holdfast[class*="Server_Config_Templates"] .hf-relpage-section-body pre,
body.skin-holdfast[class*="Server_Config_Templates"] .hf-relpage-section-body .hf-code {
background: #1c1a18 !important;
color: #e5e7eb !important;
padding: .8em 1em;
border-radius: .6em;
overflow: auto;
line-height: 1.45;
font-size: .9em;
border: 1px solid #3d3632;
margin: 0.8em 0;
}

.hf-server-config-templates-page .hf-relpage-section-body code,
body.skin-holdfast[class*="Server_Config_Templates"] .hf-relpage-section-body code {
background: #2d2926 !important;
color: #e2c275 !important;
padding: 2px 6px;
border-radius: 4px;
font-size: .88em;
}

/* ===== Admin Features Page ===== */
.hf-admin-features-page .hf-admin-hero {
background:
radial-gradient(circle at top right, rgba(224, 186, 58, 0.2), rgba(224, 186, 58, 0) 34%),
linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #8a3327 100%);
border: 1px solid #bfb69c;
border-left: 5px solid #c9a227;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 16px;
overflow: hidden;
padding: 20px 22px;
position: relative;
}

.hf-admin-features-page .hf-admin-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 800;
letter-spacing: .11em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-admin-features-page .hf-admin-title {
font-size: 24px;
font-weight: 800;
line-height: 30px;
margin-bottom: 8px;
max-width: 860px;
position: relative;
z-index: 1;
}

.hf-admin-features-page .hf-admin-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 900px;
position: relative;
z-index: 1;
}

.hf-admin-features-page .hf-admin-facts {
display: grid;
gap: 12px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
margin: 0 0 18px;
}

.hf-admin-features-page .hf-admin-fact {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
font-size: 13px;
line-height: 19px;
padding: 12px 14px;
}

.hf-admin-features-page .hf-admin-fact span {
color: #886d00;
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: .04em;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-admin-features-page .hf-relpage-section {
border-left-color: #8a3327;
}

.hf-admin-features-page .hf-relpage-section-body > p:first-child,
.hf-admin-features-page .hf-relpage-section-body > ul:first-child,
.hf-admin-features-page .hf-relpage-section-body > ol:first-child {
margin-top: 0;
}

.hf-admin-features-page .hf-relpage-section-body b,
.hf-admin-features-page .hf-relpage-section-body strong {
color: #8a3327;
}

.hf-admin-features-page .hf-relpage-section-body pre {
background: #1c1a18 !important;
border: 1px solid #3d3632;
border-left: 4px solid #c9a227;
border-radius: .35em;
color: #e5e7eb !important;
font-size: .9em;
line-height: 1.45;
margin: 10px 0 14px;
overflow: auto;
padding: .85em 1em;
}

.hf-admin-features-page .hf-relpage-section-body code {
background: #2d2926 !important;
border-radius: 4px;
color: #e2c275 !important;
font-size: .88em;
padding: 2px 6px;
}

.hf-admin-features-page .hf-admin-label {
background: linear-gradient(90deg, rgba(138, 51, 39, 0.12), rgba(201, 162, 39, 0.08));
border-left: 4px solid #8a3327;
color: #1e1e1d;
font-size: 13px;
font-weight: 800;
letter-spacing: .06em;
margin: 16px 0 8px;
padding: 8px 10px;
text-transform: uppercase;
}

.hf-admin-features-page .hf-admin-note {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
color: #1e1e1d;
line-height: 20px;
margin: 14px 0 10px;
padding: 10px 12px;
}

.hf-admin-features-page .wikitable {
border: 1px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin: 14px 0;
width: 100%;
}

.hf-admin-features-page .wikitable caption {
background: #f2f0ea;
border: 1px solid #bfb69c;
border-bottom: 0;
color: #886d00;
font-weight: 800;
padding: 8px 10px;
text-align: left;
}

.hf-admin-features-page .wikitable th {
background: #2f2d2b !important;
color: #e0ba3a !important;
font-weight: 800;
}

.hf-admin-features-page .wikitable td {
background: #f7f4ec;
border-color: #d5d0c8;
vertical-align: top;
}

.hf-admin-features-page .hf-relpage-section-body ul,
.hf-admin-features-page .hf-relpage-section-body ol {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
margin: 12px 0;
padding: 10px 12px 10px 30px;
}

.hf-admin-features-page .hf-relpage-section-body li {
margin: 5px 0;
}

/* ===== Remote Console Commands Page ===== */
.hf-remote-console-page .hf-rc-hero {
background:
radial-gradient(circle at top right, rgba(224, 186, 58, 0.2), rgba(224, 186, 58, 0) 34%),
linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #1f5d8f 100%);
border: 1px solid #bfb69c;
border-left: 5px solid #c9a227;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 16px;
overflow: hidden;
padding: 20px 22px;
position: relative;
}

.hf-remote-console-page .hf-rc-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 800;
letter-spacing: .11em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-remote-console-page .hf-rc-title {
font-size: 24px;
font-weight: 800;
line-height: 30px;
margin-bottom: 8px;
max-width: 860px;
position: relative;
z-index: 1;
}

.hf-remote-console-page .hf-rc-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 920px;
position: relative;
z-index: 1;
}

.hf-remote-console-page .hf-rc-facts {
display: grid;
gap: 12px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
margin: 0 0 18px;
}

.hf-remote-console-page .hf-rc-fact {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
font-size: 13px;
line-height: 19px;
padding: 12px 14px;
}

.hf-remote-console-page .hf-rc-fact span {
color: #886d00;
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: .04em;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-remote-console-page .hf-relpage-section {
border-left-color: #1f5d8f;
}

.hf-remote-console-page .hf-relpage-section-body > p:first-child,
.hf-remote-console-page .hf-relpage-section-body > ul:first-child,
.hf-remote-console-page .hf-relpage-section-body > ol:first-child {
margin-top: 0;
}

.hf-remote-console-page .hf-relpage-section-body h3,
.hf-remote-console-page .hf-relpage-section-body h4 {
background: linear-gradient(90deg, rgba(31, 93, 143, 0.12), rgba(201, 162, 39, 0.06));
border-left: 4px solid #1f5d8f;
color: #1e1e1d;
font-size: 16px;
font-weight: 800;
line-height: 22px;
margin: 18px 0 10px;
padding: 8px 10px;
}

.hf-remote-console-page .hf-relpage-section-body h4 {
border-left-color: #c9a227;
font-size: 14px;
letter-spacing: .04em;
text-transform: uppercase;
}

.hf-remote-console-page .hf-relpage-section-body pre,
.hf-remote-console-page .hf-relpage-section-body .hf-code {
background: #1c1a18 !important;
border: 1px solid #3d3632;
border-left: 4px solid #c9a227;
border-radius: .35em;
color: #e5e7eb !important;
font-size: .9em;
line-height: 1.45;
margin: 10px 0 14px;
overflow: auto;
padding: .85em 1em;
}

.hf-remote-console-page .hf-relpage-section-body code {
background: #2d2926 !important;
border-radius: 4px;
color: #e2c275 !important;
font-size: .88em;
padding: 2px 6px;
}

.hf-remote-console-page .hf-rc-label {
background: linear-gradient(90deg, rgba(31, 93, 143, 0.12), rgba(201, 162, 39, 0.08));
border-left: 4px solid #1f5d8f;
color: #1e1e1d;
font-size: 13px;
font-weight: 800;
letter-spacing: .06em;
margin: 16px 0 8px;
padding: 8px 10px;
text-transform: uppercase;
}

.hf-remote-console-page .hf-rc-note {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
color: #1e1e1d;
font-weight: 700;
line-height: 20px;
margin: 14px 0 10px;
padding: 10px 12px;
}

.hf-remote-console-page .wikitable {
border: 1px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin: 14px 0 18px;
width: 100%;
}

.hf-remote-console-page .wikitable th {
background: #2f2d2b !important;
color: #e0ba3a !important;
font-weight: 800;
vertical-align: top;
}

.hf-remote-console-page .wikitable td {
background: #f7f4ec;
border-color: #d5d0c8;
line-height: 1.45;
vertical-align: top;
}

.hf-remote-console-page .wikitable tr:hover td {
background: #f2f0ea;
}

.hf-remote-console-page .wikitable th.code,
.hf-remote-console-page .wikitable td:first-child {
font-family: monospace;
}

.hf-remote-console-page .wikitable td:first-child {
color: #6f5600;
font-weight: 700;
}

.hf-remote-console-page .hf-relpage-section-body ul,
.hf-remote-console-page .hf-relpage-section-body ol {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
margin: 12px 0;
padding: 10px 12px 10px 30px;
}

.hf-remote-console-page .hf-relpage-section-body li {
margin: 5px 0;
}

.hf-remote-console-page .hf-rc-enum {
display: inline-block;
position: relative;
}

.hf-remote-console-page .hf-rc-enum > a {
background: rgba(31, 93, 143, 0.12);
border: 1px solid rgba(31, 93, 143, 0.28);
border-bottom-color: #c9a227;
color: #6f5600 !important;
display: inline-block;
font-weight: 800;
padding: 1px 5px;
text-decoration: none;
}

.hf-remote-console-page .hf-rc-enum > a:hover,
.hf-remote-console-page .hf-rc-enum > a:focus {
background: rgba(201, 162, 39, 0.16);
border-color: #c9a227;
color: #1f5d8f !important;
}

.hf-remote-console-page .hf-rc-enum-pop {
background: #1c1a18;
border: 1px solid #bfb69c;
border-left: 4px solid #c9a227;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
box-sizing: border-box;
color: #eeedeb;
display: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
left: 0;
line-height: 17px;
max-height: 220px;
min-width: 260px;
overflow: auto;
padding: 10px 12px;
position: absolute;
top: calc(100% + 6px);
white-space: normal;
width: min(320px, calc(100vw - 48px));
z-index: 20;
}

.hf-remote-console-page .hf-rc-enum-pop-wide {
width: min(420px, calc(100vw - 48px));
}

.hf-remote-console-page .wikitable td:last-child .hf-rc-enum-pop,
.hf-remote-console-page .wikitable th:last-child .hf-rc-enum-pop {
left: auto;
right: 0;
}

.hf-remote-console-page .hf-rc-enum:hover .hf-rc-enum-pop,
.hf-remote-console-page .hf-rc-enum:focus-within .hf-rc-enum-pop {
display: block;
}

.hf-remote-console-page .hf-rc-enum-title {
color: #e0ba3a;
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: .07em;
margin-bottom: 6px;
text-transform: uppercase;
}

.hf-remote-console-page .hf-rc-enum-list {
display: block;
}

.hf-remote-console-page .hf-rc-enum-foot {
border-top: 1px solid rgba(191, 182, 156, 0.35);
color: #bfb69c;
display: block;
font-size: 11px;
font-weight: 700;
margin-top: 8px;
padding-top: 7px;
}

/* ===== Server Configuration Enums Page ===== */
.hf-server-configuration-enums-page .hf-enum-hero {
background:
radial-gradient(circle at top left, rgba(224, 186, 58, 0.18), transparent 34%),
linear-gradient(135deg, rgba(47, 45, 43, 0.98), rgba(30, 30, 29, 0.95));
border: 1px solid rgba(191, 182, 156, 0.55);
border-left: 5px solid #c9a227;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
color: #f4efe1;
margin: 0 0 18px;
padding: 18px 20px;
}

.hf-server-configuration-enums-page .hf-enum-kicker {
color: #e0ba3a;
font-size: 11px;
font-weight: 800;
letter-spacing: .12em;
margin-bottom: 6px;
text-transform: uppercase;
}

.hf-server-configuration-enums-page .hf-enum-title {
font-size: 22px;
font-weight: 800;
line-height: 28px;
max-width: 880px;
}

.hf-server-configuration-enums-page .hf-enum-note {
color: #d7cfba;
font-size: 13px;
line-height: 19px;
margin-top: 8px;
max-width: 900px;
}

.hf-server-configuration-enums-page .hf-enum-block {
background: linear-gradient(180deg, rgba(242, 240, 234, 0.98), rgba(238, 237, 235, 0.96));
border: 1px solid rgba(191, 182, 156, 0.72);
border-left: 5px solid #c9a227;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
margin-bottom: 16px;
overflow: hidden;
position: relative;
}

.hf-server-configuration-enums-page .hf-enum-block .hf-issue-heading {
background:
linear-gradient(90deg, rgba(30, 30, 29, 0.96), rgba(47, 45, 43, 0.94)),
linear-gradient(90deg, rgba(201, 162, 39, 0.3), rgba(201, 162, 39, 0));
border-bottom: 1px solid rgba(191, 182, 156, 0.65);
color: #f4efe1;
font-size: 15px;
font-weight: 800;
line-height: 20px;
margin: 0;
padding: 10px 110px 10px 14px;
}

.hf-server-configuration-enums-page .mw-collapsible-toggle {
color: #e0ba3a !important;
float: none !important;
font-size: 11px;
font-weight: 800;
line-height: 18px;
margin: 0 !important;
position: absolute !important;
right: 16px;
text-transform: uppercase;
top: 11px;
z-index: 2;
}

.hf-server-configuration-enums-page .mw-collapsible-toggle a {
color: #e0ba3a !important;
}

.hf-server-configuration-enums-page .hf-enum-block .mw-collapsible-content {
color: #1e1e1d;
font-size: 13px;
line-height: 18px;
padding: 12px 14px 14px;
}

.hf-server-configuration-enums-page .hf-enum-block .mw-collapsible-content > p:first-child {
background: rgba(201, 162, 39, 0.09);
border: 1px solid rgba(191, 182, 156, 0.55);
border-left: 4px solid #c9a227;
color: #3a352f;
font-weight: 700;
font-size: 13px;
line-height: 1.45;
margin: 0 0 12px;
padding: 10px 12px;
}

.hf-server-configuration-enums-page .wikitable {
background: transparent;
border: 0;
border-collapse: separate;
border-spacing: 0 6px;
margin: 12px 0 18px;
width: 100%;
}

.hf-server-configuration-enums-page .hf-enum-table-label,
.hf-server-configuration-enums-page .wikitable caption {
background: linear-gradient(90deg, rgba(136, 109, 0, 0.16), rgba(201, 162, 39, 0.04));
border: 1px solid rgba(191, 182, 156, 0.65);
border-left: 4px solid #886d00;
color: #1e1e1d;
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: .03em;
margin: 12px 0 6px;
padding: 7px 9px;
text-align: left;
}

.hf-server-configuration-enums-page .hf-enum-table-label + .wikitable {
margin-top: 0;
}

.hf-server-configuration-enums-page .wikitable th {
background: #2f2d2b;
border: 0;
color: #e0ba3a;
font-size: 11px;
letter-spacing: .04em;
padding: 7px 9px;
text-align: left;
text-transform: uppercase;
}

.hf-server-configuration-enums-page .wikitable td {
background: #f8f5ec;
border-bottom: 1px solid rgba(191, 182, 156, 0.72);
border-top: 1px solid rgba(191, 182, 156, 0.72);
color: #1e1e1d;
font-size: 12px;
line-height: 17px;
padding: 8px 10px;
vertical-align: top;
}

.hf-server-configuration-enums-page .wikitable tr td:first-child {
border-left: 3px solid rgba(201, 162, 39, 0.7);
color: #886d00;
font-weight: 800;
white-space: nowrap;
}

.hf-server-configuration-enums-page .wikitable td:nth-child(2),
.hf-server-configuration-enums-page .wikitable td:nth-child(3) {
color: #886d00;
}

.hf-server-configuration-enums-page #weapon .wikitable td:last-child,
.hf-server-configuration-enums-page #ship-name .wikitable td:nth-child(2),
.hf-server-configuration-enums-page #carryable-object .wikitable td:nth-child(2),
.hf-server-configuration-enums-page #buff-type .wikitable td:nth-child(2),
.hf-server-configuration-enums-page #high-command-order .wikitable td:nth-child(2),
.hf-server-configuration-enums-page #trait .wikitable td:nth-child(2),
.hf-server-configuration-enums-page #buff-property-type .wikitable td:nth-child(2) {
color: #6d5700;
font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
font-weight: 700;
}

.hf-server-configuration-enums-page #weapon .wikitable td:last-child {
border-left: 3px solid rgba(201, 162, 39, 0.7);
}

.hf-server-configuration-enums-page .wikitable tr td:last-child {
border-right: 1px solid rgba(191, 182, 156, 0.72);
}

.hf-server-configuration-enums-page .wikitable tr:hover td {
background: #fff8dc;
}

.hf-server-configuration-enums-page code {
background: #2d2926 !important;
border: 1px solid rgba(224, 186, 58, 0.36);
border-radius: 4px;
color: #e2c275 !important;
display: inline-block;
font-size: 11px;
line-height: 15px;
margin: 1px 0;
padding: 2px 6px;
}

.hf-server-configuration-enums-page #gamemodes,
.hf-server-configuration-enums-page #map-names,
.hf-server-configuration-enums-page #faction-winner,
.hf-server-configuration-enums-page #class,
.hf-server-configuration-enums-page #weapon,
.hf-server-configuration-enums-page #weapon-classes,
.hf-server-configuration-enums-page #faction,
.hf-server-configuration-enums-page #attacking-defending {
border-left-color: #c9a227;
}

.hf-server-configuration-enums-page #voice-phrases,
.hf-server-configuration-enums-page #player-actions,
.hf-server-configuration-enums-page #instruments,
.hf-server-configuration-enums-page #instrument-songs {
border-left-color: #4b7f9f;
}

.hf-server-configuration-enums-page #ship-type,
.hf-server-configuration-enums-page #ship-renderer-color,
.hf-server-configuration-enums-page #ship-name,
.hf-server-configuration-enums-page #emplacement,
.hf-server-configuration-enums-page #sapper-build-mode,
.hf-server-configuration-enums-page #nature-presets,
.hf-server-configuration-enums-page #explosion-type,
.hf-server-configuration-enums-page #carryable-object {
border-left-color: #6a8f3a;
}

.hf-server-configuration-enums-page #buff-type,
.hf-server-configuration-enums-page #high-command-order,
.hf-server-configuration-enums-page #trait,
.hf-server-configuration-enums-page #buff-property-type {
border-left-color: #8f4b9f;
}

.hf-server-configuration-enums-page #festive-season {
border-left-color: #8f2f1f;
}

/* ===== Class Pages ===== */
.hf-class-info {
background:
linear-gradient(135deg, rgba(47, 45, 43, 0.96) 0%, rgba(70, 70, 62, 0.96) 68%, rgba(136, 109, 0, 0.92) 100%);
border: 1px solid #bfb69c;
border-left: 5px solid #c9a227;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 18px;
overflow: hidden;
padding: 14px;
position: relative;
}

.hf-class-info:after {
background: radial-gradient(circle at center, rgba(224, 186, 58, 0.20), rgba(224, 186, 58, 0));
content: "";
height: 160px;
pointer-events: none;
position: absolute;
right: -65px;
top: -70px;
width: 160px;
}

.hf-class-info-header,
.hf-class-info-badges,
.hf-class-info-stats,
.hf-class-info-equip {
position: relative;
z-index: 1;
}

.hf-class-info-header {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-bottom: 12px;
}

.hf-class-info-header-label,
.hf-class-info-equip-label,
.hf-class-info-stat-label {
color: #e0ba3a;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}

.hf-class-info-faction,
.hf-class-info-badge,
.hf-class-info-equip-item {
background: rgba(242, 240, 234, 0.10);
border: 1px solid rgba(191, 182, 156, 0.45);
color: #f4efe1;
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 12px;
font-weight: 700;
line-height: 17px;
margin: 0 5px 6px 0;
padding: 4px 8px;
}

.hf-class-info-faction img {
height: 18px;
object-fit: contain;
width: 18px;
}

.hf-class-info-badge.hf-badge-ability {
background: rgba(201, 162, 39, 0.18);
border-color: rgba(224, 186, 58, 0.6);
color: #fff3c4;
}

.hf-class-info-stats {
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
margin: 10px 0;
}

.hf-class-info-stat {
background: rgba(30, 30, 29, 0.55);
border: 1px solid rgba(191, 182, 156, 0.35);
padding: 8px 10px;
}

.hf-class-info-stat-value {
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: 23px;
}

.hf-class-info-stat-bonus {
color: #89d185;
}

.hf-class-info + .hf-card-grid,
.hf-class-info ~ .hf-card-grid {
display: grid;
gap: 14px;
grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
margin: 18px 0 6px;
}

.hf-class-info + .hf-card-grid .hf-uniform-card,
.hf-class-info ~ .hf-card-grid .hf-uniform-card {
background: linear-gradient(180deg, #2f2d2b 0%, #1e1e1d 100%);
border: 1px solid #4b4638;
border-top: 3px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
display: flex;
flex-direction: column;
margin: 0;
max-width: 280px;
min-height: 258px;
min-width: 0;
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
width: 100%;
}

.hf-class-info + .hf-card-grid .hf-uniform-card:hover,
.hf-class-info ~ .hf-card-grid .hf-uniform-card:hover {
border-top-color: #e0ba3a;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
transform: translateY(-2px);
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image {
background:
linear-gradient(135deg, rgba(191, 182, 156, 0.16), rgba(30, 30, 29, 0.08)),
#171716;
border-bottom: 1px solid #4b4638;
height: 190px;
position: relative;
}

.hf-uniform-card-era {
background: rgba(23, 23, 22, 0.88);
border: 1px solid rgba(191, 182, 156, 0.45);
border-top: none;
border-left: none;
border-radius: 0 0 6px 0;
color: #e0ba3a;
font-size: 10px;
font-weight: 700;
left: 0;
letter-spacing: .06em;
line-height: 1;
padding: 5px 8px;
pointer-events: none;
position: absolute;
text-transform: uppercase;
top: 0;
z-index: 2;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image p,
.hf-class-info + .hf-card-grid .hf-uniform-card-image a,
.hf-class-info + .hf-card-grid .hf-uniform-card-image span,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image p,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image a,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image span {
line-height: 1.25 !important;
white-space: normal !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image p,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image p {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
margin: 0;
padding: 0;
width: 100%;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image a.new,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image a.new {
align-items: center;
box-sizing: border-box;
color: #e0ba3a !important;
display: flex !important;
font-size: 11px;
font-weight: 700;
height: 100%;
justify-content: center;
line-height: 1.25 !important;
min-width: 0;
overflow-wrap: anywhere !important;
padding: 12px;
text-align: center;
text-decoration: none;
white-space: normal !important;
width: 100%;
word-break: break-word;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image a.new:hover,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image a.new:hover {
background: rgba(224, 186, 58, 0.08);
color: #fff3c4 !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image img,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image img {
object-fit: contain;
padding: 8px;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-label,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-label {
color: #f4efe1;
font-size: 13px;
font-weight: 700;
line-height: 17px;
overflow-wrap: break-word;
padding: 10px 10px 4px;
white-space: normal;
word-break: break-word;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-requirement,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-requirement {
color: #d9c78c;
font-size: 11px;
font-weight: 700;
letter-spacing: .02em;
line-height: 14px;
overflow-wrap: break-word;
padding: 0 10px 10px;
white-space: normal;
word-break: break-word;
}

/* ===== Artillery Page ===== */
.hf-artillery-page .hf-relpage-section {
border-left-color: #8f2f1f;
}

.hf-artillery-page .hf-relpage-section-body > p:first-child,
.hf-artillery-page .hf-relpage-section-body > ul:first-child {
margin-top: 0;
}

.hf-artillery-page .hf-relpage-section-body b,
.hf-artillery-page .hf-relpage-section-body strong {
color: #8f2f1f;
}

.hf-artillery-page .hf-relpage-section-body > p:has(b),
.hf-artillery-page .hf-relpage-section-body > p:has(strong) {
background: linear-gradient(90deg, rgba(143, 47, 31, 0.12), rgba(201, 162, 39, 0.06));
border-left: 4px solid #8f2f1f;
color: #1e1e1d;
font-size: 15px;
font-weight: 700;
margin: 14px 0 8px;
padding: 8px 10px;
}

.hf-artillery-page .hf-relpage-section-body ul {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
margin: 12px 0;
padding: 10px 12px 10px 28px;
}

.hf-artillery-page .hf-relpage-section-body li {
margin: 5px 0;
}

.hf-artillery-page .wikitable {
border: 1px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin: 14px 0;
width: 100%;
}

.hf-artillery-page .wikitable th {
background: #2f2d2b !important;
color: #e0ba3a !important;
font-weight: 700;
}

.hf-artillery-page .wikitable td {
background: #f7f4ec;
border-color: #d5d0c8;
}

.hf-artillery-page .hf-class-info {
background:
linear-gradient(135deg, rgba(47, 45, 43, 0.98) 0%, rgba(70, 70, 62, 0.96) 58%, rgba(143, 47, 31, 0.94) 100%);
border-left-color: #8f2f1f;
}

.hf-artillery-page .hf-class-info:after {
background: radial-gradient(circle at center, rgba(201, 162, 39, 0.24), rgba(143, 47, 31, 0));
}

.hf-artillery-page .hf-class-info-badge.hf-badge-ability {
background: rgba(143, 47, 31, 0.26);
border-color: rgba(224, 186, 58, 0.62);
}

.hf-artillery-page .hf-card-grid .hf-uniform-card {
border-top-color: #8f2f1f;
}

.hf-artillery-page .hf-card-grid .hf-uniform-card:hover {
border-top-color: #e0ba3a;
}

/* ===== Naval Combat Page ===== */
.hf-naval-page .hf-relpage-section {
border-left-color: #1f5d8f;
}

.hf-naval-page .hf-relpage-section-body > p:first-child,
.hf-naval-page .hf-relpage-section-body > ul:first-child,
.hf-naval-page .hf-relpage-section-body > ol:first-child {
margin-top: 0;
}

.hf-naval-page .hf-relpage-section-body b,
.hf-naval-page .hf-relpage-section-body strong {
color: #1f5d8f;
}

.hf-naval-page .hf-relpage-section-body > p:has(b),
.hf-naval-page .hf-relpage-section-body > p:has(strong) {
background: linear-gradient(90deg, rgba(31, 93, 143, 0.12), rgba(201, 162, 39, 0.06));
border-left: 4px solid #1f5d8f;
color: #1e1e1d;
font-size: 15px;
font-weight: 700;
margin: 14px 0 8px;
padding: 8px 10px;
}

.hf-naval-page .hf-relpage-section-body ul,
.hf-naval-page .hf-relpage-section-body ol {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
margin: 12px 0;
padding: 10px 12px 10px 30px;
}

.hf-naval-page .hf-relpage-section-body li {
margin: 5px 0;
}

.hf-naval-page .wikitable {
border: 1px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin: 14px 0;
width: 100%;
}

.hf-naval-page .wikitable th {
background: #2f2d2b !important;
color: #e0ba3a !important;
font-weight: 700;
}

.hf-naval-page .wikitable td {
background: #f7f4ec;
border-color: #d5d0c8;
}

.hf-naval-page .wikitable tr:hover td {
background: #fff8dc;
}

.hf-naval-page .hf-ship-section .hf-relpage-section-body {
min-height: 150px;
}

.hf-naval-page .hf-ship-image-card {
align-items: center;
background:
radial-gradient(circle at center, rgba(31, 93, 143, 0.38), rgba(30, 30, 29, 0.96) 64%),
#1e1e1d;
border: 1px solid #4b4638;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22);
box-sizing: border-box;
display: flex;
float: right;
height: 118px;
justify-content: center;
margin: -42px 0 12px 18px;
overflow: hidden;
padding: 12px;
width: 170px;
}

.hf-naval-page .hf-ship-image-card a,
.hf-naval-page .hf-ship-image-card .mw-file-description {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
}

.hf-naval-page .hf-ship-image-card img,
.hf-naval-page .hf-ship-image-card img.mw-file-element {
height: 94px !important;
max-height: 94px !important;
max-width: 145px !important;
object-fit: contain;
width: auto !important;
}

/* ===== Weapons Page ===== */
.hf-weapons-page .hf-weapons-hero {
background: linear-gradient(135deg, #1e1e1d 0%, #2f2d2b 58%, #886d00 100%);
border: 1px solid #bfb69c;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 20px;
overflow: hidden;
padding: 22px;
position: relative;
}

.hf-weapons-page .hf-weapons-hero:after {
background: radial-gradient(circle at center, rgba(224, 186, 58, 0.22), rgba(224, 186, 58, 0));
content: "";
height: 180px;
position: absolute;
right: -70px;
top: -70px;
width: 180px;
}

.hf-weapons-page .hf-weapons-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 700;
letter-spacing: .1em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-weapons-page .hf-weapons-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 8px;
max-width: 760px;
position: relative;
z-index: 1;
}

.hf-weapons-page .hf-weapons-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 820px;
position: relative;
z-index: 1;
}

.hf-weapons-page .hf-weapons-text code {
background: rgba(30, 30, 29, 0.72);
color: #e0ba3a;
padding: 2px 6px;
}

.hf-weapons-page .hf-card-grid {
display: grid;
gap: 14px;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
margin: 18px 0 6px;
}

.hf-weapons-page .hf-card-grid .hf-uniform-card {
background: linear-gradient(180deg, #2f2d2b 0%, #1e1e1d 100%);
border: 1px solid #4b4638;
border-top: 3px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
display: flex;
flex-direction: column;
margin: 0;
min-height: 246px;
overflow: hidden;
position: relative;
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
width: auto;
}

.hf-weapons-page .hf-card-grid .hf-uniform-card:hover {
border-top-color: #e0ba3a;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
transform: translateY(-2px);
}

.hf-weapons-page .hf-uniform-card-image {
background:
linear-gradient(135deg, rgba(191, 182, 156, 0.16), rgba(30, 30, 29, 0.08)),
#171716;
border-bottom: 1px solid #4b4638;
height: 136px;
}

.hf-weapons-page .hf-uniform-card-image:empty:before {
color: #bfb69c;
content: "Image pending";
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
line-height: 136px;
text-align: center;
text-transform: uppercase;
width: 100%;
}

.hf-weapons-page .hf-uniform-card-image p {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
line-height: 1.25 !important;
margin: 0;
padding: 0;
width: 100%;
}

.hf-weapons-page .hf-uniform-card-image a,
.hf-weapons-page .hf-uniform-card-image span {
line-height: 1.25 !important;
white-space: normal !important;
}

.hf-weapons-page .hf-uniform-card-image a.new {
align-items: center;
box-sizing: border-box;
color: #e0ba3a !important;
display: flex !important;
font-size: 11px;
font-weight: 700;
flex-wrap: wrap;
height: 100%;
justify-content: center;
letter-spacing: .02em;
line-height: 1.25 !important;
min-width: 0;
overflow-wrap: anywhere !important;
padding: 12px;
text-align: center;
text-decoration: none;
white-space: normal;
word-break: break-word;
width: 100%;
}

.hf-weapons-page .hf-uniform-card-image a.new:hover {
background: rgba(224, 186, 58, 0.08);
color: #fff3c4 !important;
}

.hf-weapons-page .hf-uniform-card-image img {
filter: saturate(1.05) contrast(1.02);
object-fit: contain;
padding: 8px;
}

.hf-weapons-page .hf-uniform-card-label {
align-content: start;
display: grid;
flex: 1;
gap: 8px;
padding: 10px 10px 4px;
text-align: left;
}

.hf-weapons-page .hf-uniform-card-requirement {
background: rgba(191, 182, 156, 0.14);
border: 1px solid #4b4638;
color: #d7cfba;
font-size: 11px;
font-weight: 700;
line-height: 15px;
margin: 0 10px 10px;
padding: 3px 6px;
width: fit-content;
}

.hf-weapons-page .hf-weapon-label {
color: #f4efe1;
display: block;
font-size: 13px;
font-weight: 700;
line-height: 17px;
}

.hf-weapons-page .hf-weapon-added,
.hf-weapons-page .hf-weapon-dlc {
border: 1px solid #4b4638;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 15px;
padding: 3px 6px;
width: fit-content;
}

.hf-weapons-page .hf-weapon-added {
background: rgba(201, 162, 39, 0.18);
color: #e0ba3a;
}

.hf-weapons-page .hf-weapon-dlc {
background: rgba(191, 182, 156, 0.14);
color: #d7cfba;
}

.hf-weapons-page .hf-weapon-enum {
background: #171716;
border: 1px solid #4b4638;
color: #e0ba3a;
display: none;
font-size: 10px;
line-height: 14px;
overflow-wrap: anywhere;
padding: 5px 6px;
white-space: normal;
}

/* ===== Orders / Traits & Abilities Pages ===== */
.hf-orders-page .hf-relpage-section,
.hf-traits-abilities-page .hf-relpage-section {
border-left-color: #c9a227;
}

.hf-orders-page .hf-relpage-section-body > p:first-child,
.hf-traits-abilities-page .hf-relpage-section-body > p:first-child {
background:
linear-gradient(135deg, rgba(47, 45, 43, 0.96), rgba(70, 70, 62, 0.92)),
linear-gradient(90deg, rgba(224, 186, 58, 0.14), rgba(224, 186, 58, 0));
border: 1px solid rgba(191, 182, 156, 0.55);
border-left: 4px solid #c9a227;
color: #f4efe1;
line-height: 1.6;
margin-top: 0;
padding: 14px 16px;
}

.hf-orders-page .wikitable,
.hf-traits-abilities-page .wikitable {
background: transparent;
border: 0;
border-collapse: separate;
border-spacing: 0 10px;
margin: 14px 0 22px;
width: 100%;
}

.hf-orders-page .wikitable th,
.hf-traits-abilities-page .wikitable th {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 100%) !important;
border: 0 !important;
color: #e0ba3a !important;
font-size: 12px;
font-weight: 800;
letter-spacing: .08em;
padding: 11px 14px;
text-transform: uppercase;
}

.hf-orders-page .wikitable th:first-child,
.hf-traits-abilities-page .wikitable th:first-child {
border-radius: 8px 0 0 8px;
}

.hf-orders-page .wikitable th:last-child,
.hf-traits-abilities-page .wikitable th:last-child {
border-radius: 0 8px 8px 0;
}

.hf-orders-page .wikitable td,
.hf-traits-abilities-page .wikitable td {
background: linear-gradient(180deg, #fbf8ef 0%, #f0eadc 100%);
border-bottom: 1px solid #d5d0c8 !important;
border-top: 1px solid #d5d0c8 !important;
color: #2f2d2b;
line-height: 1.55;
padding: 13px 14px;
vertical-align: middle;
}

.hf-orders-page .wikitable td:first-child,
.hf-traits-abilities-page .wikitable td:first-child {
background:
radial-gradient(circle at center, rgba(224, 186, 58, 0.22), rgba(224, 186, 58, 0) 64%),
linear-gradient(180deg, #2f2d2b 0%, #1e1e1d 100%);
border-left: 1px solid #d5d0c8 !important;
border-radius: 10px 0 0 10px;
height: 86px;
min-width: 86px;
overflow: hidden;
position: relative;
text-align: center;
width: 86px;
}

.hf-orders-page .wikitable td:last-child,
.hf-traits-abilities-page .wikitable td:last-child {
border-radius: 0 10px 10px 0;
border-right: 1px solid #d5d0c8 !important;
}

.hf-orders-page .wikitable tr:hover td,
.hf-traits-abilities-page .wikitable tr:hover td {
background: linear-gradient(180deg, #fffaf0 0%, #f6edda 100%);
box-shadow: 0 7px 18px rgba(47, 45, 43, 0.12);
}

.hf-orders-page .wikitable tr:hover td:first-child,
.hf-traits-abilities-page .wikitable tr:hover td:first-child {
background:
radial-gradient(circle at center, rgba(224, 186, 58, 0.30), rgba(224, 186, 58, 0) 66%),
linear-gradient(180deg, #3b3832 0%, #1e1e1d 100%);
}

.hf-orders-page .wikitable img,
.hf-traits-abilities-page .wikitable img {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
height: 84px !important;
left: 50%;
object-fit: contain;
padding: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 84px !important;
z-index: 1;
}

.hf-orders-page .wikitable td:first-child img:first-of-type,
.hf-traits-abilities-page .wikitable td:first-child img:first-of-type {
height: 74px !important;
opacity: 0.96;
width: 74px !important;
z-index: 0;
}

.hf-orders-page .wikitable td:first-child img:last-of-type,
.hf-traits-abilities-page .wikitable td:first-child img:last-of-type {
height: 84px !important;
width: 84px !important;
z-index: 1;
}

.hf-orders-page .wikitable td:first-child a,
.hf-traits-abilities-page .wikitable td:first-child a {
display: inline;
height: auto;
position: static;
width: auto;
}

.hf-orders-page .wikitable td:first-child a.new,
.hf-traits-abilities-page .wikitable td:first-child a.new {
display: inline-block;
font-size: 10px;
line-height: 1.1;
overflow-wrap: anywhere;
position: relative;
z-index: 2;
}

.hf-orders-page .wikitable b,
.hf-orders-page .wikitable strong,
.hf-traits-abilities-page .wikitable b,
.hf-traits-abilities-page .wikitable strong {
color: #8f6f00;
font-weight: 800;
}

.hf-orders-page .wikitable td:nth-child(2),
.hf-traits-abilities-page .wikitable td:nth-child(2) {
color: #1e1e1d;
font-size: 15px;
font-weight: 800;
min-width: 170px;
}

.hf-orders-page .wikitable td:last-child,
.hf-traits-abilities-page .wikitable td:last-child {
font-size: 13px;
}

.hf-orders-page #captain-orders .wikitable td:first-child,
.hf-orders-page #midshipman-orders .wikitable td:first-child {
width: 96px;
}

/* ===== Shared Image Card Redesign ===== */
.hf-beginners-page .hf-card-grid,
.hf-mechanics-page .hf-card-grid,
.hf-directory-page .hf-card-grid {
gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.hf-beginners-page .hf-card,
.hf-mechanics-page .hf-card,
.hf-directory-page .hf-card {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(191, 182, 156, 0.1)),
#f2f0ea;
border: 1px solid #c9c1b2;
border-left: 4px solid #bfb69c;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
color: #1e1e1d;
display: flex;
flex-direction: column;
min-height: 260px;
overflow: hidden;
padding: 0;
position: relative;
}

.hf-beginners-page .hf-card:hover,
.hf-mechanics-page .hf-card:hover,
.hf-directory-page .hf-card:hover {
border-left-color: #c9a227;
box-shadow: 0 7px 18px rgba(0, 0, 0, 0.16);
transform: translateY(-2px);
}

.hf-beginners-page .hf-card-image,
.hf-mechanics-page .hf-card-image,
.hf-directory-page .hf-card-image {
align-items: center;
background:
radial-gradient(circle at 72% 18%, rgba(224, 186, 58, 0.25), rgba(224, 186, 58, 0) 42%),
linear-gradient(135deg, #46463e 0%, #2f2d2b 100%);
border: 1px solid rgba(30, 30, 29, 0.35);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
display: flex;
height: 160px;
justify-content: center;
margin: 10px 10px 0;
overflow: hidden;
position: relative;
width: auto;
}

.hf-beginners-page .hf-card-image:empty,
.hf-mechanics-page .hf-card-image:empty,
.hf-directory-page .hf-card-image:empty {
display: none;
}

.hf-beginners-page .hf-card-image:empty + .hf-card-body,
.hf-mechanics-page .hf-card-image:empty + .hf-card-body,
.hf-directory-page .hf-card-image:empty + .hf-card-body {
padding-top: 14px;
}

.hf-beginners-page .hf-card-image p,
.hf-beginners-page .hf-card-image a,
.hf-beginners-page .hf-card-image .mw-file-description,
.hf-mechanics-page .hf-card-image p,
.hf-mechanics-page .hf-card-image a,
.hf-mechanics-page .hf-card-image .mw-file-description,
.hf-directory-page .hf-card-image p,
.hf-directory-page .hf-card-image a,
.hf-directory-page .hf-card-image .mw-file-description {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
line-height: 0;
margin: 0;
width: 100%;
}

.hf-beginners-page .hf-card-image img,
.hf-mechanics-page .hf-card-image img,
.hf-directory-page .hf-card-image img {
display: block;
height: 100% !important;
max-height: none;
max-width: none;
object-fit: contain;
object-position: center;
padding: 8px;
width: 100% !important;
}

.hf-beginners-page .hf-card-body,
.hf-mechanics-page .hf-card-body,
.hf-directory-page .hf-card-body {
padding: 13px 14px 15px;
}

.hf-beginners-page .hf-card-title,
.hf-mechanics-page .hf-card-title,
.hf-directory-page .hf-card-title {
border-bottom: 1px solid rgba(191, 182, 156, 0.9);
font-size: 17px;
font-weight: 800;
line-height: 22px;
margin: 0 0 8px;
padding-bottom: 7px;
}

.hf-beginners-page .hf-card-desc,
.hf-mechanics-page .hf-card-desc,
.hf-directory-page .hf-card-desc {
color: #3a3935;
font-size: 13px;
line-height: 19px;
}

.hf-class-info + .hf-card-grid,
.hf-class-info ~ .hf-card-grid {
gap: 16px;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.hf-class-info + .hf-card-grid .hf-uniform-card,
.hf-class-info ~ .hf-card-grid .hf-uniform-card {
background:
linear-gradient(180deg, #34322f 0%, #1e1e1d 100%);
border: 1px solid #5b5444;
border-top: 4px solid #bfb69c;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2);
min-height: 316px;
overflow: hidden;
}

.hf-class-info + .hf-card-grid .hf-uniform-card:hover,
.hf-class-info ~ .hf-card-grid .hf-uniform-card:hover {
border-top-color: #e0ba3a;
box-shadow: 0 9px 22px rgba(0, 0, 0, 0.28);
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image {
background:
radial-gradient(circle at 70% 18%, rgba(224, 186, 58, 0.2), rgba(224, 186, 58, 0) 42%),
linear-gradient(135deg, #46463e 0%, #171716 100%);
border: 1px solid rgba(191, 182, 156, 0.22);
border-bottom-color: #5b5444;
height: 238px;
margin: 0;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-figure img,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-figure img {
height: 100% !important;
object-fit: contain;
padding: 10px;
width: 100% !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-caption,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-caption {
align-items: flex-start;
display: flex;
gap: 9px;
padding: 12px 12px;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-crest,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-crest {
flex: 0 0 52px;
line-height: 0;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-crest img,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-crest img {
display: block;
height: auto !important;
max-height: 72px;
object-fit: contain;
width: 52px !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-text,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-text {
min-width: 0;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-label,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-label {
color: #fff4d6;
font-size: 14px;
line-height: 18px;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-requirement,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-requirement {
margin-top: 4px;
padding: 0;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-bg,
.hf-class-info + .hf-card-grid .hf-uniform-card-figure,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-bg,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-figure {
align-items: center;
display: flex;
inset: 0;
justify-content: center;
position: absolute;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image:has(.hf-uniform-card-bg),
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image:has(.hf-uniform-card-bg) {
background: #171716;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image:has(.hf-uniform-card-bg)::before,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image:has(.hf-uniform-card-bg)::before {
background:
linear-gradient(90deg, rgba(255, 238, 184, 0.14) 0%, rgba(201, 162, 39, 0.07) 30%, rgba(23, 23, 22, 0) 62%);
content: "";
inset: 0;
pointer-events: none;
position: absolute;
z-index: 0;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-bg,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-bg {
filter: brightness(2.05) saturate(1.18) contrast(1.02);
opacity: 1;
z-index: 1;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-figure,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-figure {
z-index: 2;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-bg p,
.hf-class-info + .hf-card-grid .hf-uniform-card-figure p,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-bg p,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-figure p {
height: 100%;
width: 100%;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-bg img,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-bg img {
height: 100% !important;
object-fit: cover;
object-position: left center;
padding: 0;
width: 100% !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-bg-missing,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-bg-missing {
bottom: 8px;
position: absolute;
right: 8px;
z-index: 3;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image .hf-uniform-card-bg-missing a,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image .hf-uniform-card-bg-missing a {
background: rgba(23, 23, 22, 0.88);
border: 1px solid rgba(224, 186, 58, 0.68);
border-radius: 4px;
color: #e0ba3a !important;
display: inline-block !important;
font-size: 10px;
font-weight: 800;
height: auto !important;
letter-spacing: .05em;
line-height: 1;
padding: 6px 8px;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
width: auto !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image .hf-uniform-card-bg-missing a:hover,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image .hf-uniform-card-bg-missing a:hover {
background: rgba(224, 186, 58, 0.14);
color: #fff3c4 !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-figure img,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-figure img {
filter: brightness(1.06) saturate(1.14) contrast(1.1);
height: 100% !important;
object-fit: contain;
padding: 10px;
width: 100% !important;
}

/* ===== Modding Guide Pages (Script Modding Guide (WIP), Uniform Modding, Map Making Guide) ===== */
.mw-parser-output .hf-modding-page .hf-sm-hero,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-hero,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-hero,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-hero {
background:
radial-gradient(circle at top left, rgba(224, 186, 58, 0.18), transparent 34%),
linear-gradient(135deg, rgba(47, 45, 43, 0.98), rgba(30, 30, 29, 0.95));
border: 1px solid rgba(191, 182, 156, 0.55);
border-left: 5px solid #c9a227;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
color: #f4efe1;
margin: 0 0 18px;
padding: 18px 20px;
}

.mw-parser-output .hf-modding-page .hf-sm-kicker,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-kicker,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-kicker,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-kicker {
color: #e0ba3a;
font-size: 11px;
font-weight: 800;
letter-spacing: .12em;
margin-bottom: 6px;
text-transform: uppercase;
}

.mw-parser-output .hf-modding-page .hf-sm-title,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-title,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-title,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-title {
font-size: 22px;
font-weight: 800;
line-height: 28px;
max-width: 880px;
}

.mw-parser-output .hf-modding-page .hf-sm-note-text,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-note-text,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-note-text,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-note-text {
color: #d7cfba;
font-size: 13px;
line-height: 19px;
margin-top: 8px;
max-width: 900px;
}

.mw-parser-output .hf-modding-page .hf-sm-hero a,
.mw-parser-output .hf-modding-page .hf-sm-hero a:visited,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-hero a,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-hero a:visited,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-hero a,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-hero a:visited,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-hero a,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-hero a:visited {
color: #e0ba3a !important;
}

.mw-parser-output .hf-modding-page .hf-sm-hero a:hover,
.mw-parser-output .hf-modding-page .hf-sm-hero a:focus,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-hero a:hover,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-hero a:focus,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-hero a:hover,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-hero a:focus,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-hero a:hover,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-hero a:focus {
color: #fff3c4 !important;
}

.mw-parser-output .hf-modding-page .hf-sm-facts,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-facts,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-facts,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-facts {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
margin-top: 14px;
}

.mw-parser-output .hf-modding-page .hf-sm-fact,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-fact,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-fact,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-fact {
background: rgba(0, 0, 0, 0.28);
border: 1px solid rgba(191, 182, 156, 0.35);
border-left: 3px solid #c9a227;
color: #f4efe1;
font-size: 13px;
font-weight: 700;
line-height: 18px;
padding: 9px 12px;
}

.mw-parser-output .hf-modding-page .hf-sm-fact span,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-fact span,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-fact span,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-fact span {
color: #e0ba3a;
display: block;
font-size: 10px;
font-weight: 800;
letter-spacing: .1em;
margin-bottom: 3px;
text-transform: uppercase;
}

.mw-parser-output .hf-modding-page .hf-sm-fact a,
.mw-parser-output .hf-modding-page .hf-sm-fact a:visited,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-fact a,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-fact a:visited,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-fact a,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-fact a:visited,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-fact a,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-fact a:visited {
color: #e0ba3a !important;
}

.mw-parser-output .hf-modding-page .hf-sm-fact a:hover,
.mw-parser-output .hf-modding-page .hf-sm-fact a:focus,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-fact a:hover,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-fact a:focus,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-fact a:hover,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-fact a:focus,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-fact a:hover,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-fact a:focus {
color: #fff3c4 !important;
}

/* Callout boxes */
.mw-parser-output .hf-modding-page .hf-sm-callout,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-callout,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-callout,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-callout {
background: rgba(201, 162, 39, 0.09);
border: 1px solid rgba(191, 182, 156, 0.55);
border-left: 4px solid #c9a227;
color: #3a352f;
font-size: 13px;
line-height: 1.5;
margin: 14px 0;
padding: 11px 14px;
}

.mw-parser-output .hf-modding-page .hf-sm-info,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-info,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-info,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-info {
background: rgba(84, 110, 140, 0.10);
border-left-color: #546e8c;
}

.mw-parser-output .hf-modding-page .hf-sm-tip,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-tip,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-tip,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-tip {
background: rgba(88, 129, 87, 0.12);
border-left-color: #588157;
}

.mw-parser-output .hf-modding-page .hf-sm-warn,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-warn,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-warn,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-warn {
background: rgba(201, 162, 39, 0.13);
border-left-color: #c9a227;
}

.mw-parser-output .hf-modding-page .hf-sm-danger,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-danger,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-danger,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-danger {
background: rgba(156, 60, 47, 0.10);
border-left-color: #9c3c2f;
}

.mw-parser-output .hf-modding-page .hf-sm-verify,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-verify,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-verify,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-verify {
background: rgba(108, 84, 140, 0.10);
border-left-color: #6c548c;
}

/* Inline status badges */
.mw-parser-output .hf-modding-page .hf-sm-badge,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-badge,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-badge,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-badge {
border-radius: 3px;
display: inline-block;
font-size: 10px;
font-weight: 800;
letter-spacing: .08em;
line-height: 14px;
padding: 2px 7px;
text-transform: uppercase;
vertical-align: 2px;
white-space: nowrap;
}

.mw-parser-output .hf-modding-page .hf-sm-badge-verify,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-badge-verify,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-badge-verify,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-badge-verify {
background: rgba(108, 84, 140, 0.16);
border: 1px solid #6c548c;
color: #58447a;
}

.mw-parser-output .hf-modding-page .hf-sm-badge-deprecated,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-badge-deprecated,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-badge-deprecated,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-badge-deprecated {
background: rgba(156, 60, 47, 0.14);
border: 1px solid #9c3c2f;
color: #8a3327;
}

.mw-parser-output .hf-modding-page .hf-sm-badge-server,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-badge-server,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-badge-server,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-badge-server {
background: rgba(84, 110, 140, 0.16);
border: 1px solid #546e8c;
color: #43586f;
}

/* Dark code blocks */
.mw-parser-output .hf-modding-page .hf-relpage-section-body pre,
.mw-parser-output .hf-modding-page .hf-relpage-section-body .hf-code,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body pre,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body .hf-code,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body pre,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body pre,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code {
background: #1c1a18 !important;
color: #e5e7eb !important;
padding: .8em 1em;
border-radius: .6em;
overflow: auto;
line-height: 1.45;
font-size: .9em;
border: 1px solid #3d3632;
border-left: 4px solid #c9a227;
margin: 0.8em 0;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body pre a,
.mw-parser-output .hf-modding-page .hf-relpage-section-body pre a:visited,
.mw-parser-output .hf-modding-page .hf-relpage-section-body .hf-code a,
.mw-parser-output .hf-modding-page .hf-relpage-section-body .hf-code a:visited,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body pre a,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body pre a:visited,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body .hf-code a,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body .hf-code a:visited,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body pre a,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body pre a:visited,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a:visited,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body pre a,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body pre a:visited,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a:visited {
color: #e0ba3a !important;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body pre a:hover,
.mw-parser-output .hf-modding-page .hf-relpage-section-body pre a:focus,
.mw-parser-output .hf-modding-page .hf-relpage-section-body .hf-code a:hover,
.mw-parser-output .hf-modding-page .hf-relpage-section-body .hf-code a:focus,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body pre a:hover,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body pre a:focus,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body .hf-code a:hover,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body .hf-code a:focus,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body pre a:hover,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body pre a:focus,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a:hover,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a:focus,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body pre a:hover,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body pre a:focus,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a:hover,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a:focus {
color: #fff3c4 !important;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body code,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body code,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body code,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body code {
background: #2d2926 !important;
color: #e2c275 !important;
padding: 2px 6px;
border-radius: 4px;
font-size: .88em;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body code a,
.mw-parser-output .hf-modding-page .hf-relpage-section-body code a:visited,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body code a,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body code a:visited,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body code a,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body code a:visited,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body code a,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body code a:visited {
color: #e0ba3a !important;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body code a:hover,
.mw-parser-output .hf-modding-page .hf-relpage-section-body code a:focus,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body code a:hover,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body code a:focus,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body code a:hover,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body code a:focus,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body code a:hover,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body code a:focus {
color: #fff3c4 !important;
}

.mw-parser-output .hf-modding-page .hf-sm-callout code,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-callout code,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-callout code,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-callout code {
background: rgba(30, 30, 29, 0.85) !important;
}

/* Section body rhythm */
.mw-parser-output .hf-modding-page .hf-relpage-section-body h3,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body h3,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body h3,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body h3 {
border-bottom: 1px solid rgba(191, 182, 156, 0.6);
color: #1e1e1d;
font-size: 17px;
margin: 20px 0 8px;
padding-bottom: 4px;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body h4,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body h4,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body h4,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body h4 {
color: #886d00;
font-size: 14px;
margin: 16px 0 6px;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body ul,
.mw-parser-output .hf-modding-page .hf-relpage-section-body ol,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body ul,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body ol,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body ul,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body ol,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body ul,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body ol {
margin: 8px 0 12px 1.4em;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body li,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body li,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body li,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body li {
margin-bottom: 5px;
line-height: 1.5;
}

/* Tables (troubleshooting, scene objects, version history) */
.mw-parser-output .hf-modding-page .wikitable,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable {
border: 1px solid #bfb69c;
border-collapse: collapse;
margin: 12px 0 18px;
width: 100%;
}

.mw-parser-output .hf-modding-page .wikitable th,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable th,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable th,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable th {
background: linear-gradient(90deg, rgba(30, 30, 29, 0.96), rgba(47, 45, 43, 0.94));
border: 1px solid #3d3632;
color: #f4efe1;
font-size: 13px;
padding: 8px 10px;
text-align: left;
}

.mw-parser-output .hf-modding-page .wikitable th a,
.mw-parser-output .hf-modding-page .wikitable th a:visited,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable th a,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable th a:visited,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable th a,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable th a:visited,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable th a,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable th a:visited {
color: #e0ba3a !important;
}

.mw-parser-output .hf-modding-page .wikitable th a:hover,
.mw-parser-output .hf-modding-page .wikitable th a:focus,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable th a:hover,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable th a:focus,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable th a:hover,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable th a:focus,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable th a:hover,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable th a:focus {
color: #fff3c4 !important;
}

.mw-parser-output .hf-modding-page .wikitable td,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable td,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable td,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable td {
background: rgba(242, 240, 234, 0.7);
border: 1px solid #d5d0c8;
font-size: 13px;
line-height: 1.45;
padding: 7px 10px;
vertical-align: top;
}

.mw-parser-output .hf-modding-page .wikitable tr:nth-child(even) td,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable tr:nth-child(even) td,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable tr:nth-child(even) td,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable tr:nth-child(even) td {
background: rgba(238, 237, 235, 0.95);
}

/* ===== Spawnable Props Page ===== */
.hf-spawnable-props-page .hf-props-hero {
background:
radial-gradient(circle at top right, rgba(224, 186, 58, 0.2), rgba(224, 186, 58, 0) 34%),
linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #5b3f2a 100%);
border: 1px solid #bfb69c;
border-left: 5px solid #c9a227;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 16px;
overflow: hidden;
padding: 20px 22px;
position: relative;
}

.hf-spawnable-props-page .hf-props-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 800;
letter-spacing: .11em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-spawnable-props-page .hf-props-title {
font-size: 24px;
font-weight: 800;
line-height: 30px;
margin-bottom: 8px;
max-width: 860px;
position: relative;
z-index: 1;
}

.hf-spawnable-props-page .hf-props-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 920px;
position: relative;
z-index: 1;
}

.hf-spawnable-props-page .hf-props-facts {
display: grid;
gap: 12px;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
margin: 0 0 18px;
}

.hf-spawnable-props-page .hf-props-fact {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
font-size: 13px;
line-height: 19px;
padding: 12px 14px;
}

.hf-spawnable-props-page .hf-props-fact span {
color: #886d00;
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: .04em;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-spawnable-props-page .hf-relpage-section {
border-left-color: #5b3f2a;
}

.hf-spawnable-props-page .hf-relpage-section-body > p:first-child {
margin-top: 0;
}

.hf-spawnable-props-page .hf-relpage-section-body b,
.hf-spawnable-props-page .hf-relpage-section-body strong {
color: #6f5600;
}

.hf-spawnable-props-page .hf-relpage-section-body h3 {
background: linear-gradient(90deg, rgba(91, 63, 42, 0.14), rgba(201, 162, 39, 0.06));
border-left: 4px solid #5b3f2a;
color: #1e1e1d;
font-size: 16px;
font-weight: 800;
line-height: 22px;
margin: 18px 0 10px;
padding: 8px 10px;
}

.hf-spawnable-props-page .gallery {
display: flex;
flex-wrap: wrap;
gap: 14px;
list-style: none;
margin: 14px 0 18px;
padding: 0;
}

.hf-spawnable-props-page .gallerybox {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
box-sizing: border-box;
margin: 0 !important;
padding: 8px;
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.hf-spawnable-props-page .gallerybox:hover {
border-left-color: #c9a227;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.14);
transform: translateY(-1px);
}

.hf-spawnable-props-page .gallerybox .thumb {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 100%);
border: 1px solid #bfb69c !important;
box-sizing: border-box;
margin: 0 auto 8px !important;
}

.hf-spawnable-props-page .gallerybox img {
display: block;
object-fit: cover;
}

.hf-spawnable-props-page .gallerytext {
color: #1e1e1d;
font-size: 12px;
line-height: 17px;
padding: 0 2px 2px;
text-align: center;
}

.hf-spawnable-props-page .gallerytext b,
.hf-spawnable-props-page .gallerytext strong {
background: #2d2926;
color: #e2c275;
display: inline-block;
font-family: monospace;
font-size: 11px;
line-height: 16px;
margin-bottom: 4px;
overflow-wrap: anywhere;
padding: 2px 6px;
}

/* ===== Regiment Roster Page ===== */
.hf-regiment-roster-page .hf-relpage-section {
border-left-color: #886d00;
}

.hf-roster-filters {
border-top: 1px solid rgba(191, 182, 156, 0.55);
margin-top: 14px;
padding-top: 12px;
}

.hf-filter-title {
color: #e0ba3a;
font-size: 11px;
font-weight: 800;
letter-spacing: .08em;
margin-bottom: 8px;
text-transform: uppercase;
}

.hf-filter-group {
margin: 0 0 12px;
}

.hf-filter-label {
color: #d7cfba;
font-size: 11px;
font-weight: 700;
margin-bottom: 6px;
text-transform: uppercase;
}

.hf-filter-options {
display: flex;
flex-wrap: wrap;
gap: 6px;
}

.hf-filter-btn,
.hf-filter-reset,
.hf-rentry-add-btn,
.hf-rentry-edit-btn,
.hf-rentry-delete-btn {
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: 800;
line-height: 1;
text-decoration: none;
}

.hf-filter-btn,
.hf-filter-reset,
.hf-rentry-add-btn {
background: rgba(242, 240, 234, 0.08);
border: 1px solid rgba(191, 182, 156, 0.38);
color: #1e1e1d;
margin: 0 6px 6px 0;
padding: 7px 9px;
}

.hf-filter-btn:hover,
.hf-filter-btn.active,
.hf-filter-reset:hover,
.hf-rentry-add-btn:hover {
background: rgba(224, 186, 58, 0.18);
border-color: #c9a227;
color: #1e1e1d;
}

.hf-roster-table-header,
.hf-rentry-row {
align-items: stretch;
display: grid;
grid-template-columns: minmax(52px, .55fr) minmax(132px, 1.45fr) minmax(68px, .65fr) repeat(5, minmax(82px, .9fr)) repeat(2, minmax(58px, .58fr)) minmax(54px, .5fr);
}

.hf-regiment-roster-page .hf-relpage-content {
overflow-x: auto;
}

.hf-roster-table-header {
background: linear-gradient(90deg, rgba(30, 30, 29, 0.96), rgba(47, 45, 43, 0.94));
border: 1px solid #3d3632;
color: #e0ba3a;
font-size: 9px;
font-weight: 800;
letter-spacing: .01em;
margin: 0 0 10px;
min-width: 1120px;
text-transform: uppercase;
}

.hf-roster-table-header .hf-rentry-col,
.hf-roster-table-header a,
.hf-roster-table-header a:visited,
.hf-roster-table-header a:hover,
.hf-roster-table-header a:focus {
color: #e0ba3a !important;
}

.hf-roster-list {
display: grid;
gap: 7px;
}

.hf-rentry-row {
background: rgba(242, 240, 234, 0.88);
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
font-size: 10.5px;
line-height: 1.25;
min-width: 1120px;
}

.hf-rentry-row:hover {
border-left-color: #c9a227;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.hf-rentry-col {
border-right: 1px solid rgba(191, 182, 156, 0.48);
overflow-wrap: anywhere;
padding: 6px 6px;
}

.hf-rentry-col:last-child {
border-right: 0;
}

.hf-rentry-col-name {
font-weight: 800;
}

.hf-rentry-name-link {
color: #6f5600;
}

.hf-rentry-badge {
border-radius: 999px;
display: inline-block;
font-size: 9px;
font-weight: 800;
letter-spacing: .03em;
padding: 3px 6px;
text-transform: uppercase;
white-space: nowrap;
}

.hf-rentry-badge-Active {
background: rgba(88, 129, 87, 0.16);
border: 1px solid #588157;
color: #355d34;
}

.hf-rentry-badge-Inactive,
.hf-rentry-badge-Unknown {
background: rgba(136, 109, 0, 0.14);
border: 1px solid #886d00;
color: #6f5600;
}

.hf-rentry-badge-Disbanded {
background: rgba(156, 60, 47, 0.12);
border: 1px solid #9c3c2f;
color: #8a3327;
}

.hf-rentry-col-actions {
white-space: nowrap;
}

.hf-rentry-edit-btn {
color: #6f5600;
margin-right: 5px;
}

.hf-rentry-delete-btn {
color: #8a3327;
}

.hf-inline-trait-icon {
display: inline-block;
position: relative;
width: 32px;
height: 32px;
vertical-align: middle;
}

.hf-inline-trait-icon .hf-inline-trait-container,
.hf-inline-trait-icon .hf-inline-trait-symbol {
position: absolute;
left: 50%;
top: 50%;
margin: 0;
transform: translate(-50%, -50%);
}

.hf-inline-trait-icon .hf-inline-trait-container {
width: 32px;
height: 32px;
}

.hf-inline-trait-icon .hf-inline-trait-symbol {
width: 18px;
height: 18px;
}

Spawnable Props

2026-07-10T19:55:01Z

Xarkanoth:

<div class="hf-relpage hf-spawnable-props-page">
{{Release_page_header|title=Spawnable Props}}
<div class="hf-relpage-body">
{{Release_TOC|content=
<div class="hf-toc-category">On this page</div>
<div>[[#artillery|Artillery]]</div>
<div>[[#small-buildings|Small Buildings]]</div>
<div>[[#large-buildings|Large Buildings]]</div>
<div>[[#structures|Structures & Ruins]]</div>
<div>[[#emplacements|Emplacements & Accessories]]</div>
<div>[[#decorations|Decorations]]</div>
<div>[[#furniture|Furniture]]</div>
<div>[[#trees|Trees]]</div>
<div>[[#plants|Plants]]</div>
<div>[[#terrain|Terrain]]</div>
<div>[[#particles|Particle Effects]]</div>
<div>[[#misc|Miscellaneous]]</div>
}}
<div class="hf-relpage-content">

<div class="hf-props-hero">
<div class="hf-props-kicker">Map Editing Reference</div>
<div class="hf-props-title">Spawnable prop enums for building custom Holdfast maps.</div>
<div class="hf-props-text">Use this page to find the configuration enum for artillery, buildings, scenery, terrain pieces, particles, and other placeable objects. The bold label shown under each image is the value used in map configuration files.</div>
</div>

<div class="hf-props-facts">
<div class="hf-props-fact"><span>Use With</span>[[Map Editing|Map Editing]] configuration files and map setup workflows.</div>
<div class="hf-props-fact"><span>Enum Labels</span>Copy the bold prop name exactly as written when referencing a spawnable prop.</div>
<div class="hf-props-fact"><span>Coverage</span>Grouped by practical categories, from artillery and structures to vegetation, terrain, and effects.</div>
</div>

{{Release_section
|id=overview
|title=Overview
|content=
There are many spawnable props that server admins can add to maps using the instructions in [[Map Editing|Map Editing]]. Each gallery entry includes the prop preview, its enum, and a short description to help identify the correct object.

Updated as of version [[Game_Version_0.3X#0.34|0.34]]
}}

{{Release_section
|id=artillery
|title=Artillery
|content=
=== Nations At War ===
<gallery mode=nolines widths=240px heights=240px>
File:Cannon_24Pdr_Large.jpg|'''Cannon_24Pdr'''<br />24 Pounder Cannon|alt=Cannon_24Pdr
File:Cannon_9PDRFieldGun_Destruction1_Large.jpg|'''Cannon_9PDRFieldGun_Destruction1'''<br />Destroyed 9-pounder|alt=Cannon_9PDRFieldGun_Destruction1
File:Cannon4PDR_Large.jpg|'''Cannon4PDR'''<br />4 Pounder Cannon|alt=Cannon4PDR
File:Cannon6PDR_Large.jpg|'''Cannon6PDR'''<br />6 Pounder Cannon|alt=Cannon6PDR
File:CannonAmmoboxLarge_Large.jpg|'''CannonAmmoboxLarge'''<br />Large cannon ammo box: round & grape (Fixed)|alt=CannonAmmoboxLarge
File:CannonAmmoboxLargeMoveable_Large.jpg|'''CannonAmmoboxLargeMoveable'''<br />Large cannon ammo box: round & grape (Moveable)|alt=CannonAmmoboxLargeMoveable
File:CannonAmmoboxSmall_Large.jpg|'''CannonAmmoboxSmall'''<br />Small cannon ammo box: grape (Fixed)|alt=CannonAmmoboxSmall
File:CannonAmmoboxSmallMoveable_Large.jpg|'''CannonAmmoboxSmallMoveable'''<br />Small cannon ammo box: grape (Moveable)|alt=CannonAmmoboxSmallMoveable
File:CannonFieldGun9PDR_Large.jpg|'''CannonFieldGun9PDR'''<br />9 Pounder Cannon (Fixed)|alt=CannonFieldGun9PDR
File:CannonFieldGun9PDRMoveable_Large.jpg|'''CannonFieldGun9PDRMoveable'''<br />9 Pounder Cannon (Moveable)|alt=CannonFieldGun9PDRMoveable
File:Carronade_Large.jpg|'''Carronade'''<br />Carronade (short naval cannon)|alt=Carronade
File:Carronade_RotatingCannonCarriage1_Large.jpg|'''Carronade_RotatingCannonCarriage1'''<br />Carronade on rotating carriage|alt=Carronade_RotatingCannonCarriage1
File:CoastalCannon_36Pdr_French_Large.jpg|'''CoastalCannon_36Pdr_French'''<br />36-pounder coastal cannon|alt=CoastalCannon_36Pdr_French
File:Mortar_Large.jpg|'''Mortar'''<br />Mortar|alt=Mortar
File:Rocket_Large.jpg|'''Rocket'''<br />Rocket frame|alt=Rocket
File:RocketAmmoboxMoveable_Large.jpg|'''RocketAmmoboxMoveable'''<br />Stack of rockets|alt=RocketAmmoboxMoveable
File:Swivelgun_Large.jpg|'''Swivelgun'''<br />Swivel gun (no mount)|alt=Swivelgun
File:Swivlegun_Stand_Large.jpg|'''Swivlegun_Stand'''<br />Swivel gun on stand|alt=Swivlegun_Stand
File:CannonFieldGun9PDRMoveable_Large.jpg|'''CannonFieldHowitzerMoveable'''<br />Field Howitzer (Moveable)|alt=CannonFieldHowitzerMoveable
</gallery>

=== Frontlines ===
<gallery mode=nolines widths=240px heights=240px>
File:Swivlegun_Stand_Large.jpg|'''FrontlinesMoveableHeavyMortar'''<br />Heavy Mortar (Moveable)|alt=FrontlinesMoveableHeavyMortar
File:Swivlegun_Stand_Large.jpg|'''FrontlinesHeavyMortar'''<br />Heavy Mortar (Static)|alt=FrontlinesHeavyMortar
File:Swivlegun_Stand_Large.jpg|'''FrontlinesLightHowitzer'''<br />Light Howitzer|alt=FrontlinesLightHowitzer
File:Swivlegun_Stand_Large.jpg|'''FrontlinesHeavyHowitzer'''<br />Heavy Howitzer|alt=FrontlinesHeavyHowitzer
File:Swivlegun_Stand_Large.jpg|'''FrontlinesHowitzerAmmoboxMoveable'''<br />Howitzer Ammobox (Moveable)|alt=FrontlinesHowitzerAmmoboxMoveable
File:Swivlegun_Stand_Large.jpg|'''FrontlinesHowitzerAmmobox'''<br />Howitzer Ammobox (Static)|alt=FrontlinesHowitzerAmmobox
File:Swivlegun_Stand_Large.jpg|'''FrontlinesMortarAmmoboxMoveable'''<br />Mortar Ammobox (Moveable)|alt=FrontlinesMortarAmmoboxMoveable
File:Swivlegun_Stand_Large.jpg|'''FrontlinesMortarAmmobox'''<br />Mortar Ammobox (Static)|alt=FrontlinesMortarAmmobox
File:Swivlegun_Stand_Large.jpg|'''FrontlinesStaticMachineGunAllied'''<br />Machine Gun (Allied, Static)|alt=FrontlinesStaticMachineGunAllied
File:Swivlegun_Stand_Large.jpg|'''FrontlinesStaticMachineGunCentral'''<br />Machine Gun (Central, Static)|alt=FrontlinesStaticMachineGunCentral
File:Swivlegun_Stand_Large.jpg|'''FrontlinesMachineGunAmmoboxMoveable'''<br />Machine Gun Ammobox (Moveable)|alt=FrontlinesMachineGunAmmoboxMoveable
File:Swivlegun_Stand_Large.jpg|'''FrontlinesMachineGunAmmobox'''<br />Machine Gun Ammobox (Static)|alt=FrontlinesMachineGunAmmobox
</gallery>
}}

{{Release_section
|id=small-buildings
|title=Small Buildings
|content=
<gallery mode=nolines widths=240px heights=240px>
File:GuardBorder_1_Large.jpg|'''GuardBorder_1'''<br />Guard post barrier|alt=GuardBorder_1
File:GuardHouse_1_Large.jpg|'''GuardHouse_1'''<br />Guard post hut|alt=GuardHouse_1
File:HuntingHut_Large.jpg|'''HuntingHut'''<br />Hunting hut|alt=HuntingHut
File:Outhouse_Large.jpg|'''Outhouse'''<br />Outhouse|alt=Outhouse
File:Pidgeoncoop_Large.jpg|'''Pidgeoncoop'''<br />Pigeon coop|alt=Pidgeoncoop
File:Shipyard_Hut_Large.jpg|'''Shipyard_Hut'''<br />Shipyard hut|alt=Shipyard_Hut
File:Spain_Barn_Large.jpg|'''Spain_Barn'''<br />Low Spanish barn|alt=Spain_Barn
File:TentLarge1_Large.jpg|'''TentLarge1'''<br />Large closed tent|alt=TentLarge1
File:TentLarge2_Large.jpg|'''TentLarge2'''<br />Large open tent|alt=TentLarge2
File:TentSmall1_Large.jpg|'''TentSmall1'''<br />Small half-open tent (no stakes)|alt=TentSmall1
File:TentSmall2_Large.jpg|'''TentSmall2'''<br />Small closed tent|alt=TentSmall2
File:TentSmall3_Large.jpg|'''TentSmall3'''<br />Small half-open tent (stakes)|alt=TentSmall3
</gallery>
}}

{{Release_section
|id=large-buildings
|title=Large Buildings
|content=
<gallery mode=nolines widths=240px heights=240px>
File:Barn_Dutch1_Large.jpg|'''Barn_Dutch1'''<br />Fully built barn|alt=Barn_Dutch1
File:Barn1_Brittany_Broken_Large.jpg|'''Barn1_Brittany_Broken'''<br />Broken barn|alt=Barn1_Brittany_Broken
File:Blockhouse_Large.jpg|'''Blockhouse'''<br />Blockhouse fortification|alt=Blockhouse
File:Church_Brittany_Large.jpg|'''Church_Brittany'''<br />Church (as featured in [[Maps: Training Grounds|Training Grounds]] and [[Maps: Canyon|Canyon]])|alt=Church_Brittany
File:House_Dutch1_Large.jpg|'''House_Dutch1'''<br />Dutch house v1|alt=House_Dutch1
File:House_Dutch2_Kitchen_Large.jpg|'''House_Dutch2_Kitchen'''<br />Dutch house v2 (kitchen)|alt=House_Dutch2_Kitchen
File:House_Dutch3_Large.jpg|'''House_Dutch3'''<br />Dutch house v3A|alt=House_Dutch3
File:House_Dutch3_2_Large.jpg|'''House_Dutch3_2'''<br />Dutch house v3B|alt=House_Dutch3_2
File:House_Dutch3_3_Large.jpg|'''House_Dutch3_3'''<br />Dutch house v3C|alt=House_Dutch3_3
File:House_Dutch4_Watermill_Large.jpg|'''House_Dutch4_Watermill'''<br />Dutch house v4 (water mill)|alt=House_Dutch4_Watermill
File:House1_Brittany_Large.jpg|'''House1_Brittany'''<br />Brittany house v1 (tiles)|alt=House1_Brittany
File:House1v2_Brittany_Large.jpg|'''House1v2_Brittany'''<br />Brittany house v1 (shingles)|alt=House1v2_Brittany
File:House2_Brittany_Large.jpg|'''House2_Brittany'''<br />Brittany house v2 (tiles)|alt=House2_Brittany
File:House2v2_Brittany_Large.jpg|'''House2v2_Brittany'''<br />Brittany house v2 (shingles)|alt=House2v2_Brittany
File:House3_Brittany_Large.jpg|'''House3_Brittany'''<br />Brittany house v3 (tiles)|alt=House3_Brittany
File:House4_Brittany_Large.jpg|'''House4_Brittany'''<br />Brittany house v4 (tiles)|alt=House4_Brittany
File:Spain_House1_Large.jpg|'''Spain_House1'''<br />Spanish house v1|alt=Spain_House1
File:Spain_House2_Large.jpg|'''Spain_House2'''<br />Spanish house v2|alt=Spain_House2
File:StAugustine_House3_Large.jpg|'''StAugustine_House3'''<br />St Augustine house v1|alt=StAugustine_House3
File:StAugustine_House6_Large.jpg|'''StAugustine_House6'''<br />St Augustine house v2|alt=StAugustine_House6
</gallery>
}}

{{Release_section
|id=structures
|title=Structures & Ruins
|content=
<gallery mode=nolines widths=240px heights=240px>
File:Bridge_Large.jpg|'''Bridge'''<br />Stone bridge|alt=Bridge
File:Bridge_Destroyed_Large.jpg|'''Bridge_Destroyed'''<br />Destroyed stone bridge|alt=Bridge_Destroyed
File:Church_Brittany1_Entrance_Large.jpg|'''Church_Brittany1_Entrance'''<br />Church entrance|alt=Church_Brittany1_Entrance
File:Church_Brittany1_Platform_Large.jpg|'''Church_Brittany1_Platform'''<br />Parade ground (fits against Church)|alt=Church_Brittany1_Platform
File:Fence1_Pillar_Large.jpg|'''Fence1_Pillar'''<br />Green wooden fence post|alt=Fence1_Pillar
File:Fence1_Straight_Large.jpg|'''Fence1_Straight'''<br />Green wooden fence panel|alt=Fence1_Straight
File:FencingWallVines3_Large.jpg|'''FencingWallVines3'''<br />Vine-covered low stone wall|alt=FencingWallVines3
File:FencingWallVines3_Gateway_Large.jpg|'''FencingWallVines3_Gateway'''<br />Gate for low stone wall|alt=FencingWallVines3_Gateway
File:FieldWall_Large.jpg|'''FieldWall'''<br />Square wall to surround a field|alt=FieldWall
File:FortNapoleonTower1811_Large.jpg|'''FortNapoleonTower1811'''<br />Fort Napoleon tower|alt=FortNapoleonTower1811
File:Lighthouse_Large.jpg|'''Lighthouse'''<br />Lighthouse|alt=Lighthouse
File:MartelloTower_Large.jpg|'''MartelloTower'''<br />Martello Tower|alt=MartelloTower
File:MartelloTower_Cannon_Large.jpg|'''MartelloTower_Cannon'''<br />Martello Tower cannon|alt=MartelloTower_Cannon
File:MartelloTower_Defence_Large.jpg|'''MartelloTower_Defence'''<br />Martello Tower defences|alt=MartelloTower_Defence
File:National_Gate_Large.jpg|'''National_Gate'''<br />National Gate|alt=National_Gate
File:Ruins_AqeductRuin_Large.jpg|'''Ruins_AqeductRuin'''<br />Aqueduct ruin (v1)|alt=Ruins_AqeductRuin
File:Ruins_AqeductRuinPiece3_Large.jpg|'''Ruins_AqeductRuinPiece3'''<br />Aqueduct ruin (v2)|alt=Ruins_AqeductRuinPiece3
File:Ruins_AqeductRuinPiece4_Large.jpg|'''Ruins_AqeductRuinPiece4'''<br />Aqueduct ruin (v3)|alt=Ruins_AqeductRuinPiece4
File:Ruins_Bathouse1_Large.jpg|'''Ruins_Bathouse1'''<br />Ruined bathhouse|alt=Ruins_Bathouse1
File:Ruins_CityWall1_Large.jpg|'''Ruins_CityWall1'''<br />Ruined city walls (v1)|alt=Ruins_CityWall1
File:Ruins_CityWall2_Large.jpg|'''Ruins_CityWall2'''<br />Ruined city walls (v2)|alt=Ruins_CityWall2
File:Ruins_Coloumn5_Large.jpg|'''Ruins_Coloumn5'''<br />Stone column (complete)|alt=Ruins_Coloumn5
File:Ruins_Coloumn7_Large.jpg|'''Ruins_Coloumn7'''<br />Stone column base|alt=Ruins_Coloumn7
File:Ruins_TempleRound_Large.jpg|'''Ruins_TempleRound'''<br />Round ruined temple|alt=Ruins_TempleRound
File:Ruins_TempleRoundPiece_Large.jpg|'''Ruins_TempleRoundPiece'''<br />Top of ruined temple|alt=Ruins_TempleRoundPiece
File:Ruins_Theater_Large.jpg|'''Ruins_Theater'''<br />Outer walls of ruined theatre|alt=Ruins_Theater
File:Ruins_Wall1_Large.jpg|'''Ruins_Wall1'''<br />Ruined walls (v1)|alt=Ruins_Wall1
File:Ruins_Wall2_Large.jpg|'''Ruins_Wall2'''<br />Ruined walls (v2)|alt=Ruins_Wall2
File:Ruins_Wall4_Large.jpg|'''Ruins_Wall4'''<br />Ruined walls (v4)|alt=Ruins_Wall4
File:Ruins_Wall7_Large.jpg|'''Ruins_Wall7'''<br />Ruined walls (v7)|alt=Ruins_Wall7
File:Ruins_Wall9_Large.jpg|'''Ruins_Wall9'''<br />Ruined walls (v9)|alt=Ruins_Wall9
File:ShipRamp_Large.jpg|'''ShipRamp'''<br />Log ship ramp|alt=ShipRamp
File:WalledCity_Gate_Large.jpg|'''WalledCity_Gate'''<br />Gate for a walled town|alt=WalledCity_Gate
File:WalledCity_StraightWall_Large.jpg|'''WalledCity_StraightWall'''<br />Walls for walled town|alt=WalledCity_StraightWall
File:Well_Large_Large.jpg|'''Well_Large'''<br />Large well|alt=Well_Large
File:Windmill1_Large.jpg|'''Windmill1'''<br />Round windmill|alt=Windmill1
File:Windmill1_Base_Large.jpg|'''Windmill1_Base'''<br />Round windmill base|alt=Windmill1_Base
File:Windmill2_Large.jpg|'''Windmill2'''<br />Square windmill|alt=Windmill2
File:Wooden_Fence1_Large.jpg|'''Wooden_Fence1'''<br />Small wooden fence|alt=Wooden_Fence1
</gallery>
}}

{{Release_section
|id=emplacements
|title=Emplacements & Accessories
|content=
<gallery mode=nolines widths=240px heights=240px>
File:ChevauxDeFriseLarge_Large.jpg|'''ChevauxDeFriseLarge'''<br />Large chevaux de frise|alt=ChevauxDeFriseLarge
File:ChevauxDeFriseSmall_Large.jpg|'''ChevauxDeFriseSmall'''<br />Small chevaux de frise|alt=ChevauxDeFriseSmall
File:Earthworks_Large.jpg|'''Earthworks'''<br />Earthworks with sandbags|alt=Earthworks
File:Gabion_Large.jpg|'''Gabion'''<br />Gabion|alt=Gabion
File:InfantrySpikes_Large.jpg|'''InfantrySpikes'''<br />Infantry spikes|alt=InfantrySpikes
File:LadderLong_Large.jpg|'''LadderLong'''<br />Long ladder|alt=LadderLong
File:LadderShort_Large.jpg|'''LadderShort'''<br />Short ladder|alt=LadderShort
File:PalisadeGate_Large.jpg|'''PalisadeGate'''<br />Palisade gate|alt=PalisadeGate
File:PalisadeShootHole_Large.jpg|'''PalisadeShootHole'''<br />Palisade wall with loophole|alt=PalisadeShootHole
File:PalisadeSimple_Large.jpg|'''PalisadeSimple'''<br />High palisade wall|alt=PalisadeSimple
File:PalisadeWall_Large.jpg|'''PalisadeWall'''<br />Low palisade wall|alt=PalisadeWall
File:PierGroup_Destruction_Large.jpg|'''PierGroup_Destruction'''<br />Large raised pier|alt=PierGroup_Destruction
File:PlatformLong_Large.jpg|'''PlatformLong'''<br />Large wooden platform|alt=PlatformLong
File:PlatformShort_Large.jpg|'''PlatformShort'''<br />Small wooden platform|alt=PlatformShort
File:Sandbags_Large.jpg|'''Sandbags'''<br />Sandbags|alt=Sandbags
File:ShootingPlatform_Large.jpg|'''ShootingPlatform'''<br />Shooting platform|alt=ShootingPlatform
File:TargetDummy_Large.jpg|'''TargetDummy'''<br />Target dummy|alt=TargetDummy
File:TowerStaircase_Large.jpg|'''TowerStaircase'''<br />Wooden tower with stairs|alt=TowerStaircase
File:WickerWall_Group1_1_Large.jpg|'''WickerWall_Group1_1'''<br />Wall of gabions|alt=WickerWall_Group1_1
</gallery>
}}

{{Release_section
|id=decorations
|title=Decorations
|content=
<gallery mode=nolines widths=240px heights=240px>
File:BarrelCollection_Group_Large.jpg|'''BarrelCollection_Group'''<br />Barrels (v1)|alt=BarrelCollection_Group
File:BarrelStack_Group_Large.jpg|'''BarrelStack_Group'''<br />Barrels (v2)|alt=BarrelStack_Group
File:Campfire_Large.jpg|'''Campfire'''<br />Campfire|alt=Campfire
File:Carpet1_Large.jpg|'''Carpet1'''<br />Carpet|alt=Carpet1
File:CartBale_Group_Large.jpg|'''CartBale_Group'''<br />Cart with bales and scythe|alt=CartBale_Group
File:Christian_Cross_2_SeperateBase_Large.jpg|'''Christian_Cross_2_SeperateBase'''<br />Decorative cross|alt=Christian_Cross_2_SeperateBase
File:CiderPress_Group_Large.jpg|'''CiderPress_Group'''<br />Cider press|alt=CiderPress_Group
File:CrateBarrelStack_Group_Large.jpg|'''CrateBarrelStack_Group'''<br />Barrels and crates|alt=CrateBarrelStack_Group
File:Crates_Group_Large.jpg|'''Crates_Group'''<br />Crates (v1)|alt=Crates_Group
File:CratesLeaningAtWallStack_Group_Large.jpg|'''CratesLeaningAtWallStack_Group'''<br />Crates (v2), leaning at wall|alt=CratesLeaningAtWallStack_Group
File:Fire_Wall_W_Smoke_Large.jpg|'''Fire_Wall_W_Smoke'''<br />Large fire with smoke|alt=Fire_Wall_W_Smoke
File:FirewoodHacking_Group_Large.jpg|'''FirewoodHacking_Group'''<br />Firewood, stump, and axe|alt=FirewoodHacking_Group
File:Firewoodstack2_Group_Large.jpg|'''Firewoodstack2_Group'''<br />Piles of firewood|alt=Firewoodstack2_Group
File:FlagBritish_Large.jpg|'''FlagBritish'''<br />British flag|alt=FlagBritish
File:FlagFrench_Large.jpg|'''FlagFrench'''<br />French flag|alt=FlagFrench
File:FlagPrussian_Large.jpg|'''FlagPrussian'''<br />Prussian flag|alt=FlagPrussian
File:Furnace1_Large.jpg|'''Furnace1'''<br />Small furnace|alt=Furnace1
File:GrainSlide_Large.jpg|'''GrainSlide'''<br />Grain slide|alt=GrainSlide
File:Lantern1_Large.jpg|'''Lantern1'''<br />Lantern (hanging from rope)|alt=Lantern1
File:Lantern2_Large.jpg|'''Lantern2'''<br />Lantern (standing)|alt=Lantern2
File:LanternHanging_Large.jpg|'''LanternHanging'''<br />Lantern (hanging from beam)|alt=LanternHanging
File:Prop_Shrine1_Large.jpg|'''Prop_Shrine1'''<br />Small shrine|alt=Prop_Shrine1
File:Prop_Well1_Large.jpg|'''Prop_Well1'''<br />Stone well|alt=Prop_Well1
File:Slow_Fire_W_Smoke_Large.jpg|'''Slow_Fire_W_Smoke'''<br />Small fire with smoke|alt=Slow_Fire_W_Smoke
File:WheatBaleStack_Group_Large.jpg|'''WheatBaleStack_Group'''<br />Bales of wheat|alt=WheatBaleStack_Group
File:WheelBarrow_Group_Large.jpg|'''WheelBarrow_Group'''<br />Wheelbarrow with props|alt=WheelBarrow_Group
File:WoodStack_Group_Large.jpg|'''WoodStack_Group'''<br />Stack of timber (v1)|alt=WoodStack_Group
File:WoodStack2_Group_Large.jpg|'''WoodStack2_Group'''<br />Stack of timber (v2)|alt=WoodStack2_Group
File:WoodWorkStack_Group_Large.jpg|'''WoodWorkStack_Group'''<br />Stack of timber (v3)|alt=WoodWorkStack_Group
File:MusketStack_Large.jpg|'''MusketStack'''<br />Stack of muskets|alt=MusketStack
File:CrateLong_Red_Large.jpg|'''CrateLong_Red'''<br />Red crate|alt=CrateLong_Red
File:CrateLong_Brown_Large.jpg|'''CrateLong_Brown'''<br />Brown crate|alt=CrateLong_Brown
</gallery>
}}

{{Release_section
|id=furniture
|title=Furniture
|content=
<gallery mode=nolines widths=240px heights=240px>
File:Bench_Large.jpg|'''Bench'''<br />Bench|alt=Bench
File:Chair1_Large.jpg|'''Chair1'''<br />Chair (v1)|alt=Chair1
File:Chair2_Large.jpg|'''Chair2'''<br />Chair (v2)|alt=Chair2
File:Chair3_Large.jpg|'''Chair3'''<br />Chair (v3)|alt=Chair3
File:Chair4_Large.jpg|'''Chair4'''<br />Chair (v4)|alt=Chair4
File:Furniture1_Large.jpg|'''Furniture1'''<br />Glass cabinet|alt=Furniture1
File:Furniture2_Large.jpg|'''Furniture2'''<br />Chest of drawers (open)|alt=Furniture2
File:Furniture4_Large.jpg|'''Furniture4'''<br />Wardrobe|alt=Furniture4
File:Furniture5_Large.jpg|'''Furniture5'''<br />Spirit cabinet|alt=Furniture5
File:Furniture6_Large.jpg|'''Furniture6'''<br />Chest of drawers (closed)|alt=Furniture6
File:Grandfather_Clock_Large.jpg|'''Grandfather_Clock'''<br />Grandfather clock|alt=Grandfather_Clock
File:Piano1_Large.jpg|'''Piano1'''<br />Piano 1|alt=Piano1
File:Piano2_Large.jpg|'''Piano2'''<br />Piano 2|alt=Piano2
File:Table_1_Large.jpg|'''Table_1'''<br />Wooden table|alt=Table_1
</gallery>
}}

{{Release_section
|id=trees
|title=Trees
|content=
<gallery mode=nolines widths=240px heights=240px>
File:AlaskaCedar_Desktop_Large.jpg|'''AlaskaCedar_Desktop'''<br />Tree|alt=AlaskaCedar_Desktop
File:AlaskaCedar_Desktop_Bare_Large.jpg|'''AlaskaCedar_Desktop_Bare'''<br />Tree|alt=AlaskaCedar_Desktop_Bare
File:AlaskaCedar_Desktop_Bare2_Large.jpg|'''AlaskaCedar_Desktop_Bare2'''<br />Tree|alt=AlaskaCedar_Desktop_Bare2
File:AlaskaCedar_Desktop_Bare3_Large.jpg|'''AlaskaCedar_Desktop_Bare3'''<br />Tree|alt=AlaskaCedar_Desktop_Bare3
File:AlaskaCedar_Desktop_Broken_Large.jpg|'''AlaskaCedar_Desktop_Broken'''<br />Tree|alt=AlaskaCedar_Desktop_Broken
File:AlaskaCedar_Desktop_Young_Large.jpg|'''AlaskaCedar_Desktop_Young'''<br />Tree|alt=AlaskaCedar_Desktop_Young
File:AlaskaCedar_Desktop_Young2_Large.jpg|'''AlaskaCedar_Desktop_Young2'''<br />Tree|alt=AlaskaCedar_Desktop_Young2
File:AlaskaCedar_Desktop_Young3_Large.jpg|'''AlaskaCedar_Desktop_Young3'''<br />Tree|alt=AlaskaCedar_Desktop_Young3
File:AlaskaCedar_Desktop2_Large.jpg|'''AlaskaCedar_Desktop2'''<br />Tree|alt=AlaskaCedar_Desktop2
File:AlaskaCedar_Desktop3_Large.jpg|'''AlaskaCedar_Desktop3'''<br />Tree|alt=AlaskaCedar_Desktop3
File:Blue_Spruce_Desktop_Large.jpg|'''Blue_Spruce_Desktop'''<br />Tree|alt=Blue_Spruce_Desktop
File:Blue_Spruce_Desktop_Bare_Large.jpg|'''Blue_Spruce_Desktop_Bare'''<br />Tree|alt=Blue_Spruce_Desktop_Bare
File:Blue_Spruce_Desktop_Bare2_Large.jpg|'''Blue_Spruce_Desktop_Bare2'''<br />Tree|alt=Blue_Spruce_Desktop_Bare2
File:Blue_Spruce_Desktop_Winter_Large.jpg|'''Blue_Spruce_Desktop_Winter'''<br />Tree|alt=Blue_Spruce_Desktop_Winter
File:Blue_Spruce_Desktop_Winter_Broken1_Large.jpg|'''Blue_Spruce_Desktop_Winter_Broken1'''<br />Tree|alt=Blue_Spruce_Desktop_Winter_Broken1
File:Blue_Spruce_Desktop_Winter2_Large.jpg|'''Blue_Spruce_Desktop_Winter2'''<br />Tree|alt=Blue_Spruce_Desktop_Winter2
File:Blue_Spruce_Desktop_Winter3_Large.jpg|'''Blue_Spruce_Desktop_Winter3'''<br />Tree|alt=Blue_Spruce_Desktop_Winter3
File:Blue_Spruce_Desktop2_Large.jpg|'''Blue_Spruce_Desktop2'''<br />Tree|alt=Blue_Spruce_Desktop2
File:BostonFern_Low_Large.jpg|'''BostonFern_Low'''<br />Tree|alt=BostonFern_Low
File:BostonFern_Low_NoFiddleHead_Large.jpg|'''BostonFern_Low_NoFiddleHead'''<br />Tree|alt=BostonFern_Low_NoFiddleHead
File:Cattail_Desktop_Large.jpg|'''Cattail_Desktop'''<br />Tree|alt=Cattail_Desktop
File:Cattail_Desktop_Cluster_Large.jpg|'''Cattail_Desktop_Cluster'''<br />Tree|alt=Cattail_Desktop_Cluster
File:Cattail_Desktop_Cluster_Full_Large.jpg|'''Cattail_Desktop_Cluster_Full'''<br />Tree|alt=Cattail_Desktop_Cluster_Full
File:Cattail_Desktop_Cluster_Winter_Large.jpg|'''Cattail_Desktop_Cluster_Winter'''<br />Tree|alt=Cattail_Desktop_Cluster_Winter
File:Cattail_Desktop_Cluster_WinterV4_Large.jpg|'''Cattail_Desktop_Cluster_WinterV4'''<br />Tree|alt=Cattail_Desktop_Cluster_WinterV4
File:Cattail_Desktop_Cluster_WinterV4_Snowy_Large.jpg|'''Cattail_Desktop_Cluster_WinterV4_Snowy'''<br />Tree|alt=Cattail_Desktop_Cluster_WinterV4_Snowy
File:DeadTrunk4_Large.jpg|'''DeadTrunk4'''<br />Tree|alt=DeadTrunk4
File:DeadTrunk5_Large.jpg|'''DeadTrunk5'''<br />Tree|alt=DeadTrunk5
File:DeadTrunk6_Large.jpg|'''DeadTrunk6'''<br />Tree|alt=DeadTrunk6
File:Peach_Small1_Large.jpg|'''Peach_Small1'''<br />Tree|alt=Peach_Small1
File:Peach_Small2_Large.jpg|'''Peach_Small2'''<br />Tree|alt=Peach_Small2
File:ScotsPine_Broken2_Dirt_Large.jpg|'''ScotsPine_Broken2_Dirt'''<br />Tree|alt=ScotsPine_Broken2_Dirt
File:ScotsPine_Desktop_Large.jpg|'''ScotsPine_Desktop'''<br />Tree|alt=ScotsPine_Desktop
File:ScotsPine_Desktop_Bare_Large.jpg|'''ScotsPine_Desktop_Bare'''<br />Tree|alt=ScotsPine_Desktop_Bare
File:White_Oak_Desktop_Large.jpg|'''White_Oak_Desktop'''<br />Tree|alt=White_Oak_Desktop
File:White_Oak_Desktop_Young_Large.jpg|'''White_Oak_Desktop_Young'''<br />Tree|alt=White_Oak_Desktop_Young
File:White_Oak_Desktop_Young_Broken2_Dirt_Large.jpg|'''White_Oak_Desktop_Young_Broken2_Dirt'''<br />Tree|alt=White_Oak_Desktop_Young_Broken2_Dirt
File:White_Oak_Desktop_Young2_Large.jpg|'''White_Oak_Desktop_Young2'''<br />Tree|alt=White_Oak_Desktop_Young2
File:White_Oak_Desktop_Young3_Large.jpg|'''White_Oak_Desktop_Young3'''<br />Tree|alt=White_Oak_Desktop_Young3
File:White_Oak_Desktop_Young3_LightYellow_Large.jpg|'''White_Oak_Desktop_Young3_LightYellow'''<br />Tree|alt=White_Oak_Desktop_Young3_LightYellow
File:White_Oak_Desktop2_Large.jpg|'''White_Oak_Desktop2'''<br />Tree|alt=White_Oak_Desktop2
File:White_Oak_Desktop2_LightYellow_Large.jpg|'''White_Oak_Desktop2_LightYellow'''<br />Tree|alt=White_Oak_Desktop2_LightYellow
File:White_Oak_Desktop2_Yellow_Large.jpg|'''White_Oak_Desktop2_Yellow'''<br />Tree|alt=White_Oak_Desktop2_Yellow
File:White_Oak_Desktop3_Large.jpg|'''White_Oak_Desktop3'''<br />Tree|alt=White_Oak_Desktop3
File:Palmetto_1_Large.jpg|'''Palmetto_1'''<br />Palm tree|alt=Palmetto_1
File:Palmetto_2_Large.jpg|'''Palmetto_2'''<br />Palm tree|alt=Palmetto_2
File:CoconutPalm_1_Large.jpg|'''CoconutPalm_1'''<br />Coconut tree|alt=CoconutPalm_1
File:CoconutPalm_2_Large.jpg|'''CoconutPalm_2'''<br />Leaning coconut tree|alt=CoconutPalm_2
</gallery>
}}

{{Release_section
|id=plants
|title=Plants
|content=
<gallery mode=nolines widths=240px heights=240px>
File:Azalea_Dead1_Large.jpg|'''Azalea_Dead1'''<br />Low plants|alt=Azalea_Dead1
File:Azalea_Flowers_Pink_Low_Large.jpg|'''Azalea_Flowers_Pink_Low'''<br />Low plants|alt=Azalea_Flowers_Pink_Low
File:Azalea_Flowers_White_Low_Large.jpg|'''Azalea_Flowers_White_Low'''<br />Low plants|alt=Azalea_Flowers_White_Low
File:Azalea_Low_Large.jpg|'''Azalea_Low'''<br />Low plants|alt=Azalea_Low
File:AzaleaPatch_Dead1_Large.jpg|'''AzaleaPatch_Dead1'''<br />Low plants|alt=AzaleaPatch_Dead1
File:AzaleaPatch_Flowers_Low_Large.jpg|'''AzaleaPatch_Flowers_Low'''<br />Low plants|alt=AzaleaPatch_Flowers_Low
File:AzaleaPatch_Low_Large.jpg|'''AzaleaPatch_Low'''<br />Low plants|alt=AzaleaPatch_Low
File:FalseSpirea_Cluster_Low_Large.jpg|'''FalseSpirea_Cluster_Low'''<br />Low plants|alt=FalseSpirea_Cluster_Low
File:FalseSpirea_Low_Large.jpg|'''FalseSpirea_Low'''<br />Low plants|alt=FalseSpirea_Low
File:HedgeTall_Large.jpg|'''HedgeTall'''<br />Hedge|alt=HedgeTall
</gallery>
}}

{{Release_section
|id=terrain
|title=Terrain
|content=
<gallery mode=nolines widths=240px heights=240px>
File:Rock_Group_09_Large.jpg|'''Rock_Group_09'''<br />Rocks|alt=Rock_Group_09
File:Rock_Group_12_Large.jpg|'''Rock_Group_12'''<br />Rocks|alt=Rock_Group_12
File:Rock_Group_13_Large.jpg|'''Rock_Group_13'''<br />Rocks|alt=Rock_Group_13
File:Rock_Group_21_Large.jpg|'''Rock_Group_21'''<br />Rocks|alt=Rock_Group_21
File:Rock_Group_22_Large.jpg|'''Rock_Group_22'''<br />Rocks|alt=Rock_Group_22
File:SandstoneRock_Group_09_Large.jpg|'''SandstoneRock_Group_09'''<br />Rocks|alt=SandstoneRock_Group_09
File:SandstoneRock_Group_12_Large.jpg|'''SandstoneRock_Group_12'''<br />Rocks|alt=SandstoneRock_Group_12
File:SandstoneRock_Group_13_Large.jpg|'''SandstoneRock_Group_13'''<br />Rocks|alt=SandstoneRock_Group_13
File:SandstoneRock_Group_21_Large.jpg|'''SandstoneRock_Group_21'''<br />Rocks|alt=SandstoneRock_Group_21
File:SandstoneRock_Group_22_Large.jpg|'''SandstoneRock_Group_22'''<br />Rocks|alt=SandstoneRock_Group_22
</gallery>
}}

{{Release_section
|id=particles
|title=Particle Effects
|content=
<gallery mode=nolines widths=240px heights=240px>
File:ButterFly_Particles_Large.jpg|'''ButterFly_Particles'''<br />White butterflies|alt=ButterFly_Particles
File:Flie_Particles_Large.jpg|'''Flie_Particles'''<br />Flies|alt=Flie_Particles
File:Leaves_Large.jpg|'''Leaves'''<br />Falling leaves|alt=Leaves
File:PurpleButterFly_Particles_Large.jpg|'''PurpleButterFly_Particles'''<br />Purple butterflies|alt=PurpleButterFly_Particles
File:RedButterFly_Particles_Large.jpg|'''RedButterFly_Particles'''<br />Red butterflies|alt=RedButterFly_Particles
</gallery>
}}

{{Release_section
|id=misc
|title=Miscellaneous
|content=
<gallery mode=nolines widths=240px heights=240px>
File:Church_Doors_Large.jpg|'''Church_Doors'''<br />Church doors|alt=Church_Doors
File:Door1_Large.jpg|'''Door1'''<br />Building door|alt=Door1
File:Fort_Doors2_Large.jpg|'''Fort_Doors2'''<br />Fort doors|alt=Fort_Doors2
File:Fort_Salettes_Large.jpg|'''Fort_Salettes'''<br />Fort Salettes|alt=Fort_Salettes
File:Fort_Winston_Large.jpg|'''Fort_Winston'''<br />Fort Winston|alt=Fort_Winston
File:FortChristiana_Large.jpg|'''FortChristiana'''<br />Fort Christiana|alt=FortChristiana
File:Ladder_Usable_Large.jpg|'''Ladder_Usable'''<br />Usable ladder|alt=Ladder_Usable
File:Lanternbox_Large.jpg|'''Lanternbox'''<br />Lantern box (Fixed)|alt=Lanternbox
File:LanternboxMoveable_Large.jpg|'''LanternboxMoveable'''<br />Lantern box (Moveable)|alt=LanternboxMoveable
File:PlayerCollision_Large.jpg|'''PlayerCollision'''<br />Invisible collision wall|alt=PlayerCollision
File:ShipCollision_Large.jpg|'''ShipCollision'''<br />Long wooden wall|alt=ShipCollision
File:SouthSeaCastle_Large.jpg|'''SouthSeaCastle'''<br />South Sea Castle|alt=SouthSeaCastle
File:Spyglassbox_Large.jpg|'''Spyglassbox'''<br />Spyglass box (Fixed)|alt=Spyglassbox
File:SpyglassboxMoveable_Large.jpg|'''SpyglassboxMoveable'''<br />Spyglass box (Moveable)|alt=SpyglassboxMoveable
File:Greenscreen_Large.jpg|'''Greenscreen'''<br />Large greenscreen (chroma)|alt=Greenscreen
File:Bluescreen_Large.jpg|'''Bluescreen'''<br />Large bluescreen (chroma)|alt=Bluescreen
</gallery>
}}

</div>
</div>
</div>

MediaWiki:Common.css

2026-07-10T19:45:39Z

Xarkanoth:

/* CSS placed here will be applied to all skins */
body.skin-holdfast .hf-upcoming-release-image {
flex: 0 0 320px;
max-width: 320px;
overflow: hidden;
display: flex;
align-items: stretch;
}

body.skin-holdfast .hf-upcoming-release-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center;
display: block;
}

.toc,
#toc,
.toctoggle,
.mw-table-of-contents-container {
display: none !important;
}

.wn-task-table td {
vertical-align: top;
}

.wn-status {
padding: 4px 8px;
border-radius: 4px;
font-weight: bold;
display: inline-block;
}

/* Status colors */
.wn-task.wn-status-not-started .wn-status-cell {
color: #b00020;
font-weight: bold;
}

.wn-task.wn-status-in-progress .wn-status-cell {
color: #b26a00;
font-weight: bold;
}

.wn-task.wn-status-done .wn-status-cell {
color: #1b7f3a;
font-weight: bold;
}

.hf-social-card-icon img {
width: 40px;
height: 40px;
object-fit: contain;
display: block;
margin: 0 auto;
}

/* ===== Game Modes Page ===== */
.hf-game-modes-page .hf-gm-hero {
background: linear-gradient(135deg, #2F2D2B 0%, #46463E 70%, #886D00 100%);
border: 1px solid #BFB69C;
color: #FFFFFF;
margin: 14px 0 18px;
padding: 20px;
}

.hf-game-modes-page .hf-gm-kicker {
color: #E0BA3A;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
margin-bottom: 8px;
text-transform: uppercase;
}

.hf-game-modes-page .hf-gm-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 8px;
}

.hf-game-modes-page .hf-gm-text {
color: #EEEDEB;
font-size: 14px;
line-height: 21px;
max-width: 780px;
}

.hf-game-modes-page .hf-gm-facts,
.hf-game-modes-page .hf-gm-card-grid {
display: grid;
gap: 12px;
margin: 16px 0;
}

.hf-game-modes-page .hf-gm-facts {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.hf-game-modes-page .hf-gm-card-grid {
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.hf-game-modes-page .hf-gm-card-grid-small {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.hf-game-modes-page .hf-gm-fact,
.hf-game-modes-page .hf-gm-card {
background: #F2F0EA;
border: 1px solid #d5d0c8;
border-left: 4px solid #BFB69C;
color: #1E1E1D;
padding: 12px 14px;
}

.hf-game-modes-page .hf-gm-card:hover {
border-left-color: #C9A227;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}

.hf-game-modes-page .hf-gm-fact span,
.hf-game-modes-page .hf-gm-card-title {
color: #886D00;
display: block;
font-weight: 700;
}

.hf-game-modes-page .hf-gm-fact span {
font-size: 12px;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-game-modes-page .hf-gm-card-title {
border-bottom: 1px solid #BFB69C;
font-size: 17px;
line-height: 22px;
margin-bottom: 8px;
padding-bottom: 6px;
}

.hf-game-modes-page .hf-gm-code {
background: #2d2926;
color: #e2c275;
display: inline-block;
font-family: monospace;
font-size: 12px;
margin-bottom: 6px;
padding: 3px 6px;
}

.hf-game-modes-page .hf-gm-value {
color: #555555;
font-size: 12px;
font-weight: 700;
margin-bottom: 8px;
text-transform: uppercase;
}

.hf-game-modes-page .hf-gm-desc {
font-size: 13px;
line-height: 19px;
}

.hf-game-modes-page .hf-gm-chip-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 10px 0 18px;
}

.hf-game-modes-page .hf-gm-chip-list span {
background: #F2F0EA;
border: 1px solid #d5d0c8;
border-left: 3px solid #BFB69C;
color: #1E1E1D;
display: inline-block;
font-size: 13px;
line-height: 18px;
padding: 5px 8px;
}

.hf-game-modes-page .hf-gm-chip-list span:hover {
border-left-color: #C9A227;
}

.hf-game-modes-page .hf-gm-mode-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 16px;
margin: 16px 0;
}

.hf-game-modes-page .hf-gm-mode-card {
background: linear-gradient(180deg, #F2F0EA 0%, #EEEDEB 100%);
border: 1px solid #d5d0c8;
border-left: 4px solid #BFB69C;
color: #1E1E1D;
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px;
}

.hf-game-modes-page .hf-gm-mode-card:hover {
border-left-color: #C9A227;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}

.hf-game-modes-page .hf-gm-image-box {
align-items: center;
background: linear-gradient(135deg, #2F2D2B 0%, #46463E 100%);
border: 1px solid #BFB69C;
color: #E0BA3A;
display: flex;
font-weight: 700;
justify-content: center;
min-height: 150px;
overflow: hidden;
text-align: center;
text-transform: uppercase;
}

.hf-game-modes-page .hf-gm-image-box img {
display: block;
height: 100% !important;
object-fit: cover;
width: 100% !important;
}

.hf-game-modes-page .hf-gm-map-heading {
color: #886D00;
font-size: 12px;
font-weight: 700;
margin-top: 4px;
text-transform: uppercase;
}

.hf-game-modes-page .hf-gm-map-list {
background: #FFFFFF;
border-top: 1px solid #d5d0c8;
font-size: 13px;
line-height: 20px;
margin-top: 6px;
padding: 8px;
}

.hf-game-modes-page .hf-gm-map-list a {
background: #FFFFFF;
border: 1px solid #d5d0c8;
color: #886D00 !important;
display: inline-block;
font-weight: 700;
margin: 0 4px 6px 0;
padding: 3px 7px;
text-decoration: none;
}

.hf-game-modes-page .hf-gm-map-list a:hover {
border-color: #C9A227;
color: #5f4c00 !important;
}

/* ===== Beginner's Guide Page ===== */
.hf-beginners-page .hf-bg-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #1f5d8f 100%);
border: 1px solid #bfb69c;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 18px;
overflow: hidden;
padding: 22px;
position: relative;
}

.hf-beginners-page .hf-bg-hero:after {
background: radial-gradient(circle at center, rgba(224, 186, 58, 0.24), rgba(224, 186, 58, 0));
content: "";
height: 180px;
position: absolute;
right: -70px;
top: -70px;
width: 180px;
}

.hf-beginners-page .hf-bg-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 700;
letter-spacing: .1em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-beginners-page .hf-bg-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 8px;
max-width: 780px;
position: relative;
z-index: 1;
}

.hf-beginners-page .hf-bg-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 820px;
position: relative;
z-index: 1;
}

.hf-beginners-page .hf-bg-facts,
.hf-beginners-page .hf-card-grid {
display: grid;
gap: 12px;
margin: 16px 0;
}

.hf-beginners-page .hf-bg-facts {
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.hf-beginners-page .hf-bg-fact,
.hf-beginners-page .hf-card {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
padding: 12px 14px;
}

.hf-beginners-page .hf-bg-fact span {
color: #886d00;
display: block;
font-size: 12px;
font-weight: 700;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-beginners-page .hf-card-grid {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hf-beginners-page .hf-card {
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.hf-beginners-page .hf-card:hover {
border-left-color: #c9a227;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
transform: translateY(-2px);
}

.hf-beginners-page .hf-card-image {
align-items: stretch;
background:
linear-gradient(135deg, rgba(191, 182, 156, 0.18), rgba(30, 30, 29, 0.1)),
#1e1e1d;
display: flex;
justify-content: center;
height: 130px;
margin: -12px -14px 10px;
overflow: hidden;
}

.hf-beginners-page .hf-card-image:empty {
display: none;
}

.hf-beginners-page .hf-card-image p,
.hf-beginners-page .hf-card-image a,
.hf-beginners-page .hf-card-image .mw-file-description {
display: block;
height: 100%;
line-height: 0;
margin: 0;
width: 100%;
}

.hf-beginners-page .hf-card-image img {
display: block;
height: 100% !important;
object-fit: cover;
object-position: center;
width: 100% !important;
}

.hf-beginners-page .hf-card-title {
border-bottom: 1px solid #bfb69c;
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin-bottom: 8px;
padding-bottom: 6px;
}

.hf-beginners-page .hf-card-title a {
color: #886d00;
}

.hf-beginners-page .hf-card-desc {
font-size: 13px;
line-height: 19px;
}

.hf-beginners-page .hf-relpage-section {
border-left-color: #1f5d8f;
}

.hf-beginners-page .hf-relpage-section-body > p:first-child,
.hf-beginners-page .hf-relpage-section-body > ul:first-child,
.hf-beginners-page .hf-relpage-section-body > ol:first-child {
margin-top: 0;
}

.hf-beginners-page .hf-relpage-section-body b,
.hf-beginners-page .hf-relpage-section-body strong {
color: #1f5d8f;
}

.hf-beginners-page .hf-relpage-section-body > p:has(b),
.hf-beginners-page .hf-relpage-section-body > p:has(strong) {
background: linear-gradient(90deg, rgba(31, 93, 143, 0.12), rgba(201, 162, 39, 0.06));
border-left: 4px solid #1f5d8f;
color: #1e1e1d;
font-size: 15px;
font-weight: 700;
margin: 14px 0 8px;
padding: 8px 10px;
}

.hf-beginners-page .hf-relpage-section-body ul,
.hf-beginners-page .hf-relpage-section-body ol {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
margin: 12px 0;
padding: 10px 12px 10px 30px;
}

.hf-beginners-page .hf-relpage-section-body li {
margin: 5px 0;
}

.hf-beginners-page .wikitable {
border: 1px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin: 14px 0;
width: 100%;
}

.hf-beginners-page .wikitable th {
background: #2f2d2b !important;
color: #e0ba3a !important;
font-weight: 700;
}

.hf-beginners-page .wikitable td {
background: #f7f4ec;
border-color: #d5d0c8;
}

/* ===== Mechanics Page ===== */
.hf-mechanics-page .hf-mech-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #886d00 100%);
border: 1px solid #bfb69c;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 18px;
overflow: hidden;
padding: 22px;
position: relative;
}

.hf-mechanics-page .hf-mech-hero:after {
background: radial-gradient(circle at center, rgba(224, 186, 58, 0.24), rgba(224, 186, 58, 0));
content: "";
height: 180px;
position: absolute;
right: -70px;
top: -70px;
width: 180px;
}

.hf-mechanics-page .hf-mech-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 700;
letter-spacing: .1em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-mechanics-page .hf-mech-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 8px;
max-width: 780px;
position: relative;
z-index: 1;
}

.hf-mechanics-page .hf-mech-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 820px;
position: relative;
z-index: 1;
}

.hf-mechanics-page .hf-mech-facts,
.hf-mechanics-page .hf-card-grid {
display: grid;
gap: 12px;
margin: 16px 0;
}

.hf-mechanics-page .hf-mech-facts {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hf-mechanics-page .hf-mech-fact,
.hf-mechanics-page .hf-card {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
padding: 12px 14px;
}

.hf-mechanics-page .hf-mech-fact span {
color: #886d00;
display: block;
font-size: 12px;
font-weight: 700;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-mechanics-page .hf-card-grid {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hf-mechanics-page .hf-card {
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.hf-mechanics-page .hf-card:hover {
border-left-color: #c9a227;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
transform: translateY(-2px);
}

.hf-mechanics-page .hf-card-image {
align-items: stretch;
background:
linear-gradient(135deg, rgba(191, 182, 156, 0.18), rgba(30, 30, 29, 0.1)),
#1e1e1d;
display: flex;
height: 130px;
justify-content: center;
margin: -12px -14px 10px;
overflow: hidden;
}

.hf-mechanics-page .hf-card-image:empty {
display: none;
}

.hf-mechanics-page .hf-card-image p,
.hf-mechanics-page .hf-card-image a,
.hf-mechanics-page .hf-card-image .mw-file-description {
display: block;
height: 100%;
line-height: 0;
margin: 0;
width: 100%;
}

.hf-mechanics-page .hf-card-image img {
display: block;
height: 100% !important;
object-fit: cover;
object-position: center;
width: 100% !important;
}

.hf-mechanics-page .hf-card-title {
border-bottom: 1px solid #bfb69c;
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin-bottom: 8px;
padding-bottom: 6px;
}

.hf-mechanics-page .hf-card-title a {
color: #886d00;
}

.hf-mechanics-page .hf-card-desc {
font-size: 13px;
line-height: 19px;
}

.hf-mechanics-page .hf-relpage-section {
border-left-color: #886d00;
}

.hf-mechanics-page .hf-relpage-section-body > p:first-child,
.hf-mechanics-page .hf-relpage-section-body > ul:first-child,
.hf-mechanics-page .hf-relpage-section-body > ol:first-child {
margin-top: 0;
}

/* ===== Directory Hub Pages ===== */
.hf-directory-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #6f2f2f 100%);
border: 1px solid #bfb69c;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 18px;
overflow: hidden;
padding: 22px;
position: relative;
}

.hf-classes-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #886d00 100%);
}

.hf-roleplay-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #1f5d8f 100%);
}

.hf-linebattle-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #6f4c2f 100%);
}

.hf-ui-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #3f6542 100%);
}

.hf-faq-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #6f4c2f 100%);
}

.hf-shooting-page .hf-directory-hero,
.hf-melee-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #6f2f2f 100%);
}

.hf-defences-page .hf-directory-hero,
.hf-auxiliary-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #886d00 100%);
}

.hf-horseback-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #5b3f2a 100%);
}

.hf-cavalry-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #5b3f2a 100%);
}

.hf-music-page .hf-directory-hero,
.hf-voice-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #1f5d8f 100%);
}

.hf-crewmen-page .hf-directory-hero {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #1f5d8f 100%);
}

.hf-directory-page .hf-directory-hero:after {
background: radial-gradient(circle at center, rgba(224, 186, 58, 0.24), rgba(224, 186, 58, 0));
content: "";
height: 180px;
position: absolute;
right: -70px;
top: -70px;
width: 180px;
}

.hf-directory-page .hf-directory-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 700;
letter-spacing: .1em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-directory-page .hf-directory-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 8px;
max-width: 780px;
position: relative;
z-index: 1;
}

.hf-directory-page .hf-directory-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 820px;
position: relative;
z-index: 1;
}

.hf-directory-page .hf-directory-facts,
.hf-directory-page .hf-card-grid {
display: grid;
gap: 12px;
margin: 16px 0;
}

.hf-directory-page .hf-directory-facts {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hf-directory-page .hf-directory-fact,
.hf-directory-page .hf-card {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
padding: 12px 14px;
}

.hf-directory-page .hf-directory-fact span {
color: #886d00;
display: block;
font-size: 12px;
font-weight: 700;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-directory-page .hf-card-grid {
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.hf-directory-page .hf-card {
align-items: stretch;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.36), rgba(191, 182, 156, 0.1)),
#f2f0ea;
display: grid;
gap: 12px;
grid-template-columns: 76px minmax(0, 1fr);
min-height: 98px;
position: relative;
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.hf-directory-page .hf-card:hover {
border-left-color: #c9a227;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
transform: translateY(-2px);
}

.hf-directory-page .hf-card-image {
align-items: center;
background:
radial-gradient(circle at 65% 20%, rgba(224, 186, 58, 0.22), rgba(224, 186, 58, 0) 42%),
linear-gradient(135deg, #46463e 0%, #2f2d2b 100%);
border: 1px solid rgba(30, 30, 29, 0.22);
display: flex;
height: 76px;
justify-content: center;
overflow: hidden;
position: relative;
width: 76px;
}

.hf-directory-page .hf-card-image:empty {
display: none;
}

.hf-directory-page .hf-card-image:empty + .hf-card-body {
grid-column: 1 / -1;
}

.hf-directory-page .hf-card-image p,
.hf-directory-page .hf-card-image a,
.hf-directory-page .hf-card-image .mw-file-description {
display: block;
height: 100%;
line-height: 0;
margin: 0;
width: 100%;
}

.hf-directory-page .hf-card-image img {
display: block;
height: 100% !important;
max-height: 74px;
max-width: 74px;
object-fit: contain;
object-position: center;
width: 100% !important;
}

.hf-directory-page .hf-card-body {
min-width: 0;
}

.hf-directory-page .hf-card-title {
border-bottom: 1px solid rgba(191, 182, 156, 0.8);
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin: 0 0 6px;
padding-bottom: 5px;
}

.hf-directory-page .hf-card-title a {
color: #886d00;
}

.hf-directory-page .hf-card-desc {
color: #3a3935;
font-size: 13px;
line-height: 18px;
}

.hf-directory-page .hf-relpage-section {
border-left-color: #886d00;
}

.hf-roleplay-page .hf-relpage-section {
border-left-color: #1f5d8f;
}

.hf-linebattle-page .hf-relpage-section {
border-left-color: #6f4c2f;
}

.hf-ui-page .hf-relpage-section {
border-left-color: #3f6542;
}

.hf-faq-page .hf-relpage-section {
border-left-color: #6f4c2f;
}

.hf-shooting-page .hf-relpage-section,
.hf-melee-page .hf-relpage-section {
border-left-color: #6f2f2f;
}

.hf-defences-page .hf-relpage-section,
.hf-auxiliary-page .hf-relpage-section {
border-left-color: #886d00;
}

.hf-horseback-page .hf-relpage-section {
border-left-color: #5b3f2a;
}

.hf-cavalry-page .hf-relpage-section {
border-left-color: #5b3f2a;
}

.hf-music-page .hf-relpage-section,
.hf-voice-page .hf-relpage-section {
border-left-color: #1f5d8f;
}

.hf-crewmen-page .hf-relpage-section {
border-left-color: #1f5d8f;
}

.hf-directory-page .hf-relpage-section-body > p:first-child,
.hf-directory-page .hf-relpage-section-body > ul:first-child,
.hf-directory-page .hf-relpage-section-body > ol:first-child {
margin-top: 0;
}

.hf-directory-page .hf-relpage-section-body ul,
.hf-directory-page .hf-relpage-section-body ol {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
margin: 12px 0;
padding: 10px 12px 10px 30px;
}

.hf-directory-page .hf-relpage-section-body li {
margin: 5px 0;
}

.hf-directory-page .hf-relpage-section-body h3 {
background: linear-gradient(90deg, rgba(136, 109, 0, 0.12), rgba(201, 162, 39, 0.06));
border-left: 4px solid #886d00;
color: #1e1e1d;
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin: 16px 0 8px;
padding: 8px 10px;
}

.hf-shooting-page .hf-relpage-section-body h3 {
background: linear-gradient(90deg, rgba(111, 47, 47, 0.14), rgba(201, 162, 39, 0.06));
border-left-color: #6f2f2f;
}

.hf-auxiliary-page .hf-relpage-section-body h3 {
background: linear-gradient(90deg, rgba(136, 109, 0, 0.14), rgba(201, 162, 39, 0.06));
border-left-color: #886d00;
}

.hf-shooting-page .hf-directory-fact span,
.hf-shooting-page .hf-card-title a {
color: #6f2f2f;
}

.hf-auxiliary-page .hf-directory-fact span,
.hf-auxiliary-page .hf-card-title a {
color: #886d00;
}

.hf-shooting-page .hf-card:hover {
border-left-color: #6f2f2f;
}

.hf-auxiliary-page .hf-card:hover {
border-left-color: #886d00;
}

.hf-directory-page .wikitable {
border: 1px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin: 14px 0;
width: 100%;
}

.hf-directory-page .wikitable th {
background: #2f2d2b !important;
color: #e0ba3a !important;
font-weight: 700;
}

.hf-directory-page .wikitable td {
background: #f7f4ec;
border-color: #d5d0c8;
}

/* ===== Musician Tunes Page ===== */
.hf-music-page .hf-music-table-note {
color: #3a3935;
font-size: 13px;
line-height: 19px;
}

.hf-music-page .hf-music-table-note {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #1f5d8f;
margin: 12px 0;
padding: 9px 11px;
}

.hf-music-page .hf-relpage-section-body h3 {
background: linear-gradient(90deg, rgba(31, 93, 143, 0.14), rgba(201, 162, 39, 0.06));
border-left-color: #1f5d8f;
}

.hf-music-page .hf-music-tune-table th,
.hf-music-page .hf-music-class-table th {
white-space: nowrap;
}

.hf-music-page .hf-music-tune-table td:first-child {
color: #1f5d8f;
font-weight: 800;
text-align: right;
white-space: nowrap;
width: 1%;
}

.hf-music-page .hf-music-tune-table td:nth-child(2) {
color: #6d5700;
font-weight: 700;
}

.hf-music-page .hf-music-tune-table td:nth-child(3),
.hf-music-page .hf-music-tune-table td:nth-child(5),
.hf-music-page .hf-music-class-table td:first-child {
font-weight: 700;
}

.hf-music-page .hf-music-tune-table tr:hover td,
.hf-music-page .hf-music-class-table tr:hover td {
background: #fff8dc;
}

/* ===== Factions Page ===== */
.hf-factions-page .hf-faction-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 16px;
margin-top: 18px;
}

.hf-factions-page .hf-faction-grid-small {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.hf-factions-page .hf-faction-card {
background: linear-gradient(180deg, #F2F0EA 0%, #EEEDEB 100%);
border: 1px solid #d5d0c8;
border-top: 4px solid #BFB69C;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
color: #1E1E1D;
display: flex;
flex-direction: column;
min-height: 230px;
padding: 18px;
}

.hf-factions-page .hf-faction-card:hover {
border-top-color: #C9A227;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
}

.hf-factions-page .hf-faction-crest {
align-items: center;
background: #FFFFFF;
border: 1px solid #BFB69C;
display: flex;
height: 144px;
justify-content: center;
margin-bottom: 14px;
}

.hf-factions-page .hf-faction-crest img {
max-height: 120px;
width: auto;
}

.hf-factions-page .hf-faction-name {
border-bottom: 1px solid #BFB69C;
color: #886D00;
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin-bottom: 10px;
padding-bottom: 8px;
}

.hf-factions-page .hf-faction-note {
color: #1E1E1D;
font-size: 14px;
line-height: 21px;
}

/* ===== Sidebar Current Page Highlight ===== */
body.skin-holdfast[class*="Beginner"] .hf-sidebar-list a[href*="Beginner"],
body.skin-holdfast[class*="User_Interface"] .hf-sidebar-list a[href*="User_Interface"],
body.skin-holdfast[class*="Factions"] .hf-sidebar-list a[href*="Factions"],
body.skin-holdfast[class*="Weapons"] .hf-sidebar-list a[href*="Weapons"],
body.skin-holdfast[class*="Game_Modes"] .hf-sidebar-list a[href*="Game_Modes"],
body.skin-holdfast[class*="Game_Types"] .hf-sidebar-list a[href*="Game_Types"],
body.skin-holdfast[class*="Maps"] .hf-sidebar-list a[href*="Maps"],
body.skin-holdfast[class*="Known_Issues"] .hf-sidebar-list a[href*="Known_Issues"],
body.skin-holdfast[class*="Frequently_Asked_Questions"] .hf-sidebar-list a[href*="Frequently_Asked_Questions"],
body.skin-holdfast[class*="FAQ"] .hf-sidebar-list a[href*="Frequently_Asked_Questions"],
body.skin-holdfast[class*="Shooting"] .hf-sidebar-list a[href*="Shooting"],
body.skin-holdfast[class*="Melee"] .hf-sidebar-list a[href*="Melee"],
body.skin-holdfast[class*="Artillery"] .hf-sidebar-list a[href*="Artillery"],
body.skin-holdfast[class*="Defences"] .hf-sidebar-list a[href*="Defences"],
body.skin-holdfast[class*="Horseback_Riding"] .hf-sidebar-list a[href*="Horseback_Riding"],
body.skin-holdfast[class*="Auxiliary"] .hf-sidebar-list a[href*="Auxiliary"],
body.skin-holdfast[class*="Orders"] .hf-sidebar-list a[href*="Orders"],
body.skin-holdfast[class*="Traits"] .hf-sidebar-list a[href*="Traits"],
body.skin-holdfast[class*="Naval_Combat"] .hf-sidebar-list a[href*="Naval_Combat"],
body.skin-holdfast[class*="Ships"] .hf-sidebar-list a[href*="Ships"],
body.skin-holdfast[class*="Musician_Tunes"] .hf-sidebar-list a[href*="Musician_Tunes"],
body.skin-holdfast[class*="Voice_Commands"] .hf-sidebar-list a[href*="Voice_Commands"],
body.skin-holdfast[class*="page-Command"] .hf-sidebar-list a[href*="Command"],
body.skin-holdfast[class*="Rank_and_File"] .hf-sidebar-list a[href*="Rank_and_File"],
body.skin-holdfast[class*="Skirmisher"] .hf-sidebar-list a[href*="Skirmisher"],
body.skin-holdfast[class*="Support"] .hf-sidebar-list a[href*="Support"],
body.skin-holdfast[class*="Cavalry"] .hf-sidebar-list a[href*="Cavalry"],
body.skin-holdfast[class*="Crewmen"] .hf-sidebar-list a[href*="Crewmen"],
body.skin-holdfast[class*="Linebattle"] .hf-sidebar-list a[href*="Linebattle"],
body.skin-holdfast[class*="Crews"] .hf-sidebar-list a[href*="Crews"],
body.skin-holdfast[class*="Organized_Events"] .hf-sidebar-list a[href*="Organized_Events"],
body.skin-holdfast[class*="Regiment_Schedule"] .hf-sidebar-list a[href*="Regiment_Schedule"],
body.skin-holdfast[class*="Regiment_Roster"] .hf-sidebar-list a[href*="Regiment_Roster"],
body.skin-holdfast[class*="SDK_user_guide"] .hf-sidebar-list a[href*="SDK_user_guide"],
body.skin-holdfast[class*="SDK_upgrade_guide"] .hf-sidebar-list a[href*="SDK_upgrade_guide"],
body.skin-holdfast[class*="Script_Modding_Guide"] .hf-sidebar-list a[href*="Script_Modding_Guide"],
body.skin-holdfast[class*="Map_Editing"] .hf-sidebar-list a[href*="Map_Editing"],
body.skin-holdfast[class*="Workshop_Discord"] .hf-sidebar-list a[href*="Workshop_Discord"],
body.skin-holdfast[class*="Mods_and_Consoles"] .hf-sidebar-list a[href*="Mods_and_Consoles"],
body.skin-holdfast[class*="Server_Hosting"] .hf-sidebar-list a[href*="Server_Hosting"],
body.skin-holdfast[class*="page-Server_Configuration"]:not([class*="Server_Configuration_Enums"]) .hf-sidebar-list a[href*="Server_Configuration"],
body.skin-holdfast[class*="Server_Config_Templates"] .hf-sidebar-list a[href*="Server_Config_Templates"],
body.skin-holdfast[class*="Spawnable_Props"] .hf-sidebar-list a[href*="Spawnable_Props"],
body.skin-holdfast[class*="Remote_Console_Commands"] .hf-sidebar-list a[href*="Remote_Console_Commands"],
body.skin-holdfast[class*="Server_Configuration_Enums"] .hf-sidebar-list a[href*="Server_Configuration_Enums"],
body.skin-holdfast[class*="Admin_Features"] .hf-sidebar-list a[href*="Admin_Features"] {
background: rgba(201, 162, 39, 0.22) !important;
border-left: 3px solid #C9A227;
color: #FFFFFF !important;
font-weight: 700 !important;
padding-left: 6px;
text-decoration: none;
}

/* ===== Linebattle Page ===== */
.hf-linebattle-page .hf-lb-hero {
background: linear-gradient(135deg, #2F2D2B 0%, #46463E 68%, #886D00 100%);
border: 1px solid #BFB69C;
color: #FFFFFF;
padding: 20px;
margin-bottom: 18px;
}

.hf-linebattle-page .hf-lb-kicker {
color: #E0BA3A;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
margin-bottom: 8px;
text-transform: uppercase;
}

.hf-linebattle-page .hf-lb-hero-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 8px;
}

.hf-linebattle-page .hf-lb-hero-text {
color: #EEEDEB;
font-size: 14px;
line-height: 21px;
max-width: 760px;
}

.hf-linebattle-page .hf-lb-facts,
.hf-linebattle-page .hf-lb-rule-grid,
.hf-linebattle-page .hf-lb-card-grid {
display: grid;
gap: 12px;
margin: 16px 0;
}

.hf-linebattle-page .hf-lb-facts {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.hf-linebattle-page .hf-lb-rule-grid,
.hf-linebattle-page .hf-lb-card-grid {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hf-linebattle-page .hf-lb-fact,
.hf-linebattle-page .hf-lb-rule,
.hf-linebattle-page .hf-lb-role-card,
.hf-linebattle-page .hf-lb-phase {
background: #F2F0EA;
border: 1px solid #d5d0c8;
border-left: 4px solid #BFB69C;
color: #1E1E1D;
padding: 12px 14px;
}

.hf-linebattle-page .hf-lb-fact span {
color: #886D00;
display: block;
font-size: 12px;
font-weight: 700;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-linebattle-page .hf-lb-phase-list {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 14px;
}

.hf-linebattle-page .hf-lb-phase {
display: grid;
grid-template-columns: 36px 1fr;
gap: 12px;
align-items: start;
}

.hf-linebattle-page .hf-lb-phase-num {
align-items: center;
background: #C9A227;
color: #1E1E1D;
display: flex;
font-weight: 700;
height: 28px;
justify-content: center;
width: 28px;
}

.hf-linebattle-page .hf-lb-rule strong,
.hf-linebattle-page .hf-lb-role-card h3 {
color: #886D00;
}

.hf-linebattle-page .hf-lb-role-card h3 {
font-size: 16px;
line-height: 22px;
margin: 0 0 8px 0;
}

.hf-linebattle-page .hf-lb-note {
background: #FFF8DC;
border: 1px solid #C9A227;
color: #1E1E1D;
margin-top: 14px;
padding: 12px 14px;
}

.hf-linebattle-page .hf-lb-terms th {
background: #46463E;
color: #FFFFFF;
}

.hf-linebattle-page .hf-lb-terms td:first-child {
color: #886D00;
font-weight: 700;
width: 140px;
}

/* ===== Server Hosting: Admin, Ban & Mute Files ===== */
.hf-admin-files-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 12px;
margin: 16px 0;
}

.hf-admin-file-card {
background: #F2F0EA;
border: 1px solid #d5d0c8;
border-left: 4px solid #BFB69C;
padding: 12px 14px;
}

.hf-admin-file-card-important {
border-left-color: #C9A227;
}

.hf-admin-file-name {
color: #886D00;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
margin-bottom: 4px;
}

.hf-admin-file-desc {
color: #1E1E1D;
font-size: 13px;
line-height: 18px;
}

.hf-admin-file-note {
background: #FFF8DC;
border: 1px solid #C9A227;
border-radius: 4px;
color: #1E1E1D;
margin-top: 16px;
padding: 12px 14px;
}

/* ===== Known Issues & Solutions Page ===== */
body.skin-holdfast[class*="page-Known_Issues"] .hf-content {
width: auto;
height: auto;
margin-top: 40px;
padding: 40px 0 0 0;
overflow: visible;
display: flex;
justify-content: center;
}

body.skin-holdfast[class*="page-Known_Issues"] .mw-body-content {
width: 100%;
margin: 0;
display: flex;
justify-content: center;
}

body.skin-holdfast[class*="page-Known_Issues"] .mw-parser-output {
width: 100%;
display: flex;
justify-content: center;
}

body.skin-holdfast[class*="page-Known_Issues"] #toc,
body.skin-holdfast[class*="page-Known_Issues"] #firstHeading {
display: none;
}

/* ===== Server Config Templates Page ===== */
/* Body selectors cover direct article/template views. The wrapper class below
keeps the code colors working anywhere the template is transcluded. */
body.skin-holdfast[class*="Server_Config_Templates"] .hf-content {
width: auto;
height: auto;
margin-top: 40px;
padding: 40px 0 0 0;
overflow: visible;
display: flex;
justify-content: center;
}

body.skin-holdfast[class*="Server_Config_Templates"] .mw-body-content,
body.skin-holdfast[class*="Server_Config_Templates"] .mw-parser-output {
width: 100%;
margin: 0;
display: flex;
justify-content: center;
}

body.skin-holdfast[class*="Server_Config_Templates"] #toc,
body.skin-holdfast[class*="Server_Config_Templates"] #firstHeading {
display: none;
}

/* Collapsible template headings inside Server Config Templates */
.hf-server-config-templates-page .hf-issue-block {
border: 1px solid #d5d0c8;
background: #EEEDEB;
margin: 0.8em 0;
position: relative;
}

.hf-server-config-templates-page .hf-issue-heading {
background: #F2F0EA !important;
color: #886D00 !important;
border-left: 4px solid #C9A227;
border-bottom: 1px solid #BFB69C;
padding: 10px 96px 10px 14px;
font-weight: 700;
line-height: 20px;
}

.hf-server-config-templates-page .hf-issue-heading a {
color: #C9A227 !important;
}

.hf-server-config-templates-page .mw-collapsible-toggle {
color: #C9A227 !important;
float: none !important;
position: absolute !important;
top: 0;
right: 14px;
left: auto !important;
min-height: 40px;
display: flex !important;
align-items: center;
justify-content: center;
font-weight: 700;
line-height: 20px;
margin: 0 !important;
z-index: 2;
}

.hf-server-config-templates-page .mw-collapsible-content {
padding: 12px 14px;
}

/* Code blocks inside Server Config Templates */
.hf-server-config-templates-page .hf-relpage-section-body pre,
.hf-server-config-templates-page .hf-relpage-section-body .hf-code,
body.skin-holdfast[class*="Server_Config_Templates"] .hf-relpage-section-body pre,
body.skin-holdfast[class*="Server_Config_Templates"] .hf-relpage-section-body .hf-code {
background: #1c1a18 !important;
color: #e5e7eb !important;
padding: .8em 1em;
border-radius: .6em;
overflow: auto;
line-height: 1.45;
font-size: .9em;
border: 1px solid #3d3632;
margin: 0.8em 0;
}

.hf-server-config-templates-page .hf-relpage-section-body code,
body.skin-holdfast[class*="Server_Config_Templates"] .hf-relpage-section-body code {
background: #2d2926 !important;
color: #e2c275 !important;
padding: 2px 6px;
border-radius: 4px;
font-size: .88em;
}

/* ===== Admin Features Page ===== */
.hf-admin-features-page .hf-admin-hero {
background:
radial-gradient(circle at top right, rgba(224, 186, 58, 0.2), rgba(224, 186, 58, 0) 34%),
linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #8a3327 100%);
border: 1px solid #bfb69c;
border-left: 5px solid #c9a227;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 16px;
overflow: hidden;
padding: 20px 22px;
position: relative;
}

.hf-admin-features-page .hf-admin-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 800;
letter-spacing: .11em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-admin-features-page .hf-admin-title {
font-size: 24px;
font-weight: 800;
line-height: 30px;
margin-bottom: 8px;
max-width: 860px;
position: relative;
z-index: 1;
}

.hf-admin-features-page .hf-admin-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 900px;
position: relative;
z-index: 1;
}

.hf-admin-features-page .hf-admin-facts {
display: grid;
gap: 12px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
margin: 0 0 18px;
}

.hf-admin-features-page .hf-admin-fact {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
font-size: 13px;
line-height: 19px;
padding: 12px 14px;
}

.hf-admin-features-page .hf-admin-fact span {
color: #886d00;
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: .04em;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-admin-features-page .hf-relpage-section {
border-left-color: #8a3327;
}

.hf-admin-features-page .hf-relpage-section-body > p:first-child,
.hf-admin-features-page .hf-relpage-section-body > ul:first-child,
.hf-admin-features-page .hf-relpage-section-body > ol:first-child {
margin-top: 0;
}

.hf-admin-features-page .hf-relpage-section-body b,
.hf-admin-features-page .hf-relpage-section-body strong {
color: #8a3327;
}

.hf-admin-features-page .hf-relpage-section-body pre {
background: #1c1a18 !important;
border: 1px solid #3d3632;
border-left: 4px solid #c9a227;
border-radius: .35em;
color: #e5e7eb !important;
font-size: .9em;
line-height: 1.45;
margin: 10px 0 14px;
overflow: auto;
padding: .85em 1em;
}

.hf-admin-features-page .hf-relpage-section-body code {
background: #2d2926 !important;
border-radius: 4px;
color: #e2c275 !important;
font-size: .88em;
padding: 2px 6px;
}

.hf-admin-features-page .hf-admin-label {
background: linear-gradient(90deg, rgba(138, 51, 39, 0.12), rgba(201, 162, 39, 0.08));
border-left: 4px solid #8a3327;
color: #1e1e1d;
font-size: 13px;
font-weight: 800;
letter-spacing: .06em;
margin: 16px 0 8px;
padding: 8px 10px;
text-transform: uppercase;
}

.hf-admin-features-page .hf-admin-note {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
color: #1e1e1d;
line-height: 20px;
margin: 14px 0 10px;
padding: 10px 12px;
}

.hf-admin-features-page .wikitable {
border: 1px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin: 14px 0;
width: 100%;
}

.hf-admin-features-page .wikitable caption {
background: #f2f0ea;
border: 1px solid #bfb69c;
border-bottom: 0;
color: #886d00;
font-weight: 800;
padding: 8px 10px;
text-align: left;
}

.hf-admin-features-page .wikitable th {
background: #2f2d2b !important;
color: #e0ba3a !important;
font-weight: 800;
}

.hf-admin-features-page .wikitable td {
background: #f7f4ec;
border-color: #d5d0c8;
vertical-align: top;
}

.hf-admin-features-page .hf-relpage-section-body ul,
.hf-admin-features-page .hf-relpage-section-body ol {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
margin: 12px 0;
padding: 10px 12px 10px 30px;
}

.hf-admin-features-page .hf-relpage-section-body li {
margin: 5px 0;
}

/* ===== Remote Console Commands Page ===== */
.hf-remote-console-page .hf-rc-hero {
background:
radial-gradient(circle at top right, rgba(224, 186, 58, 0.2), rgba(224, 186, 58, 0) 34%),
linear-gradient(135deg, #2f2d2b 0%, #46463e 68%, #1f5d8f 100%);
border: 1px solid #bfb69c;
border-left: 5px solid #c9a227;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 16px;
overflow: hidden;
padding: 20px 22px;
position: relative;
}

.hf-remote-console-page .hf-rc-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 800;
letter-spacing: .11em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-remote-console-page .hf-rc-title {
font-size: 24px;
font-weight: 800;
line-height: 30px;
margin-bottom: 8px;
max-width: 860px;
position: relative;
z-index: 1;
}

.hf-remote-console-page .hf-rc-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 920px;
position: relative;
z-index: 1;
}

.hf-remote-console-page .hf-rc-facts {
display: grid;
gap: 12px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
margin: 0 0 18px;
}

.hf-remote-console-page .hf-rc-fact {
background: #f2f0ea;
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
font-size: 13px;
line-height: 19px;
padding: 12px 14px;
}

.hf-remote-console-page .hf-rc-fact span {
color: #886d00;
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: .04em;
margin-bottom: 4px;
text-transform: uppercase;
}

.hf-remote-console-page .hf-relpage-section {
border-left-color: #1f5d8f;
}

.hf-remote-console-page .hf-relpage-section-body > p:first-child,
.hf-remote-console-page .hf-relpage-section-body > ul:first-child,
.hf-remote-console-page .hf-relpage-section-body > ol:first-child {
margin-top: 0;
}

.hf-remote-console-page .hf-relpage-section-body h3,
.hf-remote-console-page .hf-relpage-section-body h4 {
background: linear-gradient(90deg, rgba(31, 93, 143, 0.12), rgba(201, 162, 39, 0.06));
border-left: 4px solid #1f5d8f;
color: #1e1e1d;
font-size: 16px;
font-weight: 800;
line-height: 22px;
margin: 18px 0 10px;
padding: 8px 10px;
}

.hf-remote-console-page .hf-relpage-section-body h4 {
border-left-color: #c9a227;
font-size: 14px;
letter-spacing: .04em;
text-transform: uppercase;
}

.hf-remote-console-page .hf-relpage-section-body pre,
.hf-remote-console-page .hf-relpage-section-body .hf-code {
background: #1c1a18 !important;
border: 1px solid #3d3632;
border-left: 4px solid #c9a227;
border-radius: .35em;
color: #e5e7eb !important;
font-size: .9em;
line-height: 1.45;
margin: 10px 0 14px;
overflow: auto;
padding: .85em 1em;
}

.hf-remote-console-page .hf-relpage-section-body code {
background: #2d2926 !important;
border-radius: 4px;
color: #e2c275 !important;
font-size: .88em;
padding: 2px 6px;
}

.hf-remote-console-page .hf-rc-label {
background: linear-gradient(90deg, rgba(31, 93, 143, 0.12), rgba(201, 162, 39, 0.08));
border-left: 4px solid #1f5d8f;
color: #1e1e1d;
font-size: 13px;
font-weight: 800;
letter-spacing: .06em;
margin: 16px 0 8px;
padding: 8px 10px;
text-transform: uppercase;
}

.hf-remote-console-page .hf-rc-note {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
color: #1e1e1d;
font-weight: 700;
line-height: 20px;
margin: 14px 0 10px;
padding: 10px 12px;
}

.hf-remote-console-page .wikitable {
border: 1px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin: 14px 0 18px;
width: 100%;
}

.hf-remote-console-page .wikitable th {
background: #2f2d2b !important;
color: #e0ba3a !important;
font-weight: 800;
vertical-align: top;
}

.hf-remote-console-page .wikitable td {
background: #f7f4ec;
border-color: #d5d0c8;
line-height: 1.45;
vertical-align: top;
}

.hf-remote-console-page .wikitable tr:hover td {
background: #f2f0ea;
}

.hf-remote-console-page .wikitable th.code,
.hf-remote-console-page .wikitable td:first-child {
font-family: monospace;
}

.hf-remote-console-page .wikitable td:first-child {
color: #6f5600;
font-weight: 700;
}

.hf-remote-console-page .hf-rc-command-cell {
padding-right: 74px !important;
position: relative;
}

.hf-remote-console-page .hf-rc-copy-btn {
background: #2f2d2b;
border: 1px solid #bfb69c;
color: #e0ba3a;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 800;
letter-spacing: .04em;
line-height: 16px;
padding: 3px 8px;
position: absolute;
right: 8px;
text-transform: uppercase;
top: 8px;
}

.hf-remote-console-page .hf-rc-copy-btn:hover,
.hf-remote-console-page .hf-rc-copy-btn:focus {
background: #1f5d8f;
border-color: #c9a227;
color: #ffffff;
}

.hf-remote-console-page .hf-rc-copy-btn-copied {
background: #588157;
border-color: #588157;
color: #ffffff;
}

.hf-remote-console-page .hf-relpage-section-body ul,
.hf-remote-console-page .hf-relpage-section-body ol {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
margin: 12px 0;
padding: 10px 12px 10px 30px;
}

.hf-remote-console-page .hf-relpage-section-body li {
margin: 5px 0;
}

.hf-remote-console-page .hf-rc-enum {
display: inline-block;
position: relative;
}

.hf-remote-console-page .hf-rc-enum > a {
background: rgba(31, 93, 143, 0.12);
border: 1px solid rgba(31, 93, 143, 0.28);
border-bottom-color: #c9a227;
color: #6f5600 !important;
display: inline-block;
font-weight: 800;
padding: 1px 5px;
text-decoration: none;
}

.hf-remote-console-page .hf-rc-enum > a:hover,
.hf-remote-console-page .hf-rc-enum > a:focus {
background: rgba(201, 162, 39, 0.16);
border-color: #c9a227;
color: #1f5d8f !important;
}

.hf-remote-console-page .hf-rc-enum-pop {
background: #1c1a18;
border: 1px solid #bfb69c;
border-left: 4px solid #c9a227;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
box-sizing: border-box;
color: #eeedeb;
display: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
left: 0;
line-height: 17px;
max-height: 220px;
min-width: 260px;
overflow: auto;
padding: 10px 12px;
position: absolute;
top: calc(100% + 6px);
white-space: normal;
width: min(320px, calc(100vw - 48px));
z-index: 20;
}

.hf-remote-console-page .hf-rc-enum-pop-wide {
width: min(420px, calc(100vw - 48px));
}

.hf-remote-console-page .wikitable td:last-child .hf-rc-enum-pop,
.hf-remote-console-page .wikitable th:last-child .hf-rc-enum-pop {
left: auto;
right: 0;
}

.hf-remote-console-page .hf-rc-enum:hover .hf-rc-enum-pop,
.hf-remote-console-page .hf-rc-enum:focus-within .hf-rc-enum-pop {
display: block;
}

.hf-remote-console-page .hf-rc-enum-title {
color: #e0ba3a;
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: .07em;
margin-bottom: 6px;
text-transform: uppercase;
}

.hf-remote-console-page .hf-rc-enum-list {
display: block;
}

.hf-remote-console-page .hf-rc-enum-foot {
border-top: 1px solid rgba(191, 182, 156, 0.35);
color: #bfb69c;
display: block;
font-size: 11px;
font-weight: 700;
margin-top: 8px;
padding-top: 7px;
}

/* ===== Server Configuration Enums Page ===== */
.hf-server-configuration-enums-page .hf-enum-hero {
background:
radial-gradient(circle at top left, rgba(224, 186, 58, 0.18), transparent 34%),
linear-gradient(135deg, rgba(47, 45, 43, 0.98), rgba(30, 30, 29, 0.95));
border: 1px solid rgba(191, 182, 156, 0.55);
border-left: 5px solid #c9a227;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
color: #f4efe1;
margin: 0 0 18px;
padding: 18px 20px;
}

.hf-server-configuration-enums-page .hf-enum-kicker {
color: #e0ba3a;
font-size: 11px;
font-weight: 800;
letter-spacing: .12em;
margin-bottom: 6px;
text-transform: uppercase;
}

.hf-server-configuration-enums-page .hf-enum-title {
font-size: 22px;
font-weight: 800;
line-height: 28px;
max-width: 880px;
}

.hf-server-configuration-enums-page .hf-enum-note {
color: #d7cfba;
font-size: 13px;
line-height: 19px;
margin-top: 8px;
max-width: 900px;
}

.hf-server-configuration-enums-page .hf-enum-block {
background: linear-gradient(180deg, rgba(242, 240, 234, 0.98), rgba(238, 237, 235, 0.96));
border: 1px solid rgba(191, 182, 156, 0.72);
border-left: 5px solid #c9a227;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
margin-bottom: 16px;
overflow: hidden;
position: relative;
}

.hf-server-configuration-enums-page .hf-enum-block .hf-issue-heading {
background:
linear-gradient(90deg, rgba(30, 30, 29, 0.96), rgba(47, 45, 43, 0.94)),
linear-gradient(90deg, rgba(201, 162, 39, 0.3), rgba(201, 162, 39, 0));
border-bottom: 1px solid rgba(191, 182, 156, 0.65);
color: #f4efe1;
font-size: 15px;
font-weight: 800;
line-height: 20px;
margin: 0;
padding: 10px 110px 10px 14px;
}

.hf-server-configuration-enums-page .mw-collapsible-toggle {
color: #e0ba3a !important;
float: none !important;
font-size: 11px;
font-weight: 800;
line-height: 18px;
margin: 0 !important;
position: absolute !important;
right: 16px;
text-transform: uppercase;
top: 11px;
z-index: 2;
}

.hf-server-configuration-enums-page .mw-collapsible-toggle a {
color: #e0ba3a !important;
}

.hf-server-configuration-enums-page .hf-enum-block .mw-collapsible-content {
color: #1e1e1d;
font-size: 13px;
line-height: 18px;
padding: 12px 14px 14px;
}

.hf-server-configuration-enums-page .hf-enum-block .mw-collapsible-content > p:first-child {
background: rgba(201, 162, 39, 0.09);
border: 1px solid rgba(191, 182, 156, 0.55);
border-left: 4px solid #c9a227;
color: #3a352f;
font-weight: 700;
font-size: 13px;
line-height: 1.45;
margin: 0 0 12px;
padding: 10px 12px;
}

.hf-server-configuration-enums-page .wikitable {
background: transparent;
border: 0;
border-collapse: separate;
border-spacing: 0 6px;
margin: 12px 0 18px;
width: 100%;
}

.hf-server-configuration-enums-page .hf-enum-table-label,
.hf-server-configuration-enums-page .wikitable caption {
background: linear-gradient(90deg, rgba(136, 109, 0, 0.16), rgba(201, 162, 39, 0.04));
border: 1px solid rgba(191, 182, 156, 0.65);
border-left: 4px solid #886d00;
color: #1e1e1d;
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: .03em;
margin: 12px 0 6px;
padding: 7px 9px;
text-align: left;
}

.hf-server-configuration-enums-page .hf-enum-table-label + .wikitable {
margin-top: 0;
}

.hf-server-configuration-enums-page .wikitable th {
background: #2f2d2b;
border: 0;
color: #e0ba3a;
font-size: 11px;
letter-spacing: .04em;
padding: 7px 9px;
text-align: left;
text-transform: uppercase;
}

.hf-server-configuration-enums-page .wikitable td {
background: #f8f5ec;
border-bottom: 1px solid rgba(191, 182, 156, 0.72);
border-top: 1px solid rgba(191, 182, 156, 0.72);
color: #1e1e1d;
font-size: 12px;
line-height: 17px;
padding: 8px 10px;
vertical-align: top;
}

.hf-server-configuration-enums-page .wikitable tr td:first-child {
border-left: 3px solid rgba(201, 162, 39, 0.7);
color: #886d00;
font-weight: 800;
white-space: nowrap;
}

.hf-server-configuration-enums-page .wikitable td:nth-child(2),
.hf-server-configuration-enums-page .wikitable td:nth-child(3) {
color: #886d00;
}

.hf-server-configuration-enums-page #weapon .wikitable td:last-child,
.hf-server-configuration-enums-page #ship-name .wikitable td:nth-child(2),
.hf-server-configuration-enums-page #carryable-object .wikitable td:nth-child(2),
.hf-server-configuration-enums-page #buff-type .wikitable td:nth-child(2),
.hf-server-configuration-enums-page #high-command-order .wikitable td:nth-child(2),
.hf-server-configuration-enums-page #trait .wikitable td:nth-child(2),
.hf-server-configuration-enums-page #buff-property-type .wikitable td:nth-child(2) {
color: #6d5700;
font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
font-weight: 700;
}

.hf-server-configuration-enums-page #weapon .wikitable td:last-child {
border-left: 3px solid rgba(201, 162, 39, 0.7);
}

.hf-server-configuration-enums-page .wikitable tr td:last-child {
border-right: 1px solid rgba(191, 182, 156, 0.72);
}

.hf-server-configuration-enums-page .wikitable tr:hover td {
background: #fff8dc;
}

.hf-server-configuration-enums-page code {
background: #2d2926 !important;
border: 1px solid rgba(224, 186, 58, 0.36);
border-radius: 4px;
color: #e2c275 !important;
display: inline-block;
font-size: 11px;
line-height: 15px;
margin: 1px 0;
padding: 2px 6px;
}

.hf-server-configuration-enums-page #gamemodes,
.hf-server-configuration-enums-page #map-names,
.hf-server-configuration-enums-page #faction-winner,
.hf-server-configuration-enums-page #class,
.hf-server-configuration-enums-page #weapon,
.hf-server-configuration-enums-page #weapon-classes,
.hf-server-configuration-enums-page #faction,
.hf-server-configuration-enums-page #attacking-defending {
border-left-color: #c9a227;
}

.hf-server-configuration-enums-page #voice-phrases,
.hf-server-configuration-enums-page #player-actions,
.hf-server-configuration-enums-page #instruments,
.hf-server-configuration-enums-page #instrument-songs {
border-left-color: #4b7f9f;
}

.hf-server-configuration-enums-page #ship-type,
.hf-server-configuration-enums-page #ship-renderer-color,
.hf-server-configuration-enums-page #ship-name,
.hf-server-configuration-enums-page #emplacement,
.hf-server-configuration-enums-page #sapper-build-mode,
.hf-server-configuration-enums-page #nature-presets,
.hf-server-configuration-enums-page #explosion-type,
.hf-server-configuration-enums-page #carryable-object {
border-left-color: #6a8f3a;
}

.hf-server-configuration-enums-page #buff-type,
.hf-server-configuration-enums-page #high-command-order,
.hf-server-configuration-enums-page #trait,
.hf-server-configuration-enums-page #buff-property-type {
border-left-color: #8f4b9f;
}

.hf-server-configuration-enums-page #festive-season {
border-left-color: #8f2f1f;
}

/* ===== Class Pages ===== */
.hf-class-info {
background:
linear-gradient(135deg, rgba(47, 45, 43, 0.96) 0%, rgba(70, 70, 62, 0.96) 68%, rgba(136, 109, 0, 0.92) 100%);
border: 1px solid #bfb69c;
border-left: 5px solid #c9a227;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 18px;
overflow: hidden;
padding: 14px;
position: relative;
}

.hf-class-info:after {
background: radial-gradient(circle at center, rgba(224, 186, 58, 0.20), rgba(224, 186, 58, 0));
content: "";
height: 160px;
pointer-events: none;
position: absolute;
right: -65px;
top: -70px;
width: 160px;
}

.hf-class-info-header,
.hf-class-info-badges,
.hf-class-info-stats,
.hf-class-info-equip {
position: relative;
z-index: 1;
}

.hf-class-info-header {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-bottom: 12px;
}

.hf-class-info-header-label,
.hf-class-info-equip-label,
.hf-class-info-stat-label {
color: #e0ba3a;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}

.hf-class-info-faction,
.hf-class-info-badge,
.hf-class-info-equip-item {
background: rgba(242, 240, 234, 0.10);
border: 1px solid rgba(191, 182, 156, 0.45);
color: #f4efe1;
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 12px;
font-weight: 700;
line-height: 17px;
margin: 0 5px 6px 0;
padding: 4px 8px;
}

.hf-class-info-faction img {
height: 18px;
object-fit: contain;
width: 18px;
}

.hf-class-info-badge.hf-badge-ability {
background: rgba(201, 162, 39, 0.18);
border-color: rgba(224, 186, 58, 0.6);
color: #fff3c4;
}

.hf-class-info-stats {
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
margin: 10px 0;
}

.hf-class-info-stat {
background: rgba(30, 30, 29, 0.55);
border: 1px solid rgba(191, 182, 156, 0.35);
padding: 8px 10px;
}

.hf-class-info-stat-value {
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: 23px;
}

.hf-class-info-stat-bonus {
color: #89d185;
}

.hf-class-info + .hf-card-grid,
.hf-class-info ~ .hf-card-grid {
display: grid;
gap: 14px;
grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
margin: 18px 0 6px;
}

.hf-class-info + .hf-card-grid .hf-uniform-card,
.hf-class-info ~ .hf-card-grid .hf-uniform-card {
background: linear-gradient(180deg, #2f2d2b 0%, #1e1e1d 100%);
border: 1px solid #4b4638;
border-top: 3px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
display: flex;
flex-direction: column;
margin: 0;
max-width: 280px;
min-height: 258px;
min-width: 0;
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
width: 100%;
}

.hf-class-info + .hf-card-grid .hf-uniform-card:hover,
.hf-class-info ~ .hf-card-grid .hf-uniform-card:hover {
border-top-color: #e0ba3a;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
transform: translateY(-2px);
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image {
background:
linear-gradient(135deg, rgba(191, 182, 156, 0.16), rgba(30, 30, 29, 0.08)),
#171716;
border-bottom: 1px solid #4b4638;
height: 190px;
position: relative;
}

.hf-uniform-card-era {
background: rgba(23, 23, 22, 0.88);
border: 1px solid rgba(191, 182, 156, 0.45);
border-top: none;
border-left: none;
border-radius: 0 0 6px 0;
color: #e0ba3a;
font-size: 10px;
font-weight: 700;
left: 0;
letter-spacing: .06em;
line-height: 1;
padding: 5px 8px;
pointer-events: none;
position: absolute;
text-transform: uppercase;
top: 0;
z-index: 2;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image p,
.hf-class-info + .hf-card-grid .hf-uniform-card-image a,
.hf-class-info + .hf-card-grid .hf-uniform-card-image span,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image p,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image a,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image span {
line-height: 1.25 !important;
white-space: normal !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image p,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image p {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
margin: 0;
padding: 0;
width: 100%;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image a.new,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image a.new {
align-items: center;
box-sizing: border-box;
color: #e0ba3a !important;
display: flex !important;
font-size: 11px;
font-weight: 700;
height: 100%;
justify-content: center;
line-height: 1.25 !important;
min-width: 0;
overflow-wrap: anywhere !important;
padding: 12px;
text-align: center;
text-decoration: none;
white-space: normal !important;
width: 100%;
word-break: break-word;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image a.new:hover,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image a.new:hover {
background: rgba(224, 186, 58, 0.08);
color: #fff3c4 !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image img,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image img {
object-fit: contain;
padding: 8px;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-label,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-label {
color: #f4efe1;
font-size: 13px;
font-weight: 700;
line-height: 17px;
overflow-wrap: break-word;
padding: 10px 10px 4px;
white-space: normal;
word-break: break-word;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-requirement,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-requirement {
color: #d9c78c;
font-size: 11px;
font-weight: 700;
letter-spacing: .02em;
line-height: 14px;
overflow-wrap: break-word;
padding: 0 10px 10px;
white-space: normal;
word-break: break-word;
}

/* ===== Artillery Page ===== */
.hf-artillery-page .hf-relpage-section {
border-left-color: #8f2f1f;
}

.hf-artillery-page .hf-relpage-section-body > p:first-child,
.hf-artillery-page .hf-relpage-section-body > ul:first-child {
margin-top: 0;
}

.hf-artillery-page .hf-relpage-section-body b,
.hf-artillery-page .hf-relpage-section-body strong {
color: #8f2f1f;
}

.hf-artillery-page .hf-relpage-section-body > p:has(b),
.hf-artillery-page .hf-relpage-section-body > p:has(strong) {
background: linear-gradient(90deg, rgba(143, 47, 31, 0.12), rgba(201, 162, 39, 0.06));
border-left: 4px solid #8f2f1f;
color: #1e1e1d;
font-size: 15px;
font-weight: 700;
margin: 14px 0 8px;
padding: 8px 10px;
}

.hf-artillery-page .hf-relpage-section-body ul {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
margin: 12px 0;
padding: 10px 12px 10px 28px;
}

.hf-artillery-page .hf-relpage-section-body li {
margin: 5px 0;
}

.hf-artillery-page .wikitable {
border: 1px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin: 14px 0;
width: 100%;
}

.hf-artillery-page .wikitable th {
background: #2f2d2b !important;
color: #e0ba3a !important;
font-weight: 700;
}

.hf-artillery-page .wikitable td {
background: #f7f4ec;
border-color: #d5d0c8;
}

.hf-artillery-page .hf-class-info {
background:
linear-gradient(135deg, rgba(47, 45, 43, 0.98) 0%, rgba(70, 70, 62, 0.96) 58%, rgba(143, 47, 31, 0.94) 100%);
border-left-color: #8f2f1f;
}

.hf-artillery-page .hf-class-info:after {
background: radial-gradient(circle at center, rgba(201, 162, 39, 0.24), rgba(143, 47, 31, 0));
}

.hf-artillery-page .hf-class-info-badge.hf-badge-ability {
background: rgba(143, 47, 31, 0.26);
border-color: rgba(224, 186, 58, 0.62);
}

.hf-artillery-page .hf-card-grid .hf-uniform-card {
border-top-color: #8f2f1f;
}

.hf-artillery-page .hf-card-grid .hf-uniform-card:hover {
border-top-color: #e0ba3a;
}

/* ===== Naval Combat Page ===== */
.hf-naval-page .hf-relpage-section {
border-left-color: #1f5d8f;
}

.hf-naval-page .hf-relpage-section-body > p:first-child,
.hf-naval-page .hf-relpage-section-body > ul:first-child,
.hf-naval-page .hf-relpage-section-body > ol:first-child {
margin-top: 0;
}

.hf-naval-page .hf-relpage-section-body b,
.hf-naval-page .hf-relpage-section-body strong {
color: #1f5d8f;
}

.hf-naval-page .hf-relpage-section-body > p:has(b),
.hf-naval-page .hf-relpage-section-body > p:has(strong) {
background: linear-gradient(90deg, rgba(31, 93, 143, 0.12), rgba(201, 162, 39, 0.06));
border-left: 4px solid #1f5d8f;
color: #1e1e1d;
font-size: 15px;
font-weight: 700;
margin: 14px 0 8px;
padding: 8px 10px;
}

.hf-naval-page .hf-relpage-section-body ul,
.hf-naval-page .hf-relpage-section-body ol {
background: #f7f4ec;
border: 1px solid #d5d0c8;
border-left: 4px solid #c9a227;
margin: 12px 0;
padding: 10px 12px 10px 30px;
}

.hf-naval-page .hf-relpage-section-body li {
margin: 5px 0;
}

.hf-naval-page .wikitable {
border: 1px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin: 14px 0;
width: 100%;
}

.hf-naval-page .wikitable th {
background: #2f2d2b !important;
color: #e0ba3a !important;
font-weight: 700;
}

.hf-naval-page .wikitable td {
background: #f7f4ec;
border-color: #d5d0c8;
}

.hf-naval-page .wikitable tr:hover td {
background: #fff8dc;
}

.hf-naval-page .hf-ship-section .hf-relpage-section-body {
min-height: 150px;
}

.hf-naval-page .hf-ship-image-card {
align-items: center;
background:
radial-gradient(circle at center, rgba(31, 93, 143, 0.38), rgba(30, 30, 29, 0.96) 64%),
#1e1e1d;
border: 1px solid #4b4638;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22);
box-sizing: border-box;
display: flex;
float: right;
height: 118px;
justify-content: center;
margin: -42px 0 12px 18px;
overflow: hidden;
padding: 12px;
width: 170px;
}

.hf-naval-page .hf-ship-image-card a,
.hf-naval-page .hf-ship-image-card .mw-file-description {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
}

.hf-naval-page .hf-ship-image-card img,
.hf-naval-page .hf-ship-image-card img.mw-file-element {
height: 94px !important;
max-height: 94px !important;
max-width: 145px !important;
object-fit: contain;
width: auto !important;
}

/* ===== Weapons Page ===== */
.hf-weapons-page .hf-weapons-hero {
background: linear-gradient(135deg, #1e1e1d 0%, #2f2d2b 58%, #886d00 100%);
border: 1px solid #bfb69c;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
color: #ffffff;
margin: 14px 0 20px;
overflow: hidden;
padding: 22px;
position: relative;
}

.hf-weapons-page .hf-weapons-hero:after {
background: radial-gradient(circle at center, rgba(224, 186, 58, 0.22), rgba(224, 186, 58, 0));
content: "";
height: 180px;
position: absolute;
right: -70px;
top: -70px;
width: 180px;
}

.hf-weapons-page .hf-weapons-kicker {
color: #e0ba3a;
font-size: 12px;
font-weight: 700;
letter-spacing: .1em;
margin-bottom: 8px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

.hf-weapons-page .hf-weapons-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 8px;
max-width: 760px;
position: relative;
z-index: 1;
}

.hf-weapons-page .hf-weapons-text {
color: #eeedeb;
font-size: 14px;
line-height: 21px;
max-width: 820px;
position: relative;
z-index: 1;
}

.hf-weapons-page .hf-weapons-text code {
background: rgba(30, 30, 29, 0.72);
color: #e0ba3a;
padding: 2px 6px;
}

.hf-weapons-page .hf-card-grid {
display: grid;
gap: 14px;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
margin: 18px 0 6px;
}

.hf-weapons-page .hf-card-grid .hf-uniform-card {
background: linear-gradient(180deg, #2f2d2b 0%, #1e1e1d 100%);
border: 1px solid #4b4638;
border-top: 3px solid #bfb69c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
display: flex;
flex-direction: column;
margin: 0;
min-height: 246px;
overflow: hidden;
position: relative;
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
width: auto;
}

.hf-weapons-page .hf-card-grid .hf-uniform-card:hover {
border-top-color: #e0ba3a;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
transform: translateY(-2px);
}

.hf-weapons-page .hf-uniform-card-image {
background:
linear-gradient(135deg, rgba(191, 182, 156, 0.16), rgba(30, 30, 29, 0.08)),
#171716;
border-bottom: 1px solid #4b4638;
height: 136px;
}

.hf-weapons-page .hf-uniform-card-image:empty:before {
color: #bfb69c;
content: "Image pending";
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
line-height: 136px;
text-align: center;
text-transform: uppercase;
width: 100%;
}

.hf-weapons-page .hf-uniform-card-image p {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
line-height: 1.25 !important;
margin: 0;
padding: 0;
width: 100%;
}

.hf-weapons-page .hf-uniform-card-image a,
.hf-weapons-page .hf-uniform-card-image span {
line-height: 1.25 !important;
white-space: normal !important;
}

.hf-weapons-page .hf-uniform-card-image a.new {
align-items: center;
box-sizing: border-box;
color: #e0ba3a !important;
display: flex !important;
font-size: 11px;
font-weight: 700;
flex-wrap: wrap;
height: 100%;
justify-content: center;
letter-spacing: .02em;
line-height: 1.25 !important;
min-width: 0;
overflow-wrap: anywhere !important;
padding: 12px;
text-align: center;
text-decoration: none;
white-space: normal;
word-break: break-word;
width: 100%;
}

.hf-weapons-page .hf-uniform-card-image a.new:hover {
background: rgba(224, 186, 58, 0.08);
color: #fff3c4 !important;
}

.hf-weapons-page .hf-uniform-card-image img {
filter: saturate(1.05) contrast(1.02);
object-fit: contain;
padding: 8px;
}

.hf-weapons-page .hf-uniform-card-label {
align-content: start;
display: grid;
flex: 1;
gap: 8px;
padding: 10px 10px 4px;
text-align: left;
}

.hf-weapons-page .hf-uniform-card-requirement {
background: rgba(191, 182, 156, 0.14);
border: 1px solid #4b4638;
color: #d7cfba;
font-size: 11px;
font-weight: 700;
line-height: 15px;
margin: 0 10px 10px;
padding: 3px 6px;
width: fit-content;
}

.hf-weapons-page .hf-weapon-label {
color: #f4efe1;
display: block;
font-size: 13px;
font-weight: 700;
line-height: 17px;
}

.hf-weapons-page .hf-weapon-added,
.hf-weapons-page .hf-weapon-dlc {
border: 1px solid #4b4638;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 15px;
padding: 3px 6px;
width: fit-content;
}

.hf-weapons-page .hf-weapon-added {
background: rgba(201, 162, 39, 0.18);
color: #e0ba3a;
}

.hf-weapons-page .hf-weapon-dlc {
background: rgba(191, 182, 156, 0.14);
color: #d7cfba;
}

.hf-weapons-page .hf-weapon-enum {
background: #171716;
border: 1px solid #4b4638;
color: #e0ba3a;
display: none;
font-size: 10px;
line-height: 14px;
overflow-wrap: anywhere;
padding: 5px 6px;
white-space: normal;
}

/* ===== Orders / Traits & Abilities Pages ===== */
.hf-orders-page .hf-relpage-section,
.hf-traits-abilities-page .hf-relpage-section {
border-left-color: #c9a227;
}

.hf-orders-page .hf-relpage-section-body > p:first-child,
.hf-traits-abilities-page .hf-relpage-section-body > p:first-child {
background:
linear-gradient(135deg, rgba(47, 45, 43, 0.96), rgba(70, 70, 62, 0.92)),
linear-gradient(90deg, rgba(224, 186, 58, 0.14), rgba(224, 186, 58, 0));
border: 1px solid rgba(191, 182, 156, 0.55);
border-left: 4px solid #c9a227;
color: #f4efe1;
line-height: 1.6;
margin-top: 0;
padding: 14px 16px;
}

.hf-orders-page .wikitable,
.hf-traits-abilities-page .wikitable {
background: transparent;
border: 0;
border-collapse: separate;
border-spacing: 0 10px;
margin: 14px 0 22px;
width: 100%;
}

.hf-orders-page .wikitable th,
.hf-traits-abilities-page .wikitable th {
background: linear-gradient(135deg, #2f2d2b 0%, #46463e 100%) !important;
border: 0 !important;
color: #e0ba3a !important;
font-size: 12px;
font-weight: 800;
letter-spacing: .08em;
padding: 11px 14px;
text-transform: uppercase;
}

.hf-orders-page .wikitable th:first-child,
.hf-traits-abilities-page .wikitable th:first-child {
border-radius: 8px 0 0 8px;
}

.hf-orders-page .wikitable th:last-child,
.hf-traits-abilities-page .wikitable th:last-child {
border-radius: 0 8px 8px 0;
}

.hf-orders-page .wikitable td,
.hf-traits-abilities-page .wikitable td {
background: linear-gradient(180deg, #fbf8ef 0%, #f0eadc 100%);
border-bottom: 1px solid #d5d0c8 !important;
border-top: 1px solid #d5d0c8 !important;
color: #2f2d2b;
line-height: 1.55;
padding: 13px 14px;
vertical-align: middle;
}

.hf-orders-page .wikitable td:first-child,
.hf-traits-abilities-page .wikitable td:first-child {
background:
radial-gradient(circle at center, rgba(224, 186, 58, 0.22), rgba(224, 186, 58, 0) 64%),
linear-gradient(180deg, #2f2d2b 0%, #1e1e1d 100%);
border-left: 1px solid #d5d0c8 !important;
border-radius: 10px 0 0 10px;
height: 86px;
min-width: 86px;
overflow: hidden;
position: relative;
text-align: center;
width: 86px;
}

.hf-orders-page .wikitable td:last-child,
.hf-traits-abilities-page .wikitable td:last-child {
border-radius: 0 10px 10px 0;
border-right: 1px solid #d5d0c8 !important;
}

.hf-orders-page .wikitable tr:hover td,
.hf-traits-abilities-page .wikitable tr:hover td {
background: linear-gradient(180deg, #fffaf0 0%, #f6edda 100%);
box-shadow: 0 7px 18px rgba(47, 45, 43, 0.12);
}

.hf-orders-page .wikitable tr:hover td:first-child,
.hf-traits-abilities-page .wikitable tr:hover td:first-child {
background:
radial-gradient(circle at center, rgba(224, 186, 58, 0.30), rgba(224, 186, 58, 0) 66%),
linear-gradient(180deg, #3b3832 0%, #1e1e1d 100%);
}

.hf-orders-page .wikitable img,
.hf-traits-abilities-page .wikitable img {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
height: 84px !important;
left: 50%;
object-fit: contain;
padding: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 84px !important;
z-index: 1;
}

.hf-orders-page .wikitable td:first-child img:first-of-type,
.hf-traits-abilities-page .wikitable td:first-child img:first-of-type {
height: 74px !important;
opacity: 0.96;
width: 74px !important;
z-index: 0;
}

.hf-orders-page .wikitable td:first-child img:last-of-type,
.hf-traits-abilities-page .wikitable td:first-child img:last-of-type {
height: 84px !important;
width: 84px !important;
z-index: 1;
}

.hf-orders-page .wikitable td:first-child a,
.hf-traits-abilities-page .wikitable td:first-child a {
display: inline;
height: auto;
position: static;
width: auto;
}

.hf-orders-page .wikitable td:first-child a.new,
.hf-traits-abilities-page .wikitable td:first-child a.new {
display: inline-block;
font-size: 10px;
line-height: 1.1;
overflow-wrap: anywhere;
position: relative;
z-index: 2;
}

.hf-orders-page .wikitable b,
.hf-orders-page .wikitable strong,
.hf-traits-abilities-page .wikitable b,
.hf-traits-abilities-page .wikitable strong {
color: #8f6f00;
font-weight: 800;
}

.hf-orders-page .wikitable td:nth-child(2),
.hf-traits-abilities-page .wikitable td:nth-child(2) {
color: #1e1e1d;
font-size: 15px;
font-weight: 800;
min-width: 170px;
}

.hf-orders-page .wikitable td:last-child,
.hf-traits-abilities-page .wikitable td:last-child {
font-size: 13px;
}

.hf-orders-page #captain-orders .wikitable td:first-child,
.hf-orders-page #midshipman-orders .wikitable td:first-child {
width: 96px;
}

/* ===== Shared Image Card Redesign ===== */
.hf-beginners-page .hf-card-grid,
.hf-mechanics-page .hf-card-grid,
.hf-directory-page .hf-card-grid {
gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.hf-beginners-page .hf-card,
.hf-mechanics-page .hf-card,
.hf-directory-page .hf-card {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(191, 182, 156, 0.1)),
#f2f0ea;
border: 1px solid #c9c1b2;
border-left: 4px solid #bfb69c;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
color: #1e1e1d;
display: flex;
flex-direction: column;
min-height: 260px;
overflow: hidden;
padding: 0;
position: relative;
}

.hf-beginners-page .hf-card:hover,
.hf-mechanics-page .hf-card:hover,
.hf-directory-page .hf-card:hover {
border-left-color: #c9a227;
box-shadow: 0 7px 18px rgba(0, 0, 0, 0.16);
transform: translateY(-2px);
}

.hf-beginners-page .hf-card-image,
.hf-mechanics-page .hf-card-image,
.hf-directory-page .hf-card-image {
align-items: center;
background:
radial-gradient(circle at 72% 18%, rgba(224, 186, 58, 0.25), rgba(224, 186, 58, 0) 42%),
linear-gradient(135deg, #46463e 0%, #2f2d2b 100%);
border: 1px solid rgba(30, 30, 29, 0.35);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
display: flex;
height: 160px;
justify-content: center;
margin: 10px 10px 0;
overflow: hidden;
position: relative;
width: auto;
}

.hf-beginners-page .hf-card-image:empty,
.hf-mechanics-page .hf-card-image:empty,
.hf-directory-page .hf-card-image:empty {
display: none;
}

.hf-beginners-page .hf-card-image:empty + .hf-card-body,
.hf-mechanics-page .hf-card-image:empty + .hf-card-body,
.hf-directory-page .hf-card-image:empty + .hf-card-body {
padding-top: 14px;
}

.hf-beginners-page .hf-card-image p,
.hf-beginners-page .hf-card-image a,
.hf-beginners-page .hf-card-image .mw-file-description,
.hf-mechanics-page .hf-card-image p,
.hf-mechanics-page .hf-card-image a,
.hf-mechanics-page .hf-card-image .mw-file-description,
.hf-directory-page .hf-card-image p,
.hf-directory-page .hf-card-image a,
.hf-directory-page .hf-card-image .mw-file-description {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
line-height: 0;
margin: 0;
width: 100%;
}

.hf-beginners-page .hf-card-image img,
.hf-mechanics-page .hf-card-image img,
.hf-directory-page .hf-card-image img {
display: block;
height: 100% !important;
max-height: none;
max-width: none;
object-fit: contain;
object-position: center;
padding: 8px;
width: 100% !important;
}

.hf-beginners-page .hf-card-body,
.hf-mechanics-page .hf-card-body,
.hf-directory-page .hf-card-body {
padding: 13px 14px 15px;
}

.hf-beginners-page .hf-card-title,
.hf-mechanics-page .hf-card-title,
.hf-directory-page .hf-card-title {
border-bottom: 1px solid rgba(191, 182, 156, 0.9);
font-size: 17px;
font-weight: 800;
line-height: 22px;
margin: 0 0 8px;
padding-bottom: 7px;
}

.hf-beginners-page .hf-card-desc,
.hf-mechanics-page .hf-card-desc,
.hf-directory-page .hf-card-desc {
color: #3a3935;
font-size: 13px;
line-height: 19px;
}

.hf-class-info + .hf-card-grid,
.hf-class-info ~ .hf-card-grid {
gap: 16px;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.hf-class-info + .hf-card-grid .hf-uniform-card,
.hf-class-info ~ .hf-card-grid .hf-uniform-card {
background:
linear-gradient(180deg, #34322f 0%, #1e1e1d 100%);
border: 1px solid #5b5444;
border-top: 4px solid #bfb69c;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2);
min-height: 316px;
overflow: hidden;
}

.hf-class-info + .hf-card-grid .hf-uniform-card:hover,
.hf-class-info ~ .hf-card-grid .hf-uniform-card:hover {
border-top-color: #e0ba3a;
box-shadow: 0 9px 22px rgba(0, 0, 0, 0.28);
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image {
background:
radial-gradient(circle at 70% 18%, rgba(224, 186, 58, 0.2), rgba(224, 186, 58, 0) 42%),
linear-gradient(135deg, #46463e 0%, #171716 100%);
border: 1px solid rgba(191, 182, 156, 0.22);
border-bottom-color: #5b5444;
height: 238px;
margin: 0;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-figure img,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-figure img {
height: 100% !important;
object-fit: contain;
padding: 10px;
width: 100% !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-caption,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-caption {
align-items: flex-start;
display: flex;
gap: 9px;
padding: 12px 12px;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-crest,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-crest {
flex: 0 0 52px;
line-height: 0;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-crest img,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-crest img {
display: block;
height: auto !important;
max-height: 72px;
object-fit: contain;
width: 52px !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-text,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-text {
min-width: 0;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-label,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-label {
color: #fff4d6;
font-size: 14px;
line-height: 18px;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-requirement,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-requirement {
margin-top: 4px;
padding: 0;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-bg,
.hf-class-info + .hf-card-grid .hf-uniform-card-figure,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-bg,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-figure {
align-items: center;
display: flex;
inset: 0;
justify-content: center;
position: absolute;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image:has(.hf-uniform-card-bg),
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image:has(.hf-uniform-card-bg) {
background: #171716;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image:has(.hf-uniform-card-bg)::before,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image:has(.hf-uniform-card-bg)::before {
background:
linear-gradient(90deg, rgba(255, 238, 184, 0.14) 0%, rgba(201, 162, 39, 0.07) 30%, rgba(23, 23, 22, 0) 62%);
content: "";
inset: 0;
pointer-events: none;
position: absolute;
z-index: 0;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-bg,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-bg {
filter: brightness(2.05) saturate(1.18) contrast(1.02);
opacity: 1;
z-index: 1;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-figure,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-figure {
z-index: 2;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-bg p,
.hf-class-info + .hf-card-grid .hf-uniform-card-figure p,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-bg p,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-figure p {
height: 100%;
width: 100%;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-bg img,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-bg img {
height: 100% !important;
object-fit: cover;
object-position: left center;
padding: 0;
width: 100% !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-bg-missing,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-bg-missing {
bottom: 8px;
position: absolute;
right: 8px;
z-index: 3;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image .hf-uniform-card-bg-missing a,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image .hf-uniform-card-bg-missing a {
background: rgba(23, 23, 22, 0.88);
border: 1px solid rgba(224, 186, 58, 0.68);
border-radius: 4px;
color: #e0ba3a !important;
display: inline-block !important;
font-size: 10px;
font-weight: 800;
height: auto !important;
letter-spacing: .05em;
line-height: 1;
padding: 6px 8px;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
width: auto !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-image .hf-uniform-card-bg-missing a:hover,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-image .hf-uniform-card-bg-missing a:hover {
background: rgba(224, 186, 58, 0.14);
color: #fff3c4 !important;
}

.hf-class-info + .hf-card-grid .hf-uniform-card-figure img,
.hf-class-info ~ .hf-card-grid .hf-uniform-card-figure img {
filter: brightness(1.06) saturate(1.14) contrast(1.1);
height: 100% !important;
object-fit: contain;
padding: 10px;
width: 100% !important;
}

/* ===== Modding Guide Pages (Script Modding Guide (WIP), Uniform Modding, Map Making Guide) ===== */
.mw-parser-output .hf-modding-page .hf-sm-hero,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-hero,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-hero,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-hero {
background:
radial-gradient(circle at top left, rgba(224, 186, 58, 0.18), transparent 34%),
linear-gradient(135deg, rgba(47, 45, 43, 0.98), rgba(30, 30, 29, 0.95));
border: 1px solid rgba(191, 182, 156, 0.55);
border-left: 5px solid #c9a227;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
color: #f4efe1;
margin: 0 0 18px;
padding: 18px 20px;
}

.mw-parser-output .hf-modding-page .hf-sm-kicker,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-kicker,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-kicker,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-kicker {
color: #e0ba3a;
font-size: 11px;
font-weight: 800;
letter-spacing: .12em;
margin-bottom: 6px;
text-transform: uppercase;
}

.mw-parser-output .hf-modding-page .hf-sm-title,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-title,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-title,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-title {
font-size: 22px;
font-weight: 800;
line-height: 28px;
max-width: 880px;
}

.mw-parser-output .hf-modding-page .hf-sm-note-text,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-note-text,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-note-text,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-note-text {
color: #d7cfba;
font-size: 13px;
line-height: 19px;
margin-top: 8px;
max-width: 900px;
}

.mw-parser-output .hf-modding-page .hf-sm-hero a,
.mw-parser-output .hf-modding-page .hf-sm-hero a:visited,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-hero a,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-hero a:visited,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-hero a,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-hero a:visited,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-hero a,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-hero a:visited {
color: #e0ba3a !important;
}

.mw-parser-output .hf-modding-page .hf-sm-hero a:hover,
.mw-parser-output .hf-modding-page .hf-sm-hero a:focus,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-hero a:hover,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-hero a:focus,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-hero a:hover,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-hero a:focus,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-hero a:hover,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-hero a:focus {
color: #fff3c4 !important;
}

.mw-parser-output .hf-modding-page .hf-sm-facts,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-facts,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-facts,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-facts {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
margin-top: 14px;
}

.mw-parser-output .hf-modding-page .hf-sm-fact,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-fact,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-fact,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-fact {
background: rgba(0, 0, 0, 0.28);
border: 1px solid rgba(191, 182, 156, 0.35);
border-left: 3px solid #c9a227;
color: #f4efe1;
font-size: 13px;
font-weight: 700;
line-height: 18px;
padding: 9px 12px;
}

.mw-parser-output .hf-modding-page .hf-sm-fact span,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-fact span,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-fact span,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-fact span {
color: #e0ba3a;
display: block;
font-size: 10px;
font-weight: 800;
letter-spacing: .1em;
margin-bottom: 3px;
text-transform: uppercase;
}

.mw-parser-output .hf-modding-page .hf-sm-fact a,
.mw-parser-output .hf-modding-page .hf-sm-fact a:visited,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-fact a,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-fact a:visited,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-fact a,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-fact a:visited,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-fact a,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-fact a:visited {
color: #e0ba3a !important;
}

.mw-parser-output .hf-modding-page .hf-sm-fact a:hover,
.mw-parser-output .hf-modding-page .hf-sm-fact a:focus,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-fact a:hover,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-fact a:focus,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-fact a:hover,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-fact a:focus,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-fact a:hover,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-fact a:focus {
color: #fff3c4 !important;
}

/* Callout boxes */
.mw-parser-output .hf-modding-page .hf-sm-callout,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-callout,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-callout,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-callout {
background: rgba(201, 162, 39, 0.09);
border: 1px solid rgba(191, 182, 156, 0.55);
border-left: 4px solid #c9a227;
color: #3a352f;
font-size: 13px;
line-height: 1.5;
margin: 14px 0;
padding: 11px 14px;
}

.mw-parser-output .hf-modding-page .hf-sm-info,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-info,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-info,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-info {
background: rgba(84, 110, 140, 0.10);
border-left-color: #546e8c;
}

.mw-parser-output .hf-modding-page .hf-sm-tip,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-tip,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-tip,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-tip {
background: rgba(88, 129, 87, 0.12);
border-left-color: #588157;
}

.mw-parser-output .hf-modding-page .hf-sm-warn,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-warn,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-warn,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-warn {
background: rgba(201, 162, 39, 0.13);
border-left-color: #c9a227;
}

.mw-parser-output .hf-modding-page .hf-sm-danger,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-danger,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-danger,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-danger {
background: rgba(156, 60, 47, 0.10);
border-left-color: #9c3c2f;
}

.mw-parser-output .hf-modding-page .hf-sm-verify,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-verify,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-verify,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-verify {
background: rgba(108, 84, 140, 0.10);
border-left-color: #6c548c;
}

/* Inline status badges */
.mw-parser-output .hf-modding-page .hf-sm-badge,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-badge,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-badge,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-badge {
border-radius: 3px;
display: inline-block;
font-size: 10px;
font-weight: 800;
letter-spacing: .08em;
line-height: 14px;
padding: 2px 7px;
text-transform: uppercase;
vertical-align: 2px;
white-space: nowrap;
}

.mw-parser-output .hf-modding-page .hf-sm-badge-verify,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-badge-verify,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-badge-verify,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-badge-verify {
background: rgba(108, 84, 140, 0.16);
border: 1px solid #6c548c;
color: #58447a;
}

.mw-parser-output .hf-modding-page .hf-sm-badge-deprecated,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-badge-deprecated,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-badge-deprecated,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-badge-deprecated {
background: rgba(156, 60, 47, 0.14);
border: 1px solid #9c3c2f;
color: #8a3327;
}

.mw-parser-output .hf-modding-page .hf-sm-badge-server,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-badge-server,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-badge-server,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-badge-server {
background: rgba(84, 110, 140, 0.16);
border: 1px solid #546e8c;
color: #43586f;
}

/* Dark code blocks */
.mw-parser-output .hf-modding-page .hf-relpage-section-body pre,
.mw-parser-output .hf-modding-page .hf-relpage-section-body .hf-code,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body pre,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body .hf-code,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body pre,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body pre,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code {
background: #1c1a18 !important;
color: #e5e7eb !important;
padding: .8em 1em;
border-radius: .6em;
overflow: auto;
line-height: 1.45;
font-size: .9em;
border: 1px solid #3d3632;
border-left: 4px solid #c9a227;
margin: 0.8em 0;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body pre a,
.mw-parser-output .hf-modding-page .hf-relpage-section-body pre a:visited,
.mw-parser-output .hf-modding-page .hf-relpage-section-body .hf-code a,
.mw-parser-output .hf-modding-page .hf-relpage-section-body .hf-code a:visited,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body pre a,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body pre a:visited,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body .hf-code a,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body .hf-code a:visited,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body pre a,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body pre a:visited,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a:visited,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body pre a,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body pre a:visited,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a:visited {
color: #e0ba3a !important;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body pre a:hover,
.mw-parser-output .hf-modding-page .hf-relpage-section-body pre a:focus,
.mw-parser-output .hf-modding-page .hf-relpage-section-body .hf-code a:hover,
.mw-parser-output .hf-modding-page .hf-relpage-section-body .hf-code a:focus,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body pre a:hover,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body pre a:focus,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body .hf-code a:hover,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body .hf-code a:focus,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body pre a:hover,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body pre a:focus,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a:hover,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a:focus,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body pre a:hover,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body pre a:focus,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a:hover,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body .hf-code a:focus {
color: #fff3c4 !important;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body code,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body code,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body code,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body code {
background: #2d2926 !important;
color: #e2c275 !important;
padding: 2px 6px;
border-radius: 4px;
font-size: .88em;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body code a,
.mw-parser-output .hf-modding-page .hf-relpage-section-body code a:visited,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body code a,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body code a:visited,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body code a,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body code a:visited,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body code a,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body code a:visited {
color: #e0ba3a !important;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body code a:hover,
.mw-parser-output .hf-modding-page .hf-relpage-section-body code a:focus,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body code a:hover,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body code a:focus,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body code a:hover,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body code a:focus,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body code a:hover,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body code a:focus {
color: #fff3c4 !important;
}

.mw-parser-output .hf-modding-page .hf-sm-callout code,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-sm-callout code,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-sm-callout code,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-sm-callout code {
background: rgba(30, 30, 29, 0.85) !important;
}

/* Section body rhythm */
.mw-parser-output .hf-modding-page .hf-relpage-section-body h3,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body h3,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body h3,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body h3 {
border-bottom: 1px solid rgba(191, 182, 156, 0.6);
color: #1e1e1d;
font-size: 17px;
margin: 20px 0 8px;
padding-bottom: 4px;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body h4,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body h4,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body h4,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body h4 {
color: #886d00;
font-size: 14px;
margin: 16px 0 6px;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body ul,
.mw-parser-output .hf-modding-page .hf-relpage-section-body ol,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body ul,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body ol,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body ul,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body ol,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body ul,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body ol {
margin: 8px 0 12px 1.4em;
}

.mw-parser-output .hf-modding-page .hf-relpage-section-body li,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .hf-relpage-section-body li,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .hf-relpage-section-body li,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .hf-relpage-section-body li {
margin-bottom: 5px;
line-height: 1.5;
}

/* Tables (troubleshooting, scene objects, version history) */
.mw-parser-output .hf-modding-page .wikitable,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable {
border: 1px solid #bfb69c;
border-collapse: collapse;
margin: 12px 0 18px;
width: 100%;
}

.mw-parser-output .hf-modding-page .wikitable th,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable th,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable th,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable th {
background: linear-gradient(90deg, rgba(30, 30, 29, 0.96), rgba(47, 45, 43, 0.94));
border: 1px solid #3d3632;
color: #f4efe1;
font-size: 13px;
padding: 8px 10px;
text-align: left;
}

.mw-parser-output .hf-modding-page .wikitable th a,
.mw-parser-output .hf-modding-page .wikitable th a:visited,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable th a,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable th a:visited,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable th a,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable th a:visited,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable th a,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable th a:visited {
color: #e0ba3a !important;
}

.mw-parser-output .hf-modding-page .wikitable th a:hover,
.mw-parser-output .hf-modding-page .wikitable th a:focus,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable th a:hover,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable th a:focus,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable th a:hover,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable th a:focus,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable th a:hover,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable th a:focus {
color: #fff3c4 !important;
}

.mw-parser-output .hf-modding-page .wikitable td,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable td,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable td,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable td {
background: rgba(242, 240, 234, 0.7);
border: 1px solid #d5d0c8;
font-size: 13px;
line-height: 1.45;
padding: 7px 10px;
vertical-align: top;
}

.mw-parser-output .hf-modding-page .wikitable tr:nth-child(even) td,
body.skin-holdfast[class*="Uniform_Modding"] .mw-parser-output .wikitable tr:nth-child(even) td,
body.skin-holdfast[class*="Script_Modding_Guide"] .mw-parser-output .wikitable tr:nth-child(even) td,
body.skin-holdfast[class*="Map_Making_Guide"] .mw-parser-output .wikitable tr:nth-child(even) td {
background: rgba(238, 237, 235, 0.95);
}

/* ===== Regiment Roster Page ===== */
.hf-regiment-roster-page .hf-relpage-section {
border-left-color: #886d00;
}

.hf-roster-filters {
border-top: 1px solid rgba(191, 182, 156, 0.55);
margin-top: 14px;
padding-top: 12px;
}

.hf-filter-title {
color: #e0ba3a;
font-size: 11px;
font-weight: 800;
letter-spacing: .08em;
margin-bottom: 8px;
text-transform: uppercase;
}

.hf-filter-group {
margin: 0 0 12px;
}

.hf-filter-label {
color: #d7cfba;
font-size: 11px;
font-weight: 700;
margin-bottom: 6px;
text-transform: uppercase;
}

.hf-filter-options {
display: flex;
flex-wrap: wrap;
gap: 6px;
}

.hf-filter-btn,
.hf-filter-reset,
.hf-rentry-add-btn,
.hf-rentry-edit-btn,
.hf-rentry-delete-btn {
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: 800;
line-height: 1;
text-decoration: none;
}

.hf-filter-btn,
.hf-filter-reset,
.hf-rentry-add-btn {
background: rgba(242, 240, 234, 0.08);
border: 1px solid rgba(191, 182, 156, 0.38);
color: #1e1e1d;
margin: 0 6px 6px 0;
padding: 7px 9px;
}

.hf-filter-btn:hover,
.hf-filter-btn.active,
.hf-filter-reset:hover,
.hf-rentry-add-btn:hover {
background: rgba(224, 186, 58, 0.18);
border-color: #c9a227;
color: #1e1e1d;
}

.hf-roster-table-header,
.hf-rentry-row {
align-items: stretch;
display: grid;
grid-template-columns: minmax(52px, .55fr) minmax(132px, 1.45fr) minmax(68px, .65fr) repeat(5, minmax(82px, .9fr)) repeat(2, minmax(58px, .58fr)) minmax(54px, .5fr);
}

.hf-regiment-roster-page .hf-relpage-content {
overflow-x: auto;
}

.hf-roster-table-header {
background: linear-gradient(90deg, rgba(30, 30, 29, 0.96), rgba(47, 45, 43, 0.94));
border: 1px solid #3d3632;
color: #e0ba3a;
font-size: 9px;
font-weight: 800;
letter-spacing: .01em;
margin: 0 0 10px;
min-width: 1120px;
text-transform: uppercase;
}

.hf-roster-table-header .hf-rentry-col,
.hf-roster-table-header a,
.hf-roster-table-header a:visited,
.hf-roster-table-header a:hover,
.hf-roster-table-header a:focus {
color: #e0ba3a !important;
}

.hf-roster-list {
display: grid;
gap: 7px;
}

.hf-rentry-row {
background: rgba(242, 240, 234, 0.88);
border: 1px solid #d5d0c8;
border-left: 4px solid #bfb69c;
color: #1e1e1d;
font-size: 10.5px;
line-height: 1.25;
min-width: 1120px;
}

.hf-rentry-row:hover {
border-left-color: #c9a227;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.hf-rentry-col {
border-right: 1px solid rgba(191, 182, 156, 0.48);
overflow-wrap: anywhere;
padding: 6px 6px;
}

.hf-rentry-col:last-child {
border-right: 0;
}

.hf-rentry-col-name {
font-weight: 800;
}

.hf-rentry-name-link {
color: #6f5600;
}

.hf-rentry-badge {
border-radius: 999px;
display: inline-block;
font-size: 9px;
font-weight: 800;
letter-spacing: .03em;
padding: 3px 6px;
text-transform: uppercase;
white-space: nowrap;
}

.hf-rentry-badge-Active {
background: rgba(88, 129, 87, 0.16);
border: 1px solid #588157;
color: #355d34;
}

.hf-rentry-badge-Inactive,
.hf-rentry-badge-Unknown {
background: rgba(136, 109, 0, 0.14);
border: 1px solid #886d00;
color: #6f5600;
}

.hf-rentry-badge-Disbanded {
background: rgba(156, 60, 47, 0.12);
border: 1px solid #9c3c2f;
color: #8a3327;
}

.hf-rentry-col-actions {
white-space: nowrap;
}

.hf-rentry-edit-btn {
color: #6f5600;
margin-right: 5px;
}

.hf-rentry-delete-btn {
color: #8a3327;
}

.hf-inline-trait-icon {
display: inline-block;
position: relative;
width: 32px;
height: 32px;
vertical-align: middle;
}

.hf-inline-trait-icon .hf-inline-trait-container,
.hf-inline-trait-icon .hf-inline-trait-symbol {
position: absolute;
left: 50%;
top: 50%;
margin: 0;
transform: translate(-50%, -50%);
}

.hf-inline-trait-icon .hf-inline-trait-container {
width: 32px;
height: 32px;
}

.hf-inline-trait-icon .hf-inline-trait-symbol {
width: 18px;
height: 18px;
}