<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://wiki.sinfar.net/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=TorturedCats</id>
	<title>Sinfar - User contributions [en]</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.sinfar.net/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=TorturedCats"/>
	<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php/Special:Contributions/TorturedCats"/>
	<updated>2026-11-02T02:49:56Z</updated>
	<subtitle>User contributions</subtitle>
	<generator>MediaWiki 1.40.1</generator>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Chat_Commands&amp;diff=1397</id>
		<title>Chat Commands</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Chat_Commands&amp;diff=1397"/>
		<updated>2026-10-29T03:47:36Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Apply approved Class Changes design: native headings, topic navigation and responsive command tables; preserve commands and guidance.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-family sf-resource-page&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-family-path&amp;quot;&amp;gt;[[Main Page|Main Page]] · [[Player Guidance Directory]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Player resources · Command reference&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Chat Commands&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Shortcut commands for dice rolls, teleport tools, player utilities, menus, emotes, and pets.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Chat commands are shortcuts for some of Sinfar’s many tools. Most commands are not the only way to access a feature; many can also be reached through menus or system pages.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Find a command ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#How_to_Use_Chat_Commands|How to use commands]] [[#Dice_Rolls|Dice Rolls]] [[#Teleport_Tools|Teleport Tools]] [[#Player_Tools|Player Tools]] [[#Menus_and_Appearance|Menus &amp;amp; Appearance]] [[#Pets|Pets]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== How to Use Chat Commands ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-choice-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;To use a chat command, make your character speak the command in chat. Chat commands usually begin with an exclamation point:&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;code class=&amp;quot;sf-code&amp;quot;&amp;gt;!COMMAND&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The full command format is:&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;code class=&amp;quot;sf-code&amp;quot;&amp;gt;!&amp;amp;lt;COMMAND NAME&amp;amp;gt;[:PARAM[ PARAM2]...][,COMMAND2]...&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;This syntax may look strange, but it is similar to command-line argument formats.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Syntax Rules ===&lt;br /&gt;
&lt;br /&gt;
# Command names are not case-sensitive.&lt;br /&gt;
# Spaces are ignored in the command name, but not in parameters.&lt;br /&gt;
# A colon &amp;lt;code&amp;gt;:&amp;lt;/code&amp;gt; ends the command name and begins parameters.&lt;br /&gt;
# A comma &amp;lt;code&amp;gt;,&amp;lt;/code&amp;gt; ends a command and begins another command, if chaining is allowed.&lt;br /&gt;
# Multiple parameters are separated by spaces.&lt;br /&gt;
# Some commands cannot be chained.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Examples ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-code&amp;quot;&amp;gt;!D2&amp;lt;br&amp;gt;&lt;br /&gt;
!d2&amp;lt;br&amp;gt;&lt;br /&gt;
!d 2 : 3&amp;lt;br&amp;gt;&lt;br /&gt;
!MYCOMMAND:yes no my_name, ANOTHER COMMAND: this command takes everything that remains as parameter&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Dice Rolls ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-reference-note&amp;quot;&amp;gt;Dice, ability checks, and saving throws.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-choice-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Basic Dice ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Command&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Effect&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!D2&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Rolls a d2.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!D4&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Rolls a d4.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!D6&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Rolls a d6.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!D8&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Rolls a d8.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!D10&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Rolls a d10.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!D12&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Rolls a d12.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!D20&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Rolls a d20.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!D100&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Rolls a d100 / percentage die.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Ability Checks ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Command&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Effect&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!ROLLSTR&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Strength check.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!ROLLDEX&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Dexterity check.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!ROLLCON&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Constitution check.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!ROLLINT&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Intelligence check.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!ROLLWIS&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Wisdom check.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!ROLLCHA&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Charisma check.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Saving Throws ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Command&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Effect&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!ROLLFORT&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Fortitude save.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!ROLLREFLEX&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Reflex save.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!ROLLWILL&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Will save.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;Multiple dice can be rolled with &amp;lt;code&amp;gt;!D#:X&amp;lt;/code&amp;gt;, where &amp;lt;code&amp;gt;#&amp;lt;/code&amp;gt; is the die type and &amp;lt;code&amp;gt;X&amp;lt;/code&amp;gt; is the number of dice.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Teleport Tools ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-reference-note&amp;quot;&amp;gt;OOC/IC room travel and stuck recovery.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-compact-map sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Command&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Effect&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!OOC&amp;lt;/code&amp;gt; / &amp;lt;code&amp;gt;!IC&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Instantly teleport to and from the OOC room.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!STUCK&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Moves you if you are stuck.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== PC General Tools &amp;lt;span id=&amp;quot;Player_Tools&amp;quot;&amp;gt;&amp;lt;/span&amp;gt; ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-reference-note&amp;quot;&amp;gt;Saving, location, party, unbuff, and visibility tools.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-compact-map sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Command&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Effect&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!UNBUFF&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Removes all your spell effects.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!SAVE&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Saves your character on the server.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!WHERE AM I&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Shows your area and location.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!LISTPLAYERS&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Shows a list of all players and their locations.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!LIKE ALL&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Like everyone.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!DISLIKE ALL&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Dislike everyone.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!WHOSPY&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Lists players who can hear you speak.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;!FIXPARTY&amp;lt;/code&amp;gt; / &amp;lt;code&amp;gt;!RELOG&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Fixes your party or relogs automatically.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Menus &amp;amp; Appearance &amp;lt;span id=&amp;quot;Menus_and_Appearance&amp;quot;&amp;gt;&amp;lt;/span&amp;gt; ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-reference-note&amp;quot;&amp;gt;Helmet, AFK, wings, strip, voice, and emote menus.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Appearance ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;code&amp;gt;!HIDE HELM&amp;lt;/code&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;!SHOW HELM&amp;lt;/code&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;!SHOW WINGS&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Status ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;code&amp;gt;!AFK&amp;lt;/code&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Makes you appear AFK.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Equipment Menu ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;code&amp;gt;!M BACKEQUIP&amp;lt;/code&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Opens the back equipment conversation.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Strip Menu ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;code&amp;gt;!M STRIP&amp;lt;/code&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Opens the strip menu conversation.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Voice Chats ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;code&amp;gt;!M VOICECHATS&amp;lt;/code&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Opens the voice chat menu.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Emotes ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;code&amp;gt;!M EMOTES&amp;lt;/code&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Opens the emote menu.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Note:&amp;lt;/b&amp;gt; Menu commands are usually shortcuts into existing tool conversations. If a command does not do what you expect, check the related in-game menu first.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Pets ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Use pet chat commands to make a pet speak.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-compact-map sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Command&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Effect&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;/pet &amp;amp;lt;message&amp;amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Makes your pet say the message.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;code&amp;gt;/pet &amp;amp;lt;name&amp;amp;gt; &amp;amp;lt;message&amp;amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Makes the pet with &amp;lt;code&amp;gt;&amp;amp;lt;name&amp;amp;gt;&amp;lt;/code&amp;gt; in its name say the message.&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;The pet name parameter must not contain spaces. It only needs to match one word from the pet’s name. For example, if you have pets named &amp;lt;code&amp;gt;My Good Dog&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;My Good Cat&amp;lt;/code&amp;gt;, then &amp;lt;code&amp;gt;/pet Dog &amp;quot;Woof!&amp;quot;&amp;lt;/code&amp;gt; makes the dog speak.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[Character Customisation]] · [[Custom Emotes]] · [[Chat Channels]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
[[Category:Player Tools]]&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=PvP_Changes&amp;diff=1396</id>
		<title>PvP Changes</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=PvP_Changes&amp;diff=1396"/>
		<updated>2026-10-29T01:12:50Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Apply approved Class Changes-style layout: native PvP headings and responsive jump navigation; preserve all rules and existing links.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-family sf-resource-page&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-family-path&amp;quot;&amp;gt;[[Main Page|Main Page]] · [[Player Guidance Directory]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Character mechanics · PvP reference&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;PvP Changes&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Automatically enforced PvP rules and mechanical changes.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;This page lists PvP-related changes that are automatically enforced by the server.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Find a PvP rule ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#PVP_Settings_Full_PvP|PVP Settings (Full PvP)]] [[#Run_and_Shoot_Cast|Run and Shoot / Cast]] [[#Taunt|Taunt]] [[#Spamming_Abilities|Spamming Abilities]] [[#Counterspell|Counterspell]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== PVP Settings (Full PvP) &amp;lt;span id=&amp;quot;PVP_Settings_Full_PvP&amp;quot;&amp;gt;&amp;lt;/span&amp;gt; ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
* Instant area of effect spells hurt everbody in range except the caster.&lt;br /&gt;
* Long lasting area of effect spells hurt everybody in range of the caster.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Run and Shoot / Cast &amp;lt;span id=&amp;quot;Run_and_Shoot_Cast&amp;quot;&amp;gt;&amp;lt;/span&amp;gt; ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
It is not possible to perform a ranged attack/use an item/cast a spell immediately after running. It takes 1 second to do so.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Taunt ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
It does not get cancelled by an attack of opportunity or when your target run away. Although, you must start your taunt action over when you cancel it.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Spamming Abilities ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
For in the arena, a timer has been added to: Knockdown, Disarm, Called Shot and Stealth mode.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Counterspell ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
Has been disabled due to many buggy reasons.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[Rules]] · [[Class Changes]] · [[Feat Changes]] · [[Spell Changes]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
[[Category:Player Tools]]&lt;br /&gt;
[[Category:Gameplay Changes]]&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Racial_Changes&amp;diff=1395</id>
		<title>Racial Changes</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Racial_Changes&amp;diff=1395"/>
		<updated>2026-10-28T21:15:02Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Apply approved Class Changes design family; add native subrace headings and responsive topic navigation; preserve rules and server limits.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-family sf-resource-page&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-family-path&amp;quot;&amp;gt;[[Main Page|Main Page]] · [[Player Guidance Directory]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Character mechanics · Subrace reference&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Racial Changes&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Customize your character with subrace-specific mechanics.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#Subrace_Mechanics|Subrace mechanics]] [[#Aquatic_Subraces_(Outer_Isles_only)|Aquatic · Outer Isles]] [[#Undead_Subraces_(All_Sinfar_Servers)|Undead · All servers]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Subrace Mechanics ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
Certain subraces allow in-game mechanic changes to enhance roleplaying and gameplay. You can set your subrace in the player menu under &#039;&#039;&#039;Settings → Player List Status → Change my subrace&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
(Sinfar&#039;s subraces do not grant bonuses to abilities, skills, feats, or give any racial spell-like powers)&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Aquatic Subraces (Outer Isles only) ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
When underwater, the following subraces are &#039;&#039;&#039;immune to underwater effects&#039;&#039;&#039;, such as drowning and movement decreases:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Subraces: &amp;lt;/b&amp;gt;&lt;br /&gt;
Aquatic Elf · Lizardfolk · Marid · Merfolk · Mermaid · Merman · Morkoth · Nereid · Nixie · Sahuagin · Sea Elf · Siren · Triton · Water Genasi&lt;br /&gt;
&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Undead Subraces (All Sinfar Servers) ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
The following subraces &#039;&#039;&#039;reverse the effect of heal/harm and cure/inflict spells&#039;&#039;&#039; when set to hostile, and are &#039;&#039;&#039;healed by Negative Energy Burst&#039;s Area of Effect&#039;&#039;&#039; when in party (or by self):&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Subraces: &amp;lt;/b&amp;gt;&lt;br /&gt;
Undead · Ghast · Ghost · Ghoul · Lich · Mummy · Skeleton · Vampire · Wight · Wraith · Zombie&lt;br /&gt;
&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;&lt;br /&gt;
[[Main Page|Return to Main Page]] · [[Rules|Rules]] · [[OOC vs IC|OOC vs IC]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Class_Bonuses&amp;diff=1394</id>
		<title>Class Bonuses</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Class_Bonuses&amp;diff=1394"/>
		<updated>2026-10-28T21:14:40Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Apply approved Class Changes design family; add native headings and responsive class navigation; preserve all bonus rules.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-family sf-resource-page&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-family-path&amp;quot;&amp;gt;[[Main Page|Main Page]] · [[Player Guidance Directory]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Character mechanics · Level 40 reference&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Class Bonuses&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Level 40 bonuses for single- and dual-class characters.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Those bonuses only apply to level 40 characters that are built with 1 (single) or 2 (dual) classes.&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Choose your class ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#All_classes_that_can_cast_spells|Spellcasting classes]] [[#Arcane_Archer|Arcane Archer]] [[#Barbarian|Barbarian]] [[#Bard|Bard]] [[#Cleric|Cleric]] [[#Dwarven_Defender|Dwarven Defender]] [[#Fighter|Fighter]] [[#Monk|Monk]] [[#Paladin|Paladin]] [[#Pale_Master|Pale Master]] [[#Ranger|Ranger]] [[#Rogue|Rogue]] [[#Weapon_Master|Weapon Master]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== All classes that can cast spells ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Single:&amp;lt;/b&amp;gt; +3 DC to all spells&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; +1 DC to all spells&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Arcane Archer ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; +1 to enchant arrow feat&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Barbarian ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Single:&amp;lt;/b&amp;gt; +1 damage reduction, +2 (simulated) strength when raging&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; +1 damage reduction&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Bard ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Single:&amp;lt;/b&amp;gt; +1 to all skills, AC, damage and saves to bard song and curse song&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; +1 to skill to bard song and curse song&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Cleric ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Single:&amp;lt;/b&amp;gt; can heal/harm up to 60% of the damaged hit points (instead of 50%), up to 300 hp (instead of 250 hp)&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; can heal/harm up to 60% of the damaged hit points (insted of 50%)&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Dwarven Defender ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; +2 damage reduction&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Fighter ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Single:&amp;lt;/b&amp;gt; +6 damage with specialized weapon/s&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; +2 damage with specialized weapon/s&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Monk ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Single:&amp;lt;/b&amp;gt; +1% movement speed bonus every 5 monk levels, the base unarmed damage is 2d12 when medium sized and 3d6 when small sized&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; +1 movement speed bonus every 5 monk levels&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Paladin ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Single:&amp;lt;/b&amp;gt; +15 dispel DC (25) to weapons with Holy Avenger&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; +5 dispel DC (15) to weapons with Holy Avenger&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Pale Master ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; +1 real caster level (extra spells, extra damage, duration, spell penetration, resistance vs dispel)&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Ranger ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Single:&amp;lt;/b&amp;gt; +3 to favored enemy bonuses&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; +1 to favored enemy bonuses&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Rogue ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Single:&amp;lt;/b&amp;gt; +3d6 sneak attack damage&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; +1d6 sneak attack damage&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Weapon Master ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Dual:&amp;lt;/b&amp;gt; +1 AB&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[Class Changes]] · [[Feat Changes]] · [[Spell Changes]] · [[Racial Changes]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Feat_Changes&amp;diff=1393</id>
		<title>Feat Changes</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Feat_Changes&amp;diff=1393"/>
		<updated>2026-10-28T20:26:03Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Apply approved Class Changes reference layout, native headings and responsive navigation; preserve feat rules and tables.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-family sf-resource-page&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-family-path&amp;quot;&amp;gt;[[Main Page|Main Page]] · [[Player Guidance Directory]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Character mechanics · Feat reference&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Feat Changes&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Base feat changes, companion scaling, focus feat bonuses, polymorph rules, and related mechanical adjustments.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&lt;br /&gt;
The following list contains the changes made to base feats in the server in the effort to give players a more fair and balanced experience. In addition to these changes, a list of custom weapons are also added. These do not have feats for Weapon Focus etc., but use existing feats allowing for multiple weapons to fall within a limited category. For more information, check the page on [[Custom Weapons]].&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Choose a feat or mechanic ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#Animal_Companions_and_Familiars|Animal Companions and Familiars]] [[#Devastating_Critical|Devastating Critical]] [[#Disarm_Improved_Disarm|Disarm/Improved Disarm]] [[#Divine_Shield|Divine Shield]] [[#Divine_Shield_and_Divine_Might|Divine Shield &amp;amp; Divine Might]] [[#Divine_Grace_and_Dark_Blessing|Divine Grace &amp;amp; Dark Blessing]] [[#Dragon_Forms|Dragon Forms]] [[#Evasion_Improved_Evasion|Evasion/Improved Evasion]] [[#Spell_Focus_Feats|Spell Focus Feats]] [[#Tumble|Tumble]] [[#Polymorph_spells_and_feats|Polymorph (spells and feats)]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Animal Companions and Familiars ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&lt;br /&gt;
Animal companions and familiars will ALL receive the following, based on their cumulative level.&lt;br /&gt;
&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== At every 2 caster levels ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Armour Class +1 per 2 CL&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== At every 5 caster levels ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Attack Bonus +2 per 5 CL&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Claw Enhancement +1 / 5 CL (to a maximum of +6)&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Regeneration +1 / 5 CL (capped at +5)&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Universal Saving Throw Bonus +1 / 5 CL&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Resistance to bludgeoning, piercing and slashing damage per CL ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-compact-map&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Caster Level&amp;lt;/th&amp;gt;&lt;br /&gt;
&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Resistance&amp;lt;/th&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;1st – 10th CL&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;5/-&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;11th – 20th CL&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;10/-&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;21st – 34th CL&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;15/-&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;35th and above&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;20/-&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Devastating Critical ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
It doubles the critical hit damage on a failed fortitude save.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Disarm_Improved_Disarm&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Disarm/Improved Disarm ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
Disarm/Improved Disarm have been changed to give only +1 AB per weapon size difference.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Divine Shield ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
Instead of granting +1 AC per Charisma Modifier, it gives +2 AC per 3 Charisma Modifier.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Divine_Shield_and_Divine_Might&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Divine Shield &amp;amp; Divine Might ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
The duration is 1 turn (10 rounds), no matter the charisma modifier.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Divine_Grace_and_Dark_Blessing&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Divine Grace &amp;amp; Dark Blessing ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
The saving throw bonus is capped at 1 + 1 / 4 (Blackguard/Paladin + Champion of Torm) levels.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Dragon Forms ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
The abilities have been lowered by 2:&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;46 Strength&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;30 Constitution&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;34 Dexterity&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Evasion_Improved_Evasion&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Evasion/Improved Evasion ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
Do not work while wearing a medium or heavy armor.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Spell Focus Feats ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
In addition to the extra DC bonus, they grant the following:&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-compact-map sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Feat&amp;lt;/th&amp;gt;&lt;br /&gt;
&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Bonus&amp;lt;/th&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Spell Focus Conjuration.&amp;lt;/th&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;Duration of round-based summons, such as Greater Planar Ally or Black Blade of Disaster = doubled(x2).&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Greater Spell Focus Conjuration.&amp;lt;/th&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;Duration of round-based summons, such as Greater Planar Ally or Black Blade of Disaster = tripled(x3).&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Epic Spell Focus Conjuration.&amp;lt;/th&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;Duration of round-based summons, such as Greater Planar Ally or Black Blade of Disaster = quadrupled(x4).&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Tumble ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
A character gets 1 free AC starting at level 2 and 1 AC every 10 levels after. The +1 AC/5 ranks is changed to 1/10 ranks.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Polymorph_spells_and_feats&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Polymorph (spells and feats) ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;You keep all your items while polymorphed, except your weapon or your shield, if the shape can&#039;t hold them.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Monks can&#039;t use their abilities (speed, AC and attacks) while polymorphed.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;The HP bonus has been removed from all shapes.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;The AC bonus has been removed from all shapes.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;The original shape weapon, including the claws, are merged with your weapon, including your gloves.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Throwing weapons are currently not usable while polymorphed.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;&lt;br /&gt;
[[Main Page|Return to Main Page]] · [[Class Changes]] · [[PvP Changes]] · [[Spell Changes]] · [[Custom Weapons]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
[[Category:Player Tools]]&lt;br /&gt;
[[Category:Gameplay Changes]]&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Spell_Changes&amp;diff=1392</id>
		<title>Spell Changes</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Spell_Changes&amp;diff=1392"/>
		<updated>2026-10-28T20:25:23Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Apply approved Class Changes reference layout, native headings and responsive navigation; preserve spell rules.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-family sf-resource-page&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-family-path&amp;quot;&amp;gt;[[Main Page|Main Page]] · [[Player Guidance Directory]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Character mechanics · Spell reference&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Spell Changes&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Global spell adjustments, specific spell changes, epic spell changes, and custom spell references.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&lt;br /&gt;
On Sinfar, numerous spells have had balance changes applied to them, ranging from minor to major. There are global spell adjustments as well as adjustments to individual spells.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Find a spell or rule ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#Global_Changes|Global Changes]] [[#Spells_that_DO_NOT_stack|Spells that DO NOT stack]] [[#Spell_Breach_Targets|Spell Breach Targets]] [[#Specific_Spell_Changes|Specific Spell Changes]] [[#Epic_Spell_Changes|Epic Spell Changes]] [[#Custom_Spells|Custom Spells]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Global Changes ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Durations ===&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
The durations from Negative effects, Hold effects and Area of Effect have been capped. Area of Effect as well as Negative Effect durations are capped at 8 rounds while Hold Effects are capped at 4 rounds.&lt;br /&gt;
&lt;br /&gt;
Extend spell only increases the duration by 50%.&lt;br /&gt;
&lt;br /&gt;
Associates durations are halved.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
&amp;lt;small&amp;gt;&amp;lt;b&amp;gt;Source note:&amp;lt;/b&amp;gt; Needs confirmation.&amp;lt;/small&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Long-Lasting Areas of Effects ===&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Area of Effect spells with fixed, 8-round duration cannot be resisted with Spell Resistance, Spell Mantles or Spell Immunities.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Counterspelling ===&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Counterspelling is entirely disabled on Sinfar due to its buggy nature.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Durable AoE Spells ===&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
(Acid Fog, Storm of Vengeance, etc.)&amp;lt;small&amp;gt;&amp;lt;b&amp;gt;Source note:&amp;lt;/b&amp;gt; Full list required.&amp;lt;/small&amp;gt;&lt;br /&gt;
&lt;br /&gt;
These spells hurt everyone in the area, including the caster, depending on PvP settings.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Spells that DO NOT stack ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;The follow spells do not stack with each other&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;Death Armor · Elemental Shield · Mestil&#039;s Acid Sheath&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Camouflage · Mass Camouflage&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Spell Breach Targets ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&lt;br /&gt;
Using any kind of Spell Breach can dispel the following spells:&lt;br /&gt;
&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-choice-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
* Greater Spell Mantle&lt;br /&gt;
* Spell Mantle&lt;br /&gt;
* Lesser Spell Mantle&lt;br /&gt;
* Premonition&lt;br /&gt;
* Greater Stoneskin&lt;br /&gt;
* Globe of Invulnerability&lt;br /&gt;
* Minor Globe of Invulnerability&lt;br /&gt;
* Greater Shadow Conjuration: Minor Globe&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
* Ethreal Visage&lt;br /&gt;
* Ghostly Visage&lt;br /&gt;
* Protection from Spells&lt;br /&gt;
* Mind Blank&lt;br /&gt;
* Spell Resistance&lt;br /&gt;
* Energy Resistance&lt;br /&gt;
* Protection From Elements&lt;br /&gt;
* Resist Elements&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
* Endure Elements&lt;br /&gt;
* Undeath&#039;s Eternal Foe&lt;br /&gt;
* Shadow Shield&lt;br /&gt;
* Negative Energy Protection&lt;br /&gt;
* Elemental Shield&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Dispel Magic Spells ===&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Dispel DC continues to increase at epic levels, the same way as in pre-epic levels.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Specific Spell Changes ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;The following spell changes are listed as individual reference cards so the spell name and its rule text stay visually connected.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-reference-note&amp;quot;&amp;gt;Alphabetical by name. Jump to a letter range below, or use Contents for an individual spell.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#AC_Spells|A–F]] [[#Gate|G–L]] [[#Mestil&#039;s_Acid_Sheath|M–R]] [[#Santuary,_Greater_Sanctuary|S–Z]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== AC Spells ===&lt;br /&gt;
&lt;br /&gt;
Magic Vestment, Barkskin, Shield, Shield of Faith, Shadow Shield: The AC bonus is capped at 1/6 of your character level.&amp;lt;br&amp;gt;&lt;br /&gt;
* Magic Vestment applies to the character, and not the armor/shield. Can not be applied to armor/shields.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Amplify ===&lt;br /&gt;
&lt;br /&gt;
Grants +10 listen.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Aura vs Alignment ===&lt;br /&gt;
&lt;br /&gt;
Damage reduced to 1d4 + 1.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Battle tide ===&lt;br /&gt;
&lt;br /&gt;
Allows a will save to avoid the negative effects of stepping into the aura.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Bigby&#039;s Interposing hand ===&lt;br /&gt;
&lt;br /&gt;
The AB penality is changed to -4.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Bigby&#039;s Interposing hand, Bigby&#039;s forceful Hand, Bigby&#039;s Grasping Hand, Bigby&#039;s Clenched Fist, Bigby&#039;s Crushing Hand ===&lt;br /&gt;
&lt;br /&gt;
All bigbys now have a to-hit check.&amp;lt;br&amp;gt;&lt;br /&gt;
The to-hit check is a reflex save.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Blackstaff ===&lt;br /&gt;
&lt;br /&gt;
Gives +6 enhancement bonus to the quarterstaff and makes it cast Lesser spell breach on a successful hit.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Blade Thirst ===&lt;br /&gt;
&lt;br /&gt;
Grants +6 enhancement bonus to a slashing weapon.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Clairaudience/Clairvoyance ===&lt;br /&gt;
&lt;br /&gt;
Grants +5 to spot AND listen.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Creeping Doom ===&lt;br /&gt;
&lt;br /&gt;
Lasts 8 rounds.&amp;lt;br&amp;gt;&lt;br /&gt;
20 Damage on initial entry, and d6*number of rounds remaining in the cloud. Cumulative damage total over all targets in the cloud is still 1000.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Death Armor ===&lt;br /&gt;
&lt;br /&gt;
The damage shield damage is equal to 1d4.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Displacement ===&lt;br /&gt;
&lt;br /&gt;
Grants 30% concealment.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Divine Favor ===&lt;br /&gt;
&lt;br /&gt;
Grants +1 AB and damage per 5 levels to a maximum of +3.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Divine Power ===&lt;br /&gt;
&lt;br /&gt;
Grants +6 strength, and +1 temporary HP/caster level. Does not stack beyond +12 strength from item bonuses.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Drown ===&lt;br /&gt;
&lt;br /&gt;
Damage is equal to 60% of the targets current HP.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Elemental Shield ===&lt;br /&gt;
&lt;br /&gt;
The damage shield damage is equal to 1d4 + 1 per 3 caster level.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Evard&#039;s Black Tentacles, Bigby&#039;s Grasping Hand, Bigby&#039;s Crushing Hand ===&lt;br /&gt;
&lt;br /&gt;
The grapple check is equal to the caster ability modifier (4 for Evard&#039;s black tentacles) + the caster level + the size modifier of the hand or the tentacle (4) + 1d20 versus the target strength modifier x 2 + the target BAB + the targets size modifier + 1d20.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Flame Arrow ===&lt;br /&gt;
&lt;br /&gt;
The number of arrows is capped at 5.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Gate ===&lt;br /&gt;
&lt;br /&gt;
There is no longer a need to cast Protection versus Evil as the summoned Balor will always be at the summoner&#039;s command for the duration of the spell.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Greater Stoneskin ===&lt;br /&gt;
&lt;br /&gt;
Grants +5 soak 10 damage reduction. It ends after absorbing 5 damage per caster level, to a maximum of 100 damage.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Heal, Harm, Mass Heal, Greater restoration, Resurrection ===&lt;br /&gt;
&lt;br /&gt;
Heal, Harm, and Mass Heal restore HP equal to half of what the target is missing up to 250.&amp;lt;br&amp;gt;&lt;br /&gt;
* Greater Restoration removes negative status effects as well as replenishes half of the HP missing up to 250.&amp;lt;br&amp;gt;&lt;br /&gt;
* Resurrection revives a dead target, and restores 50% of it&#039;s HP.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Ice Storm ===&lt;br /&gt;
&lt;br /&gt;
The cold damage is capped at 10d6.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Implosion ===&lt;br /&gt;
&lt;br /&gt;
The DC bonus has been removed and has been lowered by 5.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Improved Invisibility ===&lt;br /&gt;
&lt;br /&gt;
Grants an invisibility effect that fades when attacking. This effect returns at the beginning of every round. No concealment.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Invisibility Spells ===&lt;br /&gt;
&lt;br /&gt;
Invisibility, Invisibility Sphere, Improved Invisibility: Duration is changed to 1 round per caster level.&amp;lt;br&amp;gt;&lt;br /&gt;
* Invisibility Sphere: also holds to those that were present at the time of casting, even if they exit the aura.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Isaac&#039;s Greater Missle Storm ===&lt;br /&gt;
&lt;br /&gt;
Each missile has 40% of chance of hitting each target in the area of effect.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Isaac&#039;s Lesser Missile storm ===&lt;br /&gt;
&lt;br /&gt;
Each missile does 2d6 damage.&amp;lt;br&amp;gt;&lt;br /&gt;
Each missile has a 40% chance of hitting each target within the area of effect.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Keen Edge ===&lt;br /&gt;
&lt;br /&gt;
The duration is changed to 2 round per caster level. It works with all types of melee weapons, not just Slashing weapons.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Lesser Spell Breach, Greater Spell Breach, Mordenkainen&#039;s Disjunction ===&lt;br /&gt;
&lt;br /&gt;
The number of spells that can be breached has been halved.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Mestil&#039;s Acid Sheath ===&lt;br /&gt;
&lt;br /&gt;
The damage shield damage is equal to 1d4 + 2 per 3 caster levels.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Nature&#039;s Balance ===&lt;br /&gt;
&lt;br /&gt;
Breaches 2 spells from all enemies in the area of effect.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Negative Energy burst ===&lt;br /&gt;
&lt;br /&gt;
The strength penalty is capped at -4.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Premonition ===&lt;br /&gt;
&lt;br /&gt;
Grants +5 soak 15 damage reduction. It ends after absorbing 5 damage per caster level, to a maximum of 150 damage.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Santuary, Greater Sanctuary ===&lt;br /&gt;
&lt;br /&gt;
The duration is set to 18 seconds, and it is absolutely impossible to detect the user; save for by party.&amp;lt;br&amp;gt;&lt;br /&gt;
There is a 15 second cool-down timer to be able to cast the spell again.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Searing Light ===&lt;br /&gt;
&lt;br /&gt;
d6 instead of d8 and d4 instead of d6.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== See Invisibility ===&lt;br /&gt;
&lt;br /&gt;
Lasts 2 turns/level/&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Stoneskin ===&lt;br /&gt;
&lt;br /&gt;
Grants +5 soak 5 damage reduction. It ends after absorbing 5 damage per caster level, to a maximum of 50 damage.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Storm of Vengeance ===&lt;br /&gt;
&lt;br /&gt;
Lasts 8 rounds. 3d6 acid + 50% chance of 6d6 electrical damage. 3d6 acid + 6d6 electrical damage, and stun for two rounds on a failed reflex save.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Tenser&#039;s Transformation ===&lt;br /&gt;
&lt;br /&gt;
The transformation is still a polymorph, but the original appearance of the character is preserved. Due to the polymorph effect; you will not be able to cast spells, or use items for the spell&#039;s duration.&lt;br /&gt;
* Sets strength to 20, dexterity to 22, and constitution to 18.&lt;br /&gt;
* Grants 1 Attack per round per 15 levels. You can&#039;t have more than 4 base attacks per round.&lt;br /&gt;
* Grants 1 AB per two caster levels.&lt;br /&gt;
* Grants +5 to fortitude.&lt;br /&gt;
* Maximize, Empower &amp;amp;amp; Extend are disactivated for this spell. (Even if they relocate the spell to sup spell slots, it won&#039;t have any effect)&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Time Stop ===&lt;br /&gt;
&lt;br /&gt;
Creates an area of effect where only the caster can control things. Archers can not shoot someone in the zone, only the caster can cast spells in the this zone. If you enter this zone, your time gets stopped. Duration is 4.5 seconds. There is a 9 seconds cool down before the spell can be casted again.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== True Seeing ===&lt;br /&gt;
&lt;br /&gt;
The duration is set to 3 rounds.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== True Strike ===&lt;br /&gt;
&lt;br /&gt;
The duration is set to 6 seconds.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Word of Faith ===&lt;br /&gt;
&lt;br /&gt;
A will save has been added.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Wounding whispers ===&lt;br /&gt;
&lt;br /&gt;
The damage shield damage is equal to 1d4 + 1 per 2 caster level.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Epic Spell Changes ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#Epic_Mage_Armor|Epic Mage Armor]] [[#Epic_Warding|Epic Warding]] [[#Epic_Dragon_Knight|Epic Dragon Knight]] [[#Epic_Mummy_Dust|Epic Mummy Dust]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Epic Mage Armor ===&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* Grants a total of +16 AC.&lt;br /&gt;
* The bonus is the sum of +4 dodge, +4 deflection, +4 armor, and +4 natural AC.&lt;br /&gt;
* Only the dodge bonus stacks with the AC granted from items.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Epic Warding ===&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* Grants 20 damage resistance per caster level.&lt;br /&gt;
* The power of the damage resistance is 30 / +10.&lt;br /&gt;
* The duration is 1 turn.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Epic Dragon Knight ===&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Dragon depends on alignment and class in the case of palemaster.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-choice-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Conjuration Focus Bonuses&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
* Spell Focus Conjuration: +2 con, dex, str, duration x2.&lt;br /&gt;
* Greater Spell Focus Conjuraton: +4 con, dex, str, duration x3.&lt;br /&gt;
* Epic Spell Focus Conjuration: +6 con, dex, str, duration x4.&lt;br /&gt;
* Dragon is hasted.&lt;br /&gt;
* Dragon is immune to Word of Faith.&lt;br /&gt;
* Spellcraft: The modified spellcraft check will be added to the dragon&#039;s total HP as temporary hit points.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Basic Dragons&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
A level 25 dragon will join the caster.&lt;br /&gt;
&lt;br /&gt;
* Good Alignment = Silver Dragon.&lt;br /&gt;
* Neutral Alignment = Amethyst Dragon.&lt;br /&gt;
* Evil Alignment = Black Dragon.&lt;br /&gt;
* Palemaster +10 = Dracolich.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Epic Dragons&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
A level 40 dragon will join the caster.&lt;br /&gt;
&lt;br /&gt;
* Cleric = Lvl 40, at least 30 wis.&lt;br /&gt;
* Druid = lvl 40, at least 30 wis.&lt;br /&gt;
* Palemaster = lvl 30, at least 30 either cha/int/wis.&lt;br /&gt;
* Sorcerer = lvl 40, at least 30 cha.&lt;br /&gt;
* Wizard = lvl 40, at least 30 int.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Epic Mummy Dust ===&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Instead of summoning a mummy (the only exception being a palemaster), the caster gains a construct to fight alongside them.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-choice-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Conjuration Focus Bonuses&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
* Spell Focus Conjuration: +2 con, +2 dex, +1 reg.&lt;br /&gt;
* Greater Spell Focus Conjuration: +4 con, +4 dex, +2 reg.&lt;br /&gt;
* Epic Spell Focus Conjuration: +8 con, +4 dex, +4 reg.&lt;br /&gt;
* The construct/mummy is immune to Word of Faith.&lt;br /&gt;
* Spellcraft: The modified spellcraft check will be added to the dragon&#039;s total HP as temporary hit points.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Basic: lvl 21 Construct/Mummy&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
* Cleric = Clay Golem.&lt;br /&gt;
* Druid = Topiary Guardian.&lt;br /&gt;
* Palemaster = Mummy.&lt;br /&gt;
* Wizard/Sorcerer = Iron Golem.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Epic: lvl 40 Construct/Mummy&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
* Cleric, lvl 40 &amp;amp;amp; at least 25 wis = Stone Golem.&lt;br /&gt;
* Druid, lvl 40 &amp;amp;amp; at least 25 wis = Epic Topiary Guardian.&lt;br /&gt;
* Palemaster, lvl 30 &amp;amp;amp; at least 25 int/cha/wis = Mummy Lord.&lt;br /&gt;
* Wizard/Sorcerer, lvl 40 &amp;amp;amp; at least 25 int/cha = Mithril Golem.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Custom Spells ==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
There is a variety of custom spells made for Sinfar, withe possibility to add more.&lt;br /&gt;
&lt;br /&gt;
The current list expands upon all classes that have access to spells. You can see the full list of added, considered or intended spells [https://nwn.sinfar.net/custom_spells_list.php here].&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
The following custom spell list has been transcribed into searchable text so players can use browser search to find spell names, descriptions, class access, and spell levels.&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Custom Spell List&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-reference-note&amp;quot;&amp;gt;Alphabetical by name. Jump to a letter range below, or use Contents for an individual spell.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#Baleful_Polymorph|A–F]] [[#Greater_Fireburst|G–L]] [[#Mage_Hand|M–R]] [[#Shards_of_Winter|S–Z]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Baleful Polymorph ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 4 · Wizard / Sorcerer: 5&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
The caster is able to turn one other person into one of the following forms: sheep, chicken, squirrel, frog, puppy. This effect lasts for 1 round/caster level. If cast on a friendly target, a consent dialog will appear. Otherwise, a successful fortitude save negates the change, and a successful will save will allow a changed target to function normally still, within the constraints of the form.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Bladeweave ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 2 · Ranger: 2&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
For the duration of the spell, your weapon gains the ability to daze opponents who fail their will save for one round. The save is calculated based on the caster&#039;s abilities.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Blighted Vines ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Druid: 5&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
A field of long vines sprout up from the ground. Each is capable of grappling a target doing 1d6+4 points bludgeoning damage. If successful, the target must then make a fortitude saving throw or become paralyzed by the grappling vine. The field contains 1d4 vines + 1 per 2 caster levels. The vines are randomly spread out over the area of effect allowing no more than half of the vines to reach a single target in any given round. The inability of the vines to target small creatures makes all small creatures completely immune to the spell&#039;s effects.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Blizzard ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Druid: 7 · Wizard / Sorcerer: 9&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
Immediately upon completion of this spell, a powerful blizzard erupts in the area. Temperatures in the area drop to below freezing and visibility is reduced to zero, making Spot, Search, and Listen checks and all ranged attacks difficult if not impossible. Creatures unprotected from the cold must make a Fortitude save or take 2d8 points of nonlethal cold damage every round. Movement within the area is impeded by powerful winds.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Bodak&#039;s Glare ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Cleric: 7&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You target a creature within range. That creature dies instantly unless it succeeds on a Fortitude save. If you slay a humanoid creature with this attack, failing a will save it will return as a bodak under your control.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Body of the Sun ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Cleric: 5 · Druid: 5&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
By drawing on the power of the sun, you cause your body to emanate fire. Fire extends 5 feet in all directions from your body, illuminating the area and dealing 1d4 points of fire damage per eight caster levels (maximum 5d4) to every creature that attacks you. This spell does not stack with other damage shield effects that deals this.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Body of True Flame ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 8&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You temporarily draw upon the power of a Fire Elemental. Doing so grants you immunity to fire damage and 50% vulnerability to cold damage.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Burning Bonds ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 4&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
A wave of fiery chains assails enemies within the area of effect. The chains deal 1d8 fire damage for every 3 caster levels, to a maximum of 5d8. Failing a will save, creatures become coiled and are not able to move or attack for 2 rounds.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Burning Tempest ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Druid: 9 · Wizard / Sorcerer: 9&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
The area around you is lit ablaze by inferno. Each round, all enemies within the area of effect take 3d6 points of fire damage. Those who fail a Reflex save take an additional 6d6 points of fire damage and are stunned for 2 rounds.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Burst of Glacial Wrath ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Cleric: 9 · Druid: 9 · Wizard / Sorcerer: 9&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You create a cone of icy energy that flash-freezes any creatures within the spell&#039;s area. The spell deals 1d8 points of cold damage per caster level (maximum 20d8 points, but will not reduce the target lower than 1 hit point), with a fortitude save reducing that by half. Those failing are encased in ice for 1 round / 8 caster levels (modified by the target creatures size, larger creatures break free sooner). Creatures turned to ice in this fashion gain DR 40/-, and immunity to cold, fire, and electricity until the effects wear off.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Cacophonic Burst ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 5 · Wizard / Sorcerer: 6&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You cause a burst of low, discordant noise to erupt at the chosen location. It deals 4d6 points of sonic damage plus 1d6 per 4 caster levels (maximum 14d6) to all creatures within the area.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Choir of Recovery ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Cleric: 9&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
This spell serves as a Mass version of the Raise Dead spell. Every friendly corpse within the radius is resurrected at 1 hit point.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Corpse Explosion ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 4&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
Places a curse upon the subject that lasts for 15 seconds. If the subject dies within that time, their corpse explodes, dealing 1d6 Bludgeoning damage per caster level, to a maximum based on creature size, to all enemies in the area of effect.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Crushing Despair ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 3 · Wizard / Sorcerer: 4&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
An invisible cone of despair causes great sadness in any enemies that fail a will save. Each affected creature takes a -2 penalty on attack rolls, saving throws, ability checks, skill checks, and weapon damage rolls.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Disintegrate ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 9&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You direct a ray springs from your pointing finger. You must make a successful ranged touch attack to hit. Any creature struck by the ray takes 1d6 points of magic damage per caster level (to a maximum of 40d6). A creature that makes a successful Fortitude save is partially affected, taking only half damage to a maximum of 20d6 points of magic damage.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Disrobe ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 2 · Cleric: 2 · Druid: 2 · Wizard / Sorcerer: 2&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
Target creature must make a reflex save or be disrobed of their armor or clothing. Friendly targets receive a consent dialogue instead.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== False Life ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 2&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
False Life allows the caster to use necromantic energy to avoid death. In effect, the spell grants the caster temporary hit points equal to 1d10 points + 1 per 2 caster levels.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Falsify Self ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 6 · Wizard / Sorcerer: 6&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
The caster temporarily creates an exact (but false) image of themselves where they stand with 1/4 of their current hit points. The image then attacks the nearest enemy, though deals no damage. For as long as the image exists, the caster remains invisible and untargetable. Any hostile action performed by the caster will automatically break the spell (thus destroying the image), and if the false image is destroyed, the spell will fail. Onlookers may roll a will save to disbelieve the image, rendering the spell inert to that person if successful.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Fascinate ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 2&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
Every hostile creature within the radius must make a Will save (DC = 1/2 bard level + 1/2 perform skill). This is an enchantment (compulsion) mind-affecting ability. If the target fails this save, then they are dazed 3 rounds. If a creature is attacked, the effect ends for that creature, though anyone who fails their saving throw will be dazed for at least one round. There is a cool down time of 10 rounds before this ability can be used again. Fascinate affects up to one enemy per level of the bard. Lingering Song and Lasting Inspiration affect the duration on this ability.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Fireburst ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 2&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
Fireburst evokes flames all around the caster that extend to 5 feet away. All creatures within this 5-foot radius take 1d8 points of fire damage per caster level, to a maximum of 5d8, unless a reflex saving throw is made for half damage.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Flamespear ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 4&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
Flamespear creates a blast of fire that reaches 100 feet from the casters hands. The spear ignites targets in its path, dealing 1d8 points of fire damage per 2 caster levels, up to a maximum of 10d8.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Greater Fireburst ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 7&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
This spell functions like Fireburst, except that it affects creatures within 15 feet of you and deals a maximum of 20d6 points of fire damage to each one.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Greater Life Shift ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 7&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
The target creature is healed for 10 HPs/level, to a maximum of 250, or half their wounds, whichever is smaller. The caster loses the same amount in hit points. The caster cannot be reduced lower than 1 HP, so if the amount of HP healed on the target is greater than the HP of the caster, they are healed for the remainder instead. This cannot be used on the caster. If cast upon an undead, whether friendly or hostile, they are healed at the same cost.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Greater Shout ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 4 · Wizard / Sorcerer: 5&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
The caster emits a cone of sound waves 60&#039; long that deals 10d6 sonic damage. Enemies that fail a fortitude saving throw are deafened for 4d6 rounds, and stunned for one round.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Hail of Fire ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Druid: 5 · Wizard / Sorcerer: 4&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
All creatures in the area of effect take 3d6 points of bludgeoning damage and 2d6 points of fire damage. Hail of Fire will do an additional 1d6 fire damage per additional 3 caster levels, up to 10d6.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Hypothermia ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Cleric: 4 · Druid: 3&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
The subject takes 1d4 points of cold damage per caster level (maximum 12d4) and becomes fatigued for 1 round/level. A fatigued creature suffers a -2 penalty to Strength and Dexterity, and moves slower. A successful Fortitude save halves the damage and negates the fatigue.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Ice Wall ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Druid: 4 · Wizard / Sorcerer: 4&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You manipulate the element of ice to form a wall with 50 HP (+5 per caster level, maximum 250HP) directly in front of you. Nothing can pass or attack through the wall, but it can be destroyed and ranged can shoot over it. The wall will remain for 1 round per caster level or until it is destroyed.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Incinerating Pillar ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 5&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
A pillar of flame engulfs all within the area of effect, inflicting 1d6 points of fire damage per 2 caster levels (to a maximum of 10d6). Enemies that make a fortitude save take half damage and avoid being stunned for 1 round.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Joyful Noise ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 2&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
This spell provides immunity to silence spells or effects for 60 seconds to friendly targets in a large area. The feats Lasting Inspiration and Lingering Song affect this spell as if it was a bard song. The target cannot be deafened or silenced to be affected by the immunity.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Land Womb ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Druid: 7&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You call upon the earth to conceal you from danger for a short period of time. Casting this spell makes you completely undetectable from anyone for 3 rounds (18 seconds).&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Life Shift ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 5&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
The target creature is healed of 4d8 points of damage, +1 point per caster level to a maximum of +20. The caster loses the same amount in hit points. The caster cannot be reduced lower than 1 HP, so if the amount of HP healed on the target is greater than the HP of the caster, they are healed for the remainder instead. This cannot be used on the caster. If cast upon an undead, whether friendly or hostile, they are healed at the same cost.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Mage Hand ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 0 · Wizard / Sorcerer: 0&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You point your finger at an object weighing up to 5 pounds and can lift it at a distance, bringing it to you.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Mass Light ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 2 · Cleric: 2 · Druid: 2 · Paladin: 2 · Ranger: 2 · Wizard / Sorcerer: 2&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
All creatures within range of the caster (Including the caster) become affected as per the Light spell.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Mirror Image ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 4 · Wizard / Sorcerer: 5&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You create 1d4 illusory images of yourself, plus one image per 5 caster levels, capping at 8 images. Enemies cannot distinguish between the real you and your doubles. Images have an AC of 10 + your Dex modifier, and a successful attack against an image causes it to disappear. (Note: a character with a lot of VFXs will have a reduced number of images spawned.)&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Open / Close ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 0 · Wizard / Sorcerer: 0&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
This spell allows you to open, close, or interact with simple objects at a distance. If anything resists this activity (such as anything locking the object in it&#039;s current position), the spell fails.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Raging Inferno ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 8&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
All enemies within this spell&#039;s area of effect are inundated with a rain of fire and take 1d6 points of damage per caster level (to a maximum of 20d6).&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Shards of Winter ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Druid: 6 · Wizard / Sorcerer: 6&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
Dozens of razor-sharp shards of ice fly towards the target. The target creature must make a fortitude save or take 10d8 points of cold damage, +1 point per 2 caster levels. If they succeed, they take half damage.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Shout ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 3 · Wizard / Sorcerer: 3&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
The caster emits a cone of sound waves 30&#039; long dealing 5d6 sonic damage. Enemies that fail a fortitude saving throw are deafened for 2d6 rounds.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Slow Time ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 8&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
The caster is able to bend the sands of time, creating a suspension of time in the area around them. All enemy creatures who come within the radius of the spell are subject to the effects of a Slow spell. Friendly creatures become harder to hit as they move faster than their enemies, and projectiles and objects entering the zone seem to move at a slower rate. Non-hostile creatures are thus granted 40% concealment to melee attacks and 75% concealment to ranged attacks. The area of effect will remain for 8 seconds before dispersing, returning the flow of time to normal.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Song of Discord ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 5&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
This spell causes creatures within the area to become confused. Each affected creature has a 50% chance to attack the nearest target each round. A creature that does not attack its nearest neighbour may wander about aimlessly or stand around dumbfounded. The duration of this spell is affected by Lingering Song and Lasting Inspiration.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Swap Gender ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Bard: 4 · Wizard / Sorcerer: 4&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
Casting this spell immediately swaps the gender of the subject. If male, they become female, and vice versa. If the target is shemale, they will instead become a male with female pubic parts. Hermaphrodites and creatures that do not have normal humanoid genders are unaffected. If cast upon a hostile target, the target must roll a will save to avoid the spell, but friendly targets receive a consent dialog. Casting this on the self with automatically succeed.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Symbol of Death ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Cleric: 8 · Wizard / Sorcerer: 8&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
This spell allows you to scribe a potent rune of power upon a surface. When triggered, a symbol of death instantly kills all enemies in a 5 meter radius unless they succeed a fortitude save. Only targets that are hostile to the caster can trigger the symbol, it will not activate in the presence of friendly targets. Only one symbol of any type can be active at any time.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Symbol of Sleep ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Cleric: 8 · Wizard / Sorcerer: 8&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
This spell allows you to scribe a potent rune of power upon a surface. When triggered, a symbol of sleep causes all creatures within a 5 meter radius of the symbol to fall into a catatonic slumber for 2 turns if they fail a will saving throw against mind spells. Only targets that are hostile to the caster can trigger the symbol, it will not activate in the presence of friendly targets. Only one symbol of any type can be active at any time.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Synthesis ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Druid: 8&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You cause nearby friendly targets to flourish with attunement to nature, granting +6 regeneration and 4 temporary HP per 3 caster levels for 1 round / 2 levels.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Tree Shape ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Druid: 4 · Ranger: 4&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You assume the form of a large tree. While this spell is in effect, you take the form of a tree for 1 turn/level. While in tree form, you are treated as invisible and you lose all of your AC. Any movement or action you make other than speaking dispels the transformation and instantly reveals you.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Unhallowed Soil ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Cleric: 5 · Wizard / Sorcerer: 6&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
A large glyph forms on the ground, radiating a fell dark power. For each round a living creature remains in the field, they take 3d6 negative damage. For each round an undead remains in the field, they gain 2d6 temp HP up to a maximum of 100. Creatures warded from negative energy are neither harmed nor healed by this effect.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Wall of Dispel Magic ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 5&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You create a wall of magical energy. Creatures passing through a Wall of Dispel Magic are subject to a Dispel Magic spell at the caster level of the creator of the wall.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Wall of Greater Dispel Magic ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Wizard / Sorcerer: 8&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You create a wall of magical energy. Creatures passing through a Wall of Greater Dispel Magic are subject to a Greater Dispel Magic spell at the caster level of the creator of the wall.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Wind Wall ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Druid: 4 · Wizard / Sorcerer: 4&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You manipulate the element of air to form a wall directly in front of you. Anything passing through the wall must make a fortitude save or be knocked down.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Wings of the Phoenix ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Cleric: 9&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
You mark a friendly target with a powerful influence. If the subject dies within 3 rounds of casting this spell, they will be revived 6 seconds later at half health and up to 200 hit points. Subjects revived by this spell have +4 AB and 10/- DR for 6 rounds. This spell cannot be cast on yourself.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;&lt;br /&gt;
[[Main Page|Return to Main Page]] · [[Class Changes]] · [[Feat Changes]] · [[PvP Changes]] · [[Class Bonuses]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
[[Category:Player Tools]]&lt;br /&gt;
[[Category:Gameplay Changes]]&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Player_Guidance_Directory&amp;diff=1391</id>
		<title>Player Guidance Directory</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Player_Guidance_Directory&amp;diff=1391"/>
		<updated>2026-10-28T18:59:41Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: /* Leveling on Sinfar — 12 Routes */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-page sf-guidance-family&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Player Resources · Start Here&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Player Guidance Directory&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Learn the Player Tool, choose a leveling route, and find the practical guidance needed to begin playing on Sinfar.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-article-meta&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Player Tool&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Menus, roleplay actions, appearance, settings, and utilities&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Leveling&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;12 regional and connected routes&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Evidence&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Forum guides, builder updates, and Discord experience&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Status&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Living guidance · Player feedback welcome&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Choose Your Starting Point ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-choice-grid sf-choice-grid--two&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-choice-card&amp;quot;&amp;gt;&lt;br /&gt;
=== New Beginnings — Player Tool ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Start here if you are new to Sinfar&#039;s everyday player interface. This illustrated guide explains the Player Tool main menu and the features players are most likely to use during play.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;Emotes, voice chats, and roleplay actions&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Appearance and clothing controls&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Player information, dice, and checks&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Settings, teleport tools, and local utilities&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-download&amp;quot;&amp;gt;&amp;lt;b&amp;gt;[[New Beginnings|Open New Beginnings ›]]&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-choice-card&amp;quot;&amp;gt;&lt;br /&gt;
=== Leveling on Sinfar — 11 Routes ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Use the Leveling Hub when you are ready to explore. It compares twelve documented routes across Sinfar&#039;s regions and connected worlds, with preparation notes and known gaps kept visible.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;Routes grouped under Sinfar, Arche Terre, Outer Isles and Dread&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Suggested level bands and route transitions&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Gear, forging materials, and preparation notes&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Visible source records, known gaps, and later corrections&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-download&amp;quot;&amp;gt;&amp;lt;b&amp;gt;[[Leveling on Sinfar|Open the Leveling Hub ›]]&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== What You Will Find ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-summary-grid&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Learn the Interface&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Understand the Player Tool before you need a feature in the middle of play.&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Compare Routes&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Choose a server and region instead of following one universal path.&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Prepare First&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Review useful equipment, materials, resistances, and route-specific warnings.&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Check the Evidence&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;See where guidance came from and where present-day confirmation is still needed.&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Using the Leveling Routes ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-prose&amp;quot;&amp;gt;&amp;lt;p class=&amp;quot;sf-lead&amp;quot;&amp;gt;Treat each route as a documented starting point, not a rigid promise that every character will have the same experience.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The routes were compiled from forum walkthroughs, builder updates, and player experience shared through Discord. Several complete forum guides are years old. Your build, equipment, party, current server changes, and the experience awarded by an encounter all affect when it is comfortable to move forward.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Level bands are recommendations. Overlapping stages are intentional: move on when the next encounter is manageable and the current one stops giving useful experience.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Check before committing resources:&amp;lt;/b&amp;gt; Read the route&#039;s source notes and known gaps, confirm current forge properties and equipment allowances, and use present-day in-game results when they conflict with older guidance.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Help Keep the Guides Current ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;If an area, monster, travel route, level range, or preparation note has changed, report:&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ol&amp;gt;&amp;lt;li&amp;gt;The guide and exact area or server.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Your character level, class, equipment, and party size.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;What differed from the written route.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;When you checked it, with a screenshot or current in-game description when possible.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;[[Leveling on Sinfar#Report_a_change|Read the report-a-change instructions ›]]&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Related Wiki Resources ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-grid&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[Magical Items|Magical Items]]&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;Review forging, item properties, and server-specific equipment systems.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[Dungeon Running|Dungeon Running]]&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;Prepare for group encounters, progression, and rewards.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[Character Customisation|Character Customisation]]&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;Shape your character&#039;s appearance and presentation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[:Category:Player Tools|Player Tools]]&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;Browse additional player-facing tools and references.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[Getting Started|Getting Started]] · [[Recommended Settings|Recommended Settings]] · [[Rules|Server Rules]] · [[Leveling on Sinfar#Sources|Sources and attribution]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Category:Player Tools]]&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Leveling_on_Sinfar&amp;diff=1390</id>
		<title>Leveling on Sinfar</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Leveling_on_Sinfar&amp;diff=1390"/>
		<updated>2026-10-28T18:59:14Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Removed Xion Leveling Block&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-family&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-family-path&amp;quot;&amp;gt;[[Player Guidance Directory|Player Guidance Directory]] · [[New Beginnings|New Beginnings]] · [[Leveling on Sinfar|Leveling on Sinfar]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Player resources · Explore the servers&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Leveling on Sinfar&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Choose a server, then a route. Twelve community-compiled paths toward level 40, with travel, encounters and preparation notes to build on.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Choose your server ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-server-index&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[#Sinfar|Sinfar]]&amp;lt;/b&amp;gt;&amp;lt;span&amp;gt;4 routes&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[#Arche_Terre|Arche Terre]]&amp;lt;/b&amp;gt;&amp;lt;span&amp;gt;3 routes&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[#Outer_Isles|Outer Isles]]&amp;lt;/b&amp;gt;&amp;lt;span&amp;gt;4 routes&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[#Dread|Dread]]&amp;lt;/b&amp;gt;&amp;lt;span&amp;gt;1 route&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&amp;lt;b&amp;gt;A community starting point, not a newly verified walkthrough. &amp;lt;/b&amp;gt;These routes bring together forum and Discord reports spanning roughly ten years. Level bands, travel and preparation need current player checks. A missing shop, supply stop or direction is a gap to fill—not a claim that none exists.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#Preparation|Preparation]][[#Keeping_the_guides_current|Help improve a route]][[#Sources|Sources]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-muted&amp;quot;&amp;gt;Routes are grouped by their main region or starting server. Some continue elsewhere; follow the travel notes in the individual guide.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Sinfar ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-server-routes&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;sinifer&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Classic Sinifer Circuit ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Sinifer exploration and Docks Ward sewers&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Explore or collect hearts → animated furniture → spiders → harpies and outsiders → screaming demons or Icenfar Cathedral.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/sinifer Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;lotus&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Lotus Isles ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Explore and reach the monastery&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Explore → Wu Jen monastery training grounds → later Shin Khitai areas → outsiders or yetis → a level-40 finish.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;saban&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Saban ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Port Saban and safe exploration&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Explore → sphinxes → spiders/sand cats → graboids → golems/elementals → snakes → komodo dragons → Hamunaptra or Sabani Gang.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/saban Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;undead&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Undead Routes ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Sinifer City crypts&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Low crypts → larger crypt/undead areas → late undead destinations.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/undead Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Arche Terre ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-server-routes&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;arche_terre&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Arche Terre Tour ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Mur County or Xion starter areas&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Mur/Xion starter areas → canyon or cave → Shadow Cave/felldrakes or undead → Hivernales yetis → Lomidar catacombs.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/arche-terre Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;canyon&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Canyon of Kharesh ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Mur starter preparation&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Starter exploration → canyon and northern road encounters across successive level tiers.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/canyon Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
== Outer Isles ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-server-routes&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;icenfar&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Icenfar ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Customs papers, Duty Sergeant and sewer rats&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Papers → rats → frost goblins → ice mephits → forest beetles → beastmen → felldrakes → yetis → a late-game finish.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/icenfar Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;lost_world&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Lost World ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Psamathe village and mine entrance&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Explore Psamathe → Beach Monkeys → Totem Terror → swamps/wetlands → apes/Neanderthals → deep caves or Jurassic Valley.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lost-world Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;radotonga&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Radotonga ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Explore and prepare&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Starter preparation → temple/canyon → Ukari Station xenomorphs → deeper xenomorphs or a late-game branch.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/radotonga Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;frostfell&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Frostfell ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Frostfell Village&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Village → caves → forest → check Vale/Lake → fissure → yeti caverns.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/frostfell Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Dread ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-server-routes&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;dread&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Dread ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Explore Tanaroa and boat destinations&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Explore → Tanaroa monkeys → flying lizards/lizardfolk or outdoor undead → yetis/demons or another finish.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/dread Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Before you set out ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-prose&amp;quot;&amp;gt;&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Icenfar quests:&amp;lt;/strong&amp;gt; collect arrival papers immediately, ideally at level 1, before exploration carries you past the starter quest gate. [[#Source_F104629|F104629]] · [[#Source_D960|D960]]&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Use your own build:&amp;lt;/strong&amp;gt; caster spell tactics and pre-made damage-reduction armor explain some early entries. They are conditions of those accounts, not requirements to change your character’s class.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Check the stage:&amp;lt;/strong&amp;gt; area signs, challenge ratings and recommended player levels are not always the same measurement. Use actual experience gained and the damage you take to judge the next move. [[#Source_D255|D255]] · [[#Source_D298|D298]] · [[#Source_D300|D300]] · [[#Source_D301|D301]]&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Read the route notes:&amp;lt;/strong&amp;gt; known changes and gaps are included, especially the updated AT canyon, Frostfell’s reported middle-stage gaps and the distinction between Dread’s outdoor undead and its old crypt.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Preparation&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Gear and preparation ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;The gathering targets below come from dated player guides. Check the current forge interface, item properties and equipment allowance before spending materials. A complete pre-made set can make a route accessible much earlier.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-table-scroll&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;sf-table sf-preparation-table&amp;quot;&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;Goal&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;Materials and useful stops&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Pre-made starter gear: Rii Nor–Veran Emporium&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Gold; maintainer reports around 20,000 per piece, with actual merchant prices to be checked&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Lotus ferrywoman → Ioteoseu: Rii Nor - Veran - Seaside → straight along the dock → small doorway → building on the right → NPC across the room.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Examples pictured: +3 AC garb, +3 dodge AC boots, +3 rapier and +2 DEX belt. DEX is a suggested AC choice; check your armour’s Maximum Dexterity Bonus. Different AC modifier types are preserved in the item notes. Rings/amulets with AC or ability bonuses are reported separately.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_L010|L010]] · [[#Source_L011|L011]] · [[#Source_L013|L013]] · [[#Source_L014|L014]] · [[#Source_L016|L016]] · [[#Source_L017|L017]] · [[#Source_W001|W001]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Haste&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;30 animal hearts&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Sinifer Docks Ward sewers; Aglon South Docks Warehouse; Toad Away in the Lotus/Wu Jen training grounds.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;A repeatedly recommended first enchantment. Keep the total equipment enchantment allowance in mind; do not assume every level-1 character can equip a finished multi-property set.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F88885|F88885]] · [[#Source_F96736|F96736]] · [[#Source_D955|D955]] · [[#Source_L005|L005]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;+5 AC enchantment&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;12 monster scales&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Mur County Center sewers; Trouble in Paradise in the Lotus/Wu Jen training grounds. Later alternatives include Icenfar beetles and Saban graboids. The new A Reptile Dysfunction sign also lists Monster Scales.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The 2017 example spreads AC over boots, ring and amulet. It is an example set, not proof that arbitrary AC properties stack.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F96736|F96736]] · [[#Source_F100625|F100625]] · [[#Source_D307|D307]] · [[#Source_L006|L006]] · [[#Source_L008|L008]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Constitution&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;2 giant hearts per +1 Constitution&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Kenshiro Lake trolls: leave Sinifer through Gate Ward, turn left by the lake and follow the cliff. An older guide also names Kung Fu Panda for giant hearts; it is not one of the five current Lotus training portals confirmed by the maintainer.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;More hit points support both martial and caster routes. The historical example uses +6 Constitution on each of two items.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F96736|F96736]] · [[#Source_F78270|F78270]] · [[#Source_L001|L001]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Regeneration&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;8 / 15 / 23 troll heads for +1 / +2 / +3&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Kenshiro Lake Troll Caves, on the route described above.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Useful recovery between fights. It does not replace emergency healing or sufficient defenses.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F96736|F96736]] · [[#Source_F78270|F78270]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Fire resistance&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;8 beetle bellies for 15/- in the historical recipe&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Mur County Center sewer beetles; Icenfar forest beetles are a later gathering option. Trouble In Paradise in the Lotus training grounds also explicitly lists beetle bellies.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Repeatedly useful for Canyon Cavern stingers/mages and fire-heavy branches. Evasion, spell protection and the actual enemy mix affect your needs.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F96736|F96736]] · [[#Source_F93502|F93502]] · [[#Source_F85979|F85979]] · [[#Source_L006|L006]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Physical damage reduction&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Golem hands; exact recipe quantity not established here&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Saban Anubis Tomb Guardians are one documented source. Assistance from another character is assumed in some fast-start accounts. The Going Ape sign in Lotus Isles lists Golem Hands (XP band 15–33).&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Recent players recommend armor described as DR 10/+7. Preserve their notation; check the forge property and equipment eligibility. A route relying on this is a geared route.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_D965|D965]] · [[#Source_F95578|F95578]] · [[#Source_F100625|F100625]] · [[#Source_W001|W001]] · [[#Source_L009|L009]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Sonic and electricity protection&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Check the relevant forge property or use appropriate spells&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Prepare before the screaming-demon finish.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The older circuit says sonic resistance 20; a 2026 report uses 30/-. A martial player also warns about lightning-casting pixies nearby. Sonic damage added to a weapon is a different property from sonic resistance.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F88885|F88885]] · [[#Source_D179|D179]] · [[#Source_D182|D182]] · [[#Source_D185|D185]] · [[#Source_D965|D965]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Mind, death and cold defenses&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Build/spell/item dependent; no universal recipe established&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Harpies: mind protection. Xion: mind and death effects. Shadow Cave: cold protection. Yetis: physical defense and daze protection.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Match your defenses to the branch. Old AC and save thresholds are historical build examples, not guarantees for every enemy or character.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F88885|F88885]] · [[#Source_F93502|F93502]] · [[#Source_F77988|F77988]] · [[#Source_F77991|F77991]] · [[#Source_F78277|F78277]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Healing kits, Heal skill and main attack/casting ability&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Spend according to the character you intend to play&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Carry supplies and use known safe rest points. Icenfar, in particular, restricts outdoor resting.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Repeated advice supports Constitution, usable healing and your build’s main ability. A caster speed run does not establish that a fighter must relevel as a caster.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F85956|F85956]] · [[#Source_F85979|F85979]] · [[#Source_F88888|F88888]] · [[#Source_D990|D990]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;b&amp;gt;Material side trips&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
=== Kenshiro Lake Troll Caves ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Reported 11/12–16 alternative. Sinifer Gate Ward → left along Kenshiro Lake/cliff → Troll Caves.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Troll heads and giant hearts for regeneration/Constitution; a useful substitute or side trip during the furniture stage.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F78270|F78270]] · [[#Source_F96736|F96736]] · [[#Source_D993|D993]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Aglon sewers and South Docks Warehouse ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Starter levels; flooded sewer maps reported 6+. Travel to Aglon; use the warehouse in South Docks or ordinary sewers.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Animal hearts and early XP. Crocodiles make flooded sections a different risk. No complete Aglon-only route to 40 was established.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F78270|F78270]] · [[#Source_F96736|F96736]] · [[#Source_D993|D993]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Dread_broken_tower_.E2.86.92_ant_tunnels_.E2.86.92_lizard_caves.2Fmines&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Dread broken tower → ant tunnels → lizard caves/mines ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Recommended in a level-15 discussion; not a fixed full band. Tanaroa wooden gate → right twice → broken tower → ant tunnels → hole in right wall of first room → wolves → lizardmen → miners.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Slaad tongues (sonic weapon damage), dragon blood (Strength), mysterious sticks (positive damage), bodak teeth, elemental gems and reported +4 saleable items. The availability of warehouse stock is not assumed current.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_D324|D324]] · [[#Source_D326|D326]] · [[#Source_D327|D327]] · [[#Source_D329|D329]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Saban desert chain ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;15–35 stages. Plateau → eastern outskirts → Caravan Camp; see the Saban route.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Graboids: scales/teeth. Guardians: ingots/hands. Lizardfolk: tongues. Snakes: heads/knuckles/teeth. Komodos: mindflayer brains.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F100625|F100625]] · [[#Source_F100763|F100763]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Cathedral exterior ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;About 33/35–40. Use the exterior and side tombs in the classic circuit.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Fairy dust for spell-slot properties, humanoid skulls for Concentration and skeleton knuckles for Mighty are reported in the caster guide.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F97791|F97791]] · [[#Source_F88885|F88885]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Keeping_the_guides_current&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Help improve a route ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;These guides belong to the community. Correct one area at a time, add a missing stop, or share a current result. No single contributor is the authority on every route.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Keep each area block practical&amp;lt;/b&amp;gt;&amp;lt;ol&amp;gt;&amp;lt;li&amp;gt;Starting area and how to reach it: name the server, city, transition and landmarks you checked.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;What to do next: a short ordered sequence, with approximate level bands where supported.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Supplies and preparation: shops, healing supplies, gear or forge materials that actually matter here. Leave unknown details marked for confirmation.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Next stop: tell the reader how to continue or when to try another area.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Evidence: keep the source link and add when you checked the change; distinguish direct experience from a suggestion.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Use the section edit beside a heading for this hub. The linked full route reading copies are still on the preview site; report their corrections below until those individual guides are migrated to the Wiki.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Report a change ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note sf-note--teal&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Found a changed area, monster or route?&amp;lt;/strong&amp;gt; Please report it to the team in [https://discord.com/channels/335514516051984385/1393451095774330984 Discord #leveling]. Include the guide name, exact area and server, your character level/class, what changed, and when you checked it. A screenshot or current in-game description helps us update the right step.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Guide: &amp;lt;strong&amp;gt;Leveling on Sinfar&amp;lt;/strong&amp;gt;. Use the Discussion tab if you prefer to leave a wiki note. Player reports will help keep these guides current.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Sources&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Sources and attribution ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;b&amp;gt;Read the 44 source records&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;p&amp;gt;Original authors, displayed dates and message/post IDs are retained below. Discord links may require Sinfar server access. Initial research: 15 October 2026; Player Tool and Lotus field evidence: 16 October 2026.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ol&amp;gt;&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D179&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D179&amp;lt;/strong&amp;gt; — kriegeternal; 8/19/25, 4:34 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1407281579872489482 #leveling] · Original message ID: 1407281579872489482.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D182&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D182&amp;lt;/strong&amp;gt; — kriegeternal; 8/19/25, 4:35 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1407281732192960552 #leveling] · Original message ID: 1407281732192960552.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D185&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D185&amp;lt;/strong&amp;gt; — kriegeternal; 8/19/25, 4:36 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1407282038247002172 #leveling] · Original message ID: 1407282038247002172.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D255&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D255&amp;lt;/strong&amp;gt; — The Carcerian; 9/12/25, 4:16 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1416155470875459827 #leveling] · Original message ID: 1416155470875459827. (edited)&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D298&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D298&amp;lt;/strong&amp;gt; — Road Apples; 9/12/25, 8:38 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1416221347863859331 #leveling] · Original message ID: 1416221347863859331.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D300&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D300&amp;lt;/strong&amp;gt; — Road Apples; 9/13/25, 9:56 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1416603524371972147 #leveling] · Original message ID: 1416603524371972147.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D301&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D301&amp;lt;/strong&amp;gt; — Road Apples; 9/13/25, 9:57 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1416603704710139915 #leveling] · Original message ID: 1416603704710139915.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D307&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D307&amp;lt;/strong&amp;gt; — AuraRei; 10/17/25, 11:41 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1428769942140092568 #leveling] · Original message ID: 1428769942140092568. (edited)&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D324&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D324&amp;lt;/strong&amp;gt; — 𝓢𝖔𝖑𝖚𝖓𝖆; 10/28/25, 3:29 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1432813645183717397 #leveling] · Original message ID: 1432813645183717397.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D326&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D326&amp;lt;/strong&amp;gt; — 𝓢𝖔𝖑𝖚𝖓𝖆; 10/28/25, 3:32 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1432814315810848848 #leveling] · Original message ID: 1432814315810848848.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D327&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D327&amp;lt;/strong&amp;gt; — 𝓢𝖔𝖑𝖚𝖓𝖆; 10/28/25, 3:33 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1432814551413424251 #leveling] · Original message ID: 1432814551413424251.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D329&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D329&amp;lt;/strong&amp;gt; — 𝓢𝖔𝖑𝖚𝖓𝖆; 10/28/25, 3:34 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1432814786927923383 #leveling] · Original message ID: 1432814786927923383.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D955&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D955&amp;lt;/strong&amp;gt; — Arytiss; 7/16/26, 2:53 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1527206477129977927 #leveling] · Original message ID: 1527206477129977927.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D960&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D960&amp;lt;/strong&amp;gt; — Lomondra; 7/27/26, 5:56 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1531238836880015421 #leveling] · Original message ID: 1531238836880015421.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D965&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D965&amp;lt;/strong&amp;gt; — Dusk Sarsis; 8/30/26, 12:35 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1543660451949187072 #leveling] · Original message ID: 1543660451949187072.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D990&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D990&amp;lt;/strong&amp;gt; — Mark5720; 10/3/26, 8:49 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1555924693989589116 #leveling] · Original message ID: 1555924693989589116. (edited)&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D993&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D993&amp;lt;/strong&amp;gt; — TorturedCats; 10/6/26, 2:35 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1557098909061353613 #leveling] · Original message ID: 1557098909061353613.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F77988&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F77988&amp;lt;/strong&amp;gt; — Ghengra; Tue Dec 08, 2015 12:29 pm. [https://forum.sinfar.net/viewtopic.php?p=77988#p77988 Re: Arche Terre Leveling] · Original post ID: p77988. Last edited by Ghengra on Fri May 20, 2016 3:37 am, edited 1 time in total.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F77991&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F77991&amp;lt;/strong&amp;gt; — Xordac; Tue Dec 08, 2015 3:42 pm. [https://forum.sinfar.net/viewtopic.php?p=77991#p77991 Re: Arche Terre Leveling] · Original post ID: p77991.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F78270&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F78270&amp;lt;/strong&amp;gt; — Sevarian; Fri Dec 18, 2015 10:24 am. [https://forum.sinfar.net/viewtopic.php?p=78270#p78270 Re: Sinfars Levelling Guides] · Original post ID: p78270.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F78277&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F78277&amp;lt;/strong&amp;gt; — Ghengra; Fri Dec 18, 2015 1:42 pm. [https://forum.sinfar.net/viewtopic.php?p=78277#p78277 Re: Arche Terre Leveling] · Original post ID: p78277.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F85956&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F85956&amp;lt;/strong&amp;gt; — DM Cats; Tue Aug 02, 2016 6:13 am. [https://forum.sinfar.net/viewtopic.php?p=85956#p85956 Re: Sinfars Levelling Guides] · Original post ID: p85956.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F85979&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F85979&amp;lt;/strong&amp;gt; — Kzinti1; Wed Aug 03, 2016 3:07 pm. [https://forum.sinfar.net/viewtopic.php?p=85979#p85979 Leveling in Icenfar] · Original post ID: p85979.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F88885&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F88885&amp;lt;/strong&amp;gt; — Carcerian; Thu Oct 13, 2016 5:56 am. [https://forum.sinfar.net/viewtopic.php?p=88885#p88885 How To level up quickly (The Sinfar Circuit)] · Original post ID: p88885.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F88888&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F88888&amp;lt;/strong&amp;gt; — Prestige; Thu Oct 13, 2016 10:48 am. [https://forum.sinfar.net/viewtopic.php?p=88888#p88888 Re: How To level up quickly (The Sinfar Circuit)] · Original post ID: p88888.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F93502&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F93502&amp;lt;/strong&amp;gt; — Ghengra; Thu Mar 09, 2017 1:21 pm. [https://forum.sinfar.net/viewtopic.php?p=93502#p93502 Ghengra&#039;s AT Leveling Guide (&amp;quot;AT Route&amp;quot;)] · Original post ID: p93502. Last edited by Ghengra on Thu Aug 03, 2017 6:22 pm, edited 25 times in total.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F95578&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F95578&amp;lt;/strong&amp;gt; — Zilvai; Thu May 04, 2017 6:29 pm. [https://forum.sinfar.net/viewtopic.php?p=95578#p95578 Zilvai&#039;s Merry Leveling Guide 2k17 Edition] · Original post ID: p95578. Last edited by Zilvai on Sat May 06, 2017 1:05 pm, edited 1 time in total.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F96736&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F96736&amp;lt;/strong&amp;gt; — Zae; Sun Jun 04, 2017 12:09 pm. [https://forum.sinfar.net/viewtopic.php?p=96736#p96736 Re: Sinfars Levelling Guides] · Original post ID: p96736.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F97791&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F97791&amp;lt;/strong&amp;gt; — My Dark Avatar; Tue Jul 18, 2017 12:25 pm. [https://forum.sinfar.net/viewtopic.php?p=97791#p97791 Re: New Player Perspective] · Original post ID: p97791.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F100625&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F100625&amp;lt;/strong&amp;gt; — TheLittleMermaid; Wed Nov 08, 2017 7:27 pm. [https://forum.sinfar.net/viewtopic.php?p=100625#p100625 Re: Mermaids Saban-Angellos and Araakan Changelog] · Original post ID: p100625.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F100763&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F100763&amp;lt;/strong&amp;gt; — TheLittleMermaid; Mon Nov 20, 2017 10:52 am. [https://forum.sinfar.net/viewtopic.php?p=100763#p100763 Re: Mermaids Saban-Angellos and Araakan Changelog] · Original post ID: p100763.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F104629&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F104629&amp;lt;/strong&amp;gt; — xyz123; Sat May 26, 2018 1:36 pm. [https://forum.sinfar.net/viewtopic.php?p=104629#p104629 Re: (IC) Rumors and urban legends] · Original post ID: p104629. Last edited by xyz123 on Tue Jul 31, 2018 11:26 am, edited 4 times in total.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L001&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L001&amp;lt;/strong&amp;gt; — Guide maintainer (user); Reported 16 October 2026. Firsthand Lotus travel and OOC/IC report New characters enter the OOC Area. Enter the IC Portal to reach the game world. !OOC accesses the OOC Area and !IC returns to the previous in-game location. Captain Rodrick appears by his boat at landing areas with the destination dialogue; touring his destinations is useful for exploration XP. Choose Lotus Isles, then the ferrywoman and Wu Jen Monastery Grounds. Follow the path ahead to the large portal dome. It leads to a central platform with portals arranged in a circle and signs beside them. The maintainer explicitly confirmed that these five distinct signs cover the full portal set.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L005&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L005&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Toad Away sign [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-11 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L006&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L006&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Trouble In Paradise sign [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-12 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L008&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L008&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. A Reptile Dysfunction sign [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-14 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L009&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L009&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Going Ape sign [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-15 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L010&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L010&amp;lt;/strong&amp;gt; — Guide maintainer (user); Reported 16 October 2026. Rii Nor–Veran Emporium access, stock and approximate prices From the Lotus ferrywoman, take Rii Nor–Veran. Follow the dock straight ahead, pass through the small doorway, then enter the building on the right, the Emporium. Speak to the NPC across the room in ceremonial kimono-style clothing. The maintainer reports pre-made low-level gear at about 20,000 gold per piece: +3 AC armour, +3 weapons, and rings/amulets with +3 AC or +2 STR/DEX/WIS/CHA/INT. The maintainer recommends DEX for extra AC.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L011&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L011&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Rii Nor–Veran dock approach [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-4 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L013&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L013&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Bewitched Battle Garb [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-6 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L014&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L014&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Hopping Boots [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-7 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L016&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L016&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Ensorcelled Rapier [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-9 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L017&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L017&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Climber’s Belt [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-10 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_W001&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;W001&amp;lt;/strong&amp;gt; — Sinfar wiki contributors; Last modified 16 September 2026, 16:02. [https://wiki.sinfar.net/index.php?title=Magical_Items&amp;amp;oldid=1360 Magical Items] · Original post ID: 1360.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[New Beginnings|Player Tool guide]] · &amp;lt;span class=&amp;quot;mw-selflink selflink&amp;quot;&amp;gt;All leveling routes&amp;lt;/span&amp;gt; · [[#Preparation|Gear and preparation]] · [[Magical Items|Magical Items and forging]] · [[Dungeon Running|Dungeon Running]] · [[Main Page|Main Page]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Category:Player Tools]]&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Magical_Items&amp;diff=1389</id>
		<title>Magical Items</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Magical_Items&amp;diff=1389"/>
		<updated>2026-10-20T18:43:51Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Publish approved Sinfar resource layout: compact aligned PP tables, native headings and mobile records; preserve rules and values&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-family sf-resource-page&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-family-path&amp;quot;&amp;gt;[[Main Page|Main Page]] · [[Player Guidance Directory]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Gameplay systems · Forge reference&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Magical Items&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Find an item’s Property Points, compare enchantment costs, and check the rules before you forge.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#Power_Points|Item capacity]] [[#Item_Properties|Enchantment costs]] [[#The_Enchanting_Forge|How to enchant]] [[#Custom_Weapon_Feat_Notes|Weapon feat mappings]] [[#Potions_Wands_and_Scrolls|Potions, Wands &amp;amp; Scrolls]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Enchant once.&amp;lt;/b&amp;gt; Once an item has been enchanted, only its appearance can be changed. Choose all properties before committing. [[#The_Enchanting_Forge|Read the full forge procedure.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
Sinfar has very specific rules when it comes to what magical power can be found on items. You will never find items with a magical power beyond what is allowed.&lt;br /&gt;
&lt;br /&gt;
There are also numerous [[Custom Weapons]] available from the Sinfar haks. These are added in such a way that they can still be used by Weapon Masters or with Weapon Focus feats despite no custom feats being added for them, as they will work with pre-existing feats instead.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;Power_Points&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Item capacity ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Property Points&#039;&#039;&#039; or &#039;&#039;&#039;PP&#039;&#039;&#039; define how much magical power can be added to a crafted item. Higher PP means more room for forge properties.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
=== Armor Power Points ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-matrix sf-armor&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Armor&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Type&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Armor Class&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Max Dexterity Bonus&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Cloth&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Light&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Armor Class&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;0&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Dexterity Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;-&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Padded&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Light&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Armor Class&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Dexterity Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Leather&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Light&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Armor Class&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Dexterity Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;7&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Hide&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Light&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Armor Class&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Dexterity Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Breastplate&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Medium&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Armor Class&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Dexterity Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Scale Mail&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Medium&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Armor Class&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Dexterity Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Banded Mail&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Heavy&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Armor Class&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Dexterity Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Half Plate&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Heavy&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Armor Class&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;7&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Dexterity Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;7&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Full Plate&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Heavy&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Armor Class&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Dexterity Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-capacity-group&amp;quot;&amp;gt;&lt;br /&gt;
=== Accessory Power Points ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-capacity-grid&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;sf-reference-table sf-capacity-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Item&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Amulet&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Belt&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Boot&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Bracer&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Buckler and Shield&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-capacity-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Item&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Cloak&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Helm&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Ring&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Tower Shield&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-capacity-group&amp;quot;&amp;gt;&lt;br /&gt;
=== Simple Melee Weapons ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-capacity-grid&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;sf-reference-table sf-capacity-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Item&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Assassin&amp;amp;#x27;s Dagger&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Chirurgical Tool&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Club&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Dagger&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Dagger, Prehistoric&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Gauntlet (unarmed)&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-capacity-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Item&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Quarterstaff&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;7&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Sickle&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Spear&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Spear, Prehistoric&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Staff (Magic)&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-capacity-group&amp;quot;&amp;gt;&lt;br /&gt;
=== Martial Melee Weapons ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-capacity-grid&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;sf-reference-table sf-capacity-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Item&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Ankus&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Battleaxe&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Goad&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Great Axe&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Great Sword&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Halberd&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Handaxe&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Heavy Flail&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Heavy Mace&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Heavy Pick&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Light Flail&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Light Hammer&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Light Mace&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-capacity-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Item&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Light Pick&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Longsword&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Maug Doublesword&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Maul&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Morningstar&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Rapier&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Sap&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Scimitar&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Short Spear&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Short Sword&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Trident&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Warhammer&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-capacity-group&amp;quot;&amp;gt;&lt;br /&gt;
=== Exotic Melee Weapons ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-capacity-grid&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;sf-reference-table sf-capacity-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Item&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Bagh Nak&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Bastard Sword&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Combat Fan&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Dire Mace&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;7&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Double Axe&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Double Scimitar&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Dwarven Waraxe&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Falchion&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Kama&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Katana&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-capacity-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Item&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Katar&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Kukri&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Nonchaku&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Sai&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;7&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Scythe&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Tome (Magic)&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Two-Bladed Sword&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Whip&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Wind Fire Wheel&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-capacity-group&amp;quot;&amp;gt;&lt;br /&gt;
=== Ranged Weapons ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-capacity-grid&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;sf-reference-table sf-capacity-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Item&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Flintlock&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Heavy Crossbow&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Light Crossbow&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-capacity-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Item&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Longbow&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Shortbow&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Sling&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-capacity-group&amp;quot;&amp;gt;&lt;br /&gt;
=== Ammunition and Thrown Weapons ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-capacity-grid&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;sf-reference-table sf-capacity-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Item&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Arrow Maker&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Bolt Maker&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Bullet Maker&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Dart Maker&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-capacity-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Item&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Flintlock Maker&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Shuriken Maker&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Throwing Axes&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Item_Properties&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Enchantment costs ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
Using the above tables, the following properties can be added to different items, classed into Armour and Accessory properties or Weapon Properties. Some weapon properties are for melee and ammo only while others are ranged only.&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;p&amp;gt;&amp;lt;small&amp;gt;Read the forge notes with each chart: several properties have free tiers or special costs rather than a uniform cost per step.&amp;lt;/small&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Armour and Accessory Properties ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-matrix&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Enchantment&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Bonus per PP&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Max Bonus&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Ability Bonus&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+12&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Armor Class&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+1&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Damage Reduction&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;7/+5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;7/+10&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Elemental Damage Resistance&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;40&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Haste&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;—&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;—&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Immunity: Knockdown&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;—&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;—&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Regeneration&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+1&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+8&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Saving Throw&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+20&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Skill Bonus (Concentration or Discipline)&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+48&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Spell Resistance&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;30&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Armour and Accessory Forge Notes:&#039;&#039;&#039; Armor Class +1, +2 and +3 cost 0 PP; +4 and +5 both cost 1 PP. Haste and Immunity: Knockdown are always applied at max power. Spell Resistance +10 costs 0 PP, then +1 PP per 4 extra SR.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Weapon Properties ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-matrix&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Enchantment&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Bonus per PP&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Max Bonus&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Attack/Enhancement Bonus&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+1&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Elemental Damage Bonus&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+1d4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+1d12&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Physical Damage Bonus&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+2d8&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Positive Damage Bonus&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+1&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Keen&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;—&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;—&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Massive Criticals&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+2d6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+2d12&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Mighty&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+3&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+20&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;0&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Vampiric Regeneration&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+1&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;+7&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;7&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Spell Focus&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;—&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;—&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Bonus Spell Slots, Wizard&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;—&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;—&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Bonus Spell Slots, Other&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Bonus per PP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;—&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Max Bonus&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;—&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;PP Usage at Max&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Weapon Forge Notes:&#039;&#039;&#039; Attack/Enhancement Bonus +1 to +4 cost 0 PP, then +1 PP per level after that. Physical Damage Bonus starts at +3 for 2 PP, +1d8 for 3 PP, +6 for 4 PP, and +2d8 for 6 PP. Positive Damage Bonus gives +1 damage per PP except 5 PP = +2d4, 7 PP = +2d6, and 9 PP = +2d8. Keen is always at max power. Mighty always costs 0 PP.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Spell Tool Notes:&#039;&#039;&#039; Spell Focus costs 5 PP per school added. Wizard bonus spell slots of levels 0–5 cost 1 PP each and levels 6–9 cost 2 PP each. Other caster bonus spell slots of levels 0–2 cost 1 PP each, levels 3–5 cost 2 PP, levels 6–8 cost 3 PP, and level 9 costs 4 PP.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== The Enchanting Forge ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
The enchanting forge, located in Sinifer and other main cities, lets you add magical properties to crafted items. Crafted items can be bought from the travelling merchant in the emporium of Sinifer and also in other main cities.&lt;br /&gt;
&lt;br /&gt;
To enchant a crafted item:&lt;br /&gt;
&lt;br /&gt;
# Put a non-enchanted crafted item in an enchanting forge and close it.&lt;br /&gt;
# Use the dialog to select the properties you want to add.&lt;br /&gt;
# Each item can accept a certain number of &#039;&#039;&#039;PP&#039;&#039;&#039; — Property Points.&lt;br /&gt;
# Each property costs a certain amount of PP.&lt;br /&gt;
# The selected property must cost equal to or below the remaining PP available on the item.&lt;br /&gt;
# Gather the required components listed by the forge.&lt;br /&gt;
# Put the components and crafted item into the forge.&lt;br /&gt;
# Retry the enchantment process.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Important:&#039;&#039;&#039; Once an item has been enchanted once, it can never be modified again except for its appearance. Add all properties you want the first time, or you will need to reacquire the components and enchant a new item.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
Components inside bags are counted normally. You do not need to add each item individually.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
== Custom Weapon Feat Notes ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;These custom weapons use the following existing weapon focus feats, including for Weapon Master.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-reference-table sf-compact-map&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr class=&amp;quot;sf-table-head&amp;quot;&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Custom weapon&amp;lt;/th&amp;gt;&amp;lt;th scope=&amp;quot;col&amp;quot;&amp;gt;Uses feats for&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Ankus&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Warhammer&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Assassin&amp;amp;#x27;s Dagger&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Dagger&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Bagh Nak&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Kama&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Chirurgical Tool&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Sickle&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Double Scimitar&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Scimitar&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Falchion&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Scimitar&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Flintlock&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Crossbow&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Goad&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Spear&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Heavy Mace&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Light Mace&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Heavy Pick&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Warhammer&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Katar&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Kama&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Light Pick&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Light Hammer&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Maug Doublesword&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Longsword&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Maul&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Warhammer&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Nonchaku&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Morningstar&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Sai&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Dagger&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Sap&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Sling&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;Wind Fire Wheel&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;span class=&amp;quot;sf-data-label&amp;quot;&amp;gt;Uses feats for&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sf-data-value&amp;quot;&amp;gt;Bastard Sword&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Pre-Enchanted Items ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
There are many stores across the world that sell various items, including already enchanted ones.&lt;br /&gt;
&lt;br /&gt;
Those stores should never provide items as good as what the enchanting forge can produce. If you find any items that are comparable to what the forge can make, you should report it.&lt;br /&gt;
&lt;br /&gt;
For example, if you see an item that casts a spell that is not available for potions, such as Ice Storm, then this item is not legal.&lt;br /&gt;
&lt;br /&gt;
Custom and pre-enchanted items may have unique appearances, some of which may only be obtainable inside dungeons or from various events.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;Potions_Wands_and_Scrolls&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Potions, Wands &amp;amp; Scrolls ==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Potions ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
The &#039;&#039;&#039;Brew Potions&#039;&#039;&#039; feat lets you create potions from a limited number of spells:&lt;br /&gt;
&lt;br /&gt;
* Cat&#039;s Grace&lt;br /&gt;
* Bull&#039;s Strength&lt;br /&gt;
* Owl&#039;s Wisdom&lt;br /&gt;
* Fox&#039;s Cunning&lt;br /&gt;
* Endurance&lt;br /&gt;
* Eagle Splendor&lt;br /&gt;
* Clarity&lt;br /&gt;
* Ultravision&lt;br /&gt;
* Negative Energy Protection&lt;br /&gt;
* See Invisibility&lt;br /&gt;
* Mage Armor&lt;br /&gt;
* Death Ward&lt;br /&gt;
* Cure and Inflict Wounds Spells&lt;br /&gt;
* Light&lt;br /&gt;
* Dispel Magic&lt;br /&gt;
&lt;br /&gt;
The caster level of enchanted potions is fixed, depending on the spell. The dispel DC of potions is equal to 75% of your character level.&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Wands ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
The &#039;&#039;&#039;Craft Wand&#039;&#039;&#039; feat lets you enchant bone wands with all spells available to Brew Potions, plus:&lt;br /&gt;
&lt;br /&gt;
* True Seeing&lt;br /&gt;
* Lesser Spell Breach&lt;br /&gt;
* Endure Elements&lt;br /&gt;
* Resist Elements&lt;br /&gt;
* Protection From Elements&lt;br /&gt;
* Timestop&lt;br /&gt;
* Stoneskin&lt;br /&gt;
* Mordenkainen&#039;s Magnificent Mansion&lt;br /&gt;
* Invisibility&lt;br /&gt;
* Negative Energy Protection&lt;br /&gt;
&lt;br /&gt;
Wands have a caster level equal to the caster level from which they have been enchanted. Their dispel DC is also equal to this same caster level.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
To use enchanted wands, you must be able to cast the spell at the specific level or have Use Magic Device of at least:&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;code&amp;gt;3 x Spell Level + Caster Level&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Scrolls ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Scrolls are like an extension to your spell book. They let you cast a spell exactly as if you were casting it from your spell book, but without the need to memorize it.&lt;br /&gt;
&lt;br /&gt;
You must be able to cast the spell naturally to use a scroll version of the same spell.&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[Character Customisation]] · [[Chat Commands]] · [[Custom Weapons]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
[[Category:Player Tools]]&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1388</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1388"/>
		<updated>2026-10-20T18:39:05Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Add approved opt-in resource reference tables for Magical Items; preserve existing theme CSS&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ============================================================&lt;br /&gt;
   Sinfar Wiki Visual System v3.0&lt;br /&gt;
   Unified Common.css Framework&lt;br /&gt;
   Scope doctrine:&lt;br /&gt;
   - New/refit pages use: &amp;lt;div class=&amp;quot;sf-page&amp;quot;&amp;gt;&lt;br /&gt;
   - Legacy pages may still use .sinfar-page / .sf-card / .sf-heading&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   1. DESIGN TOKENS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
  --sf-bg-page: #0f141b;&lt;br /&gt;
  --sf-bg-shell: #11161d;&lt;br /&gt;
  --sf-bg-panel: rgba(18, 14, 12, .78);&lt;br /&gt;
  --sf-bg-panel-solid: #181214;&lt;br /&gt;
  --sf-bg-panel-soft: rgba(216, 180, 106, .08);&lt;br /&gt;
  --sf-bg-hero: linear-gradient(135deg, #21150f, #3a2417);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-border: rgba(216, 180, 106, .28);&lt;br /&gt;
  --sf-border-strong: rgba(216, 180, 106, .48);&lt;br /&gt;
  --sf-border-muted: rgba(244, 239, 230, .09);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-text: #f4efe6;&lt;br /&gt;
  --sf-text-muted: #c9bda9;&lt;br /&gt;
  --sf-gold: #d8b46a;&lt;br /&gt;
  --sf-gold-bright: #f0d28a;&lt;br /&gt;
  --sf-link: #8fc6ff;&lt;br /&gt;
  --sf-link-hover: #b8d6ff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-red: #9f4b3e;&lt;br /&gt;
  --sf-green: #2f5d3a;&lt;br /&gt;
  --sf-blue: #334e7a;&lt;br /&gt;
  --sf-purple: #60456f;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-radius-sm: 7px;&lt;br /&gt;
  --sf-radius-md: 10px;&lt;br /&gt;
  --sf-gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   2. SOVEREIGN PAGE SHELL&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page,&lt;br /&gt;
.sinfar-page {&lt;br /&gt;
  background: var(--sf-bg-shell);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 16px;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
  font-size: 14px;&lt;br /&gt;
  box-shadow: 0 0 22px rgba(0,0,0,.35);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page *,&lt;br /&gt;
.sinfar-page * {&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a,&lt;br /&gt;
.sf-page a:visited,&lt;br /&gt;
.sf-page a.external,&lt;br /&gt;
.sf-page a.external:visited,&lt;br /&gt;
.sinfar-page a,&lt;br /&gt;
.sinfar-page a:visited,&lt;br /&gt;
.sinfar-page a.external,&lt;br /&gt;
.sinfar-page a.external:visited {&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a:hover,&lt;br /&gt;
.sinfar-page a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page code,&lt;br /&gt;
.sinfar-page code {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
  padding: 1px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   3. TYPOGRAPHY&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page h1,&lt;br /&gt;
.sf-page h2,&lt;br /&gt;
.sf-page h3,&lt;br /&gt;
.sinfar-page h1,&lt;br /&gt;
.sinfar-page h2,&lt;br /&gt;
.sinfar-page h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-section-title,&lt;br /&gt;
.sf-heading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  margin: 18px 0 8px;&lt;br /&gt;
  padding-bottom: 3px;&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-subheading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 10px 0 6px;&lt;br /&gt;
  font-size: 1.15rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-muted {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-label,&lt;br /&gt;
.sf-name {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-center {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   4. HEROES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero,&lt;br /&gt;
.sf-hero-compact {&lt;br /&gt;
  background: var(--sf-bg-hero);&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 14px 18px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero h1,&lt;br /&gt;
.sf-hero-compact h1,&lt;br /&gt;
.sf-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 4px;&lt;br /&gt;
  font-size: 1.85rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero p,&lt;br /&gt;
.sf-hero-compact p,&lt;br /&gt;
.sf-subtitle {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-eyebrow {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main {&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main h1 {&lt;br /&gt;
  font-size: 2.35rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   5. GRIDS / STATUS TILES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2,&lt;br /&gt;
.sf-grid-3,&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-grid-5,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status { grid-template-columns: repeat(4, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid &amp;gt; div,&lt;br /&gt;
.sf-start-status &amp;gt; div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid b,&lt;br /&gt;
.sf-start-status b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid span,&lt;br /&gt;
.sf-start-status span {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   6. QUICKBARS / INDEX GRIDS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar,&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar &amp;gt; div,&lt;br /&gt;
.sf-index-grid &amp;gt; div,&lt;br /&gt;
.sf-pathline {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar b,&lt;br /&gt;
.sf-index-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
============================================================&lt;br /&gt;
   6A. REFERENCE MANUAL LAYOUT&lt;br /&gt;
   Reusable side directory for long technical documentation.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content [id] {&lt;br /&gt;
  scroll-margin-top: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 12px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  max-height: calc(100vh - 24px);&lt;br /&gt;
  overflow-y: auto;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  padding-bottom: 7px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-group {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin: 12px 0 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a,&lt;br /&gt;
.sf-manual-toc a:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 5px 1px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example {&lt;br /&gt;
  background: rgba(216,180,106,.06);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  margin: 7px 0 9px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-color-swatch {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 22px;&lt;br /&gt;
  height: 14px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin-right: 7px;&lt;br /&gt;
  border: 1px solid rgba(255,255,255,.28);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  vertical-align: -2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
===========================================================&lt;br /&gt;
   7. DECISION PANELS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.25fr 1fr 1fr;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision,&lt;br /&gt;
.sf-card,&lt;br /&gt;
.sf-panel {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-primary {&lt;br /&gt;
  border-color: rgba(240,210,138,.58);&lt;br /&gt;
  background: linear-gradient(135deg, rgba(60,38,20,.88), rgba(18,14,12,.78));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-kicker {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  letter-spacing: .07em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   8. ACTION LISTS / BUTTONS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 12px 0 0 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list li {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a,&lt;br /&gt;
.sf-action-list a:visited,&lt;br /&gt;
.sf-action-list a.external,&lt;br /&gt;
.sf-action-list a.external:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: rgba(216,180,106,.10);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.32);&lt;br /&gt;
  border-radius: 7px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  color: #8fc6ff;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a:hover,&lt;br /&gt;
.sf-action-list a.external:hover {&lt;br /&gt;
  background: rgba(216,180,106,.16);&lt;br /&gt;
  border-color: rgba(240,210,138,.48);&lt;br /&gt;
  color: #b8d6ff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   9. TABLES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  border-collapse: collapse;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table td {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
  padding: 7px 10px;&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table tr:last-child td {&lt;br /&gt;
  border-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll .sf-table {&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value,&lt;br /&gt;
.sf-good {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value {&lt;br /&gt;
  color: #f4c96b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-good {&lt;br /&gt;
  color: #9fe6bd;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Standard table column helpers */&lt;br /&gt;
.sf-channel-table th:nth-child(1),&lt;br /&gt;
.sf-channel-table td:nth-child(1) { width: 14%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(2),&lt;br /&gt;
.sf-channel-table td:nth-child(2) { width: 31%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(3),&lt;br /&gt;
.sf-channel-table td:nth-child(3) { width: 37%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(4),&lt;br /&gt;
.sf-channel-table td:nth-child(4) { width: 18%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(1),&lt;br /&gt;
.sf-setup-table td:nth-child(1) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(2),&lt;br /&gt;
.sf-setup-table td:nth-child(2) { width: 52%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(3),&lt;br /&gt;
.sf-setup-table td:nth-child(3) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   10. BADGES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: 2px 7px;&lt;br /&gt;
  margin: 1px 2px 1px 0;&lt;br /&gt;
  font-size: .78rem;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge-ic { background: #2f5d3a; color: #eaffef; }&lt;br /&gt;
.sf-badge-ooc { background: #334e7a; color: #eef4ff; }&lt;br /&gt;
.sf-badge-dm { background: #6f3b3b; color: #fff0f0; }&lt;br /&gt;
.sf-badge-range { background: #5f4c27; color: #fff2c2; }&lt;br /&gt;
.sf-badge-area { background: #60456f; color: #f7eaff; }&lt;br /&gt;
.sf-badge-support { background: #4e5563; color: #f0f3f8; }&lt;br /&gt;
.sf-badge-best { background: #6a5423; color: #fff0bd; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   11. ALERTS / NOTES / RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note,&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning,&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  margin: 8px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.24);&lt;br /&gt;
  border-left: 4px solid #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert b,&lt;br /&gt;
.sf-warning b {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-info {&lt;br /&gt;
  background: rgba(38,58,92,.34);&lt;br /&gt;
  border-left-color: #6fa8dc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border-left-color: #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-danger,&lt;br /&gt;
.sf-note--red {&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
  border-left-color: var(--sf-red);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  border-left: 4px solid var(--sf-red);&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   12. PROGRESS LINES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line b {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  line-height: 24px;&lt;br /&gt;
  background: rgba(216,180,106,.24);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line span {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   13. CODE / SCRIPTING DOCS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock,&lt;br /&gt;
.sf-codebox,&lt;br /&gt;
.sf-page pre,&lt;br /&gt;
.sinfar-page pre {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock code,&lt;br /&gt;
.sf-codebox code,&lt;br /&gt;
.sf-page pre code,&lt;br /&gt;
.sinfar-page pre code {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* &lt;br /&gt;
============================================================&lt;br /&gt;
   14. IMAGES / SCREENSHOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 6px;&lt;br /&gt;
  margin: 8px 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame img {&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
/* &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
============================================================&lt;br /&gt;
   MAIN PAGE IMAGE SLOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot{&lt;br /&gt;
    position:relative;&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
    border:1px solid var(--sf-border);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    background:#120d10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot img{&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    height:100%;&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   15. CHAT CHANNEL COLOR LOCKS&lt;br /&gt;
   Match in-game channel color identity.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan {&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-shout   { color: #feef50; }&lt;br /&gt;
.sf-chan-dm      { color: #f67271; }&lt;br /&gt;
.sf-chan-event   { color: #ab23f2; }&lt;br /&gt;
.sf-chan-action  { color: #b56a23; }&lt;br /&gt;
.sf-chan-ooc     { color: #b1a2bd; }&lt;br /&gt;
.sf-chan-pvp     { color: #fe5f2e; }&lt;br /&gt;
.sf-chan-sex     { color: #f520e1; }&lt;br /&gt;
.sf-chan-build   { color: #b7f520; }&lt;br /&gt;
.sf-chan-ffa     { color: #20bff0; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-talk    { color: #fefefe; }&lt;br /&gt;
.sf-chan-whisper { color: #b0b0b0; }&lt;br /&gt;
.sf-chan-quiet   { color: #777777; }&lt;br /&gt;
.sf-chan-silent  { color: #666666; }&lt;br /&gt;
.sf-chan-yell    { color: #d92324; }&lt;br /&gt;
.sf-chan-party   { color: #fefefe; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   16. FOOTERS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footerlinks,&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  margin-top: 14px;&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  border-top: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  padding: 12px 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   17. LEGACY COMPATIBILITY&lt;br /&gt;
   Keeps older remaster pages readable without preserving chaos.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--gold,&lt;br /&gt;
.sf-table--gold {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border-color: var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--green,&lt;br /&gt;
.sf-table--green {&lt;br /&gt;
  background: rgba(17,26,18,.82);&lt;br /&gt;
  border-color: rgba(68,107,53,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--blue,&lt;br /&gt;
.sf-table--blue {&lt;br /&gt;
  background: rgba(16,24,32,.82);&lt;br /&gt;
  border-color: rgba(52,87,122,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--red,&lt;br /&gt;
.sf-table--red {&lt;br /&gt;
  background: rgba(26,16,16,.82);&lt;br /&gt;
  border-color: rgba(122,52,47,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--purple,&lt;br /&gt;
.sf-table--purple {&lt;br /&gt;
  background: rgba(25,17,29,.82);&lt;br /&gt;
  border-color: rgba(91,59,120,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-heading--gold { color: var(--sf-gold-bright); border-bottom-color: var(--sf-border); }&lt;br /&gt;
.sf-heading--green { color: #91d38f; border-bottom-color: #446b35; }&lt;br /&gt;
.sf-heading--blue { color: #8fc6ff; border-bottom-color: #34577a; }&lt;br /&gt;
.sf-heading--red { color: #ff9c8f; border-bottom-color: #7a342f; }&lt;br /&gt;
.sf-heading--purple { color: #c49cff; border-bottom-color: #5b3b78; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  margin: 9px 0 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket th {&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  padding: 9px 12px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket td {&lt;br /&gt;
  background: rgba(18,14,12,.72);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   18. LISTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page ul,&lt;br /&gt;
.sf-page ol,&lt;br /&gt;
.sinfar-page ul,&lt;br /&gt;
.sinfar-page ol {&lt;br /&gt;
  margin: 6px 0 8px;&lt;br /&gt;
  padding-left: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page li,&lt;br /&gt;
.sinfar-page li {&lt;br /&gt;
  margin: 2px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   19. MOBILE RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-decision-grid,&lt;br /&gt;
  .sf-index-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
  .sf-page,&lt;br /&gt;
  .sinfar-page {&lt;br /&gt;
    padding: 12px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-quickbar,&lt;br /&gt;
  .sf-grid-2,&lt;br /&gt;
  .sf-grid-3,&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status,&lt;br /&gt;
  .sf-progress-line {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-table {&lt;br /&gt;
    table-layout: auto;&lt;br /&gt;
    font-size: .92rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-channel-table th:nth-child(n),&lt;br /&gt;
  .sf-channel-table td:nth-child(n),&lt;br /&gt;
  .sf-setup-table th:nth-child(n),&lt;br /&gt;
  .sf-setup-table td:nth-child(n) {&lt;br /&gt;
    width: auto;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Main Page Module v1.0&lt;br /&gt;
   Purpose: cinematic front-door layout for Main Page only.&lt;br /&gt;
   Requires wrapper: &amp;lt;div class=&amp;quot;sf-page sf-main-page&amp;quot;&amp;gt;&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page {&lt;br /&gt;
  max-width: 1320px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Cinematic Main Hero ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  aspect-ratio: 16 / 9;&lt;br /&gt;
  min-height: 0;&lt;br /&gt;
&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  padding: 64px 48px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Hero Artwork ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 0;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: inherit;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; a,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; span,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Flat dark overlay for text readability. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
&lt;br /&gt;
  background: rgba(5, 8, 12, .48);&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Keep hero text above the artwork and overlay. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main &amp;gt; :not(.sf-hero-art-slot) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main h1 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
&lt;br /&gt;
  font-size: 3.15rem;&lt;br /&gt;
  line-height: 1.08;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
  text-shadow:&lt;br /&gt;
    0 2px 3px rgba(0,0,0,.95),&lt;br /&gt;
    0 0 14px rgba(0,0,0,.78);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main .sf-eyebrow,&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  text-shadow: 0 2px 4px rgba(0,0,0,.95);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  max-width: 680px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: 1.08rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision {&lt;br /&gt;
  min-height: 300px;&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision h3 {&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Feature Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-grid-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card {&lt;br /&gt;
  min-height: 190px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Action Links ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links {&lt;br /&gt;
  margin-top: 12px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  box-shadow: none;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a,&lt;br /&gt;
.sf-main-page .sf-action-links a:visited,&lt;br /&gt;
.sf-main-page .sf-action-links a.external,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:visited {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a:hover,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Community Strip ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
  gap: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Responsive Layout ---------- */&lt;br /&gt;
&lt;br /&gt;
/* Split desktop, tablets, landscape */&lt;br /&gt;
@media screen and (min-width: 721px) and (max-width: 860px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision,&lt;br /&gt;
  .sf-main-page .sf-card {&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 32px 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.35rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Phones */&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3,&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 24px 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.1rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Small phones */&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main .sf-eyebrow {&lt;br /&gt;
    font-size: .66rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    font-size: 1.85rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main p {&lt;br /&gt;
    margin-bottom: 7px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================================&lt;br /&gt;
   MAIN PAGE COMMUNITY LINKS — DISCORD / PATREON&lt;br /&gt;
   ========================================================= */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 8px 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 58px;&lt;br /&gt;
  padding: 8px 16px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Control MediaWiki-generated wrappers around file images. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link &amp;gt; p,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; span,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; a,&lt;br /&gt;
.sf-main-page .community-link .mw-file-description {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link img,&lt;br /&gt;
.sf-main-page .community-link .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: 30px;&lt;br /&gt;
  max-width: 82%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--discord {&lt;br /&gt;
  background-color: #5865f2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--patreon {&lt;br /&gt;
  background-color: #ff424d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
  .sf-main-page .community-link-grid {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   MAIN PAGE — COLORED CARD SYSTEM&lt;br /&gt;
   Static layered gradients only. No glow, blur, or filters.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Shared Card Construction ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card,&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: #181214;&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      135deg,&lt;br /&gt;
      rgba(255,255,255,.025) 0%,&lt;br /&gt;
      transparent 34%,&lt;br /&gt;
      rgba(0,0,0,.12) 70%,&lt;br /&gt;
      rgba(0,0,0,.24) 100%&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      118deg,&lt;br /&gt;
      rgba(255,255,255,.014) 0,&lt;br /&gt;
      rgba(255,255,255,.014) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 7px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Subtle inner line without glow or shadow. */&lt;br /&gt;
.sf-main-page .sf-journey-card::after,&lt;br /&gt;
.sf-main-page .sf-feature-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 4px;&lt;br /&gt;
  z-index: -1;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
  border: 1px solid rgba(244,239,230,.035);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Card Header ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  min-height: 48px;&lt;br /&gt;
  margin: -22px -22px 14px;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: var(--sf-card-head, rgba(216,180,106,.10));&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      90deg,&lt;br /&gt;
      rgba(255,255,255,.035),&lt;br /&gt;
      transparent 48%,&lt;br /&gt;
      rgba(0,0,0,.16)&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      120deg,&lt;br /&gt;
      rgba(255,255,255,.012) 0,&lt;br /&gt;
      rgba(255,255,255,.012) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 6px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border-bottom: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head h3 {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Header Icon Slot ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  width: 38px;&lt;br /&gt;
  height: 38px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon img,&lt;br /&gt;
.sf-main-page .sf-card-icon .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.42);&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Featured System Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.34);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head {&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  margin: -14px -14px 12px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head h3 {&lt;br /&gt;
  font-size: 1.02rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-icon {&lt;br /&gt;
  width: 23px;&lt;br /&gt;
  height: 23px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-action-links {&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   CATEGORY THEMES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* New arrivals — crimson */&lt;br /&gt;
.sf-main-page .sf-theme-crimson {&lt;br /&gt;
  --sf-card-head: rgba(83,20,20,.92);&lt;br /&gt;
  --sf-card-border: rgba(155,69,57,.70);&lt;br /&gt;
  background-color: #1b1011;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Player resources — midnight blue */&lt;br /&gt;
.sf-main-page .sf-theme-blue {&lt;br /&gt;
  --sf-card-head: rgba(18,46,74,.94);&lt;br /&gt;
  --sf-card-border: rgba(62,104,143,.72);&lt;br /&gt;
  background-color: #101922;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Builder resources — forest green */&lt;br /&gt;
.sf-main-page .sf-theme-green {&lt;br /&gt;
  --sf-card-head: rgba(29,65,38,.94);&lt;br /&gt;
  --sf-card-border: rgba(65,110,67,.72);&lt;br /&gt;
  background-color: #111a14;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Community — royal purple */&lt;br /&gt;
.sf-main-page .sf-theme-purple {&lt;br /&gt;
  --sf-card-head: rgba(67,32,79,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,68,124,.72);&lt;br /&gt;
  background-color: #19121d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Housing — slate blue */&lt;br /&gt;
.sf-main-page .sf-theme-slate {&lt;br /&gt;
  --sf-card-head: rgba(40,57,72,.94);&lt;br /&gt;
  --sf-card-border: rgba(76,102,123,.72);&lt;br /&gt;
  background-color: #141a1f;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Businesses — warm tavern bronze */&lt;br /&gt;
.sf-main-page .sf-theme-bronze {&lt;br /&gt;
  --sf-card-head: rgba(83,52,24,.94);&lt;br /&gt;
  --sf-card-border: rgba(133,89,43,.72);&lt;br /&gt;
  background-color: #1d1610;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Character development — arcane violet */&lt;br /&gt;
.sf-main-page .sf-theme-arcane {&lt;br /&gt;
  --sf-card-head: rgba(68,42,88,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,70,132,.72);&lt;br /&gt;
  background-color: #19131e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Dungeon running — deep teal */&lt;br /&gt;
.sf-main-page .sf-theme-teal {&lt;br /&gt;
  --sf-card-head: rgba(21,62,66,.94);&lt;br /&gt;
  --sf-card-border: rgba(48,104,108,.72);&lt;br /&gt;
  background-color: #101b1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* PvP — battle red */&lt;br /&gt;
.sf-main-page .sf-theme-battle {&lt;br /&gt;
  --sf-card-head: rgba(92,31,26,.94);&lt;br /&gt;
  --sf-card-border: rgba(145,65,54,.74);&lt;br /&gt;
  background-color: #1c1110;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Custom scripting — dark builder green */&lt;br /&gt;
.sf-main-page .sf-theme-script {&lt;br /&gt;
  --sf-card-head: rgba(37,67,42,.94);&lt;br /&gt;
  --sf-card-border: rgba(71,111,73,.72);&lt;br /&gt;
  background-color: #121a13;&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   REFERENCE MANUAL — DEFINITIVE WIDTH CONTAINMENT&lt;br /&gt;
   Keeps later source examples from widening the entire manual.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page,&lt;br /&gt;
.sf-manual-layout,&lt;br /&gt;
.sf-manual-content,&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Every direct manual component must be permitted to shrink. */&lt;br /&gt;
.sf-manual-content &amp;gt; *,&lt;br /&gt;
.sf-manual-example,&lt;br /&gt;
.sf-manual-page .sf-card,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert,&lt;br /&gt;
.sf-manual-page .sf-quickbar,&lt;br /&gt;
.sf-manual-page .sf-start-status,&lt;br /&gt;
.sf-manual-page .sf-progress-line,&lt;br /&gt;
.sf-manual-page .sf-img-frame,&lt;br /&gt;
.sf-manual-page .sf-footerlinks {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Ordinary prose and callout content must wrap. */&lt;br /&gt;
.sf-manual-page p,&lt;br /&gt;
.sf-manual-page li,&lt;br /&gt;
.sf-manual-page dd,&lt;br /&gt;
.sf-manual-page span,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert {&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Preformatted source remains intact, but scrolls only&lt;br /&gt;
   inside its own code box. */&lt;br /&gt;
.sf-manual-page pre,&lt;br /&gt;
.sf-manual-page .sf-codeblock,&lt;br /&gt;
.sf-manual-page .sf-codebox {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  white-space: pre;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Inline code inside tables and paragraphs may wrap. */&lt;br /&gt;
.sf-manual-page :not(pre) &amp;gt; code {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Tables may never establish the width of the whole page. */&lt;br /&gt;
.sf-manual-page .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page .sf-table th,&lt;br /&gt;
.sf-manual-page .sf-table td {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Explicit wrapper for tables that genuinely need more width. */&lt;br /&gt;
.sf-manual-page .sf-table-scroll {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Desktop manual layout. */&lt;br /&gt;
@media screen and (min-width: 901px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Mobile and narrow-tablet layout. */&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-content {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-page .sf-table th,&lt;br /&gt;
  .sf-manual-page .sf-table td {&lt;br /&gt;
    padding-left: 7px;&lt;br /&gt;
    padding-right: 7px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  /* Only deliberately wide tables scroll horizontally. */&lt;br /&gt;
  .sf-manual-page .sf-table-scroll .sf-table {&lt;br /&gt;
    width: 760px;&lt;br /&gt;
    min-width: 760px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ================================================================&lt;br /&gt;
   SINFAR WIKI MAIN v3.2 — RESPONSIVE PRODUCTION-READINESS PASS&lt;br /&gt;
   Complete premium-module replacement. Scoped to .sf-hub.&lt;br /&gt;
   ================================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-hub {&lt;br /&gt;
  --hub-void: #07090e;&lt;br /&gt;
  --hub-void-2: #0b0f17;&lt;br /&gt;
  --hub-plate: #0f131d;&lt;br /&gt;
  --hub-plate-2: #141923;&lt;br /&gt;
  --hub-brass: #c8a25c;&lt;br /&gt;
  --hub-brass-bright: #e6c987;&lt;br /&gt;
  --hub-line: rgba(200,162,92,.28);&lt;br /&gt;
  --hub-line-strong: rgba(200,162,92,.5);&lt;br /&gt;
  --hub-verdigris: #57b7a3;&lt;br /&gt;
  --hub-parchment: #ece1c9;&lt;br /&gt;
  --hub-slate: #9ba3b4;&lt;br /&gt;
  --hub-rose: #e0788a;&lt;br /&gt;
  --hub-display: &amp;quot;Trajan Pro 3&amp;quot;, &amp;quot;Cinzel&amp;quot;, &amp;quot;Palatino Linotype&amp;quot;, Palatino, Georgia, serif;&lt;br /&gt;
  --hub-reading: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Arial, sans-serif;&lt;br /&gt;
  --hub-mono: &amp;quot;Cascadia Code&amp;quot;, &amp;quot;Cascadia Mono&amp;quot;, Consolas, monospace;&lt;br /&gt;
  container: sf-hub / inline-size;&lt;br /&gt;
  overflow: clip;&lt;br /&gt;
  background:&lt;br /&gt;
    radial-gradient(circle at 50% 0, rgba(87,183,163,.04), transparent 34rem),&lt;br /&gt;
    var(--hub-void-2);&lt;br /&gt;
  color: var(--hub-parchment);&lt;br /&gt;
  font-family: var(--hub-reading);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub *, .sf-hub *::before, .sf-hub *::after { box-sizing: border-box; }&lt;br /&gt;
.sf-hub p, .sf-hub h1, .sf-hub h2, .sf-hub h3 { margin-block-start: 0; }&lt;br /&gt;
.sf-hub a, .sf-hub a:visited { color: inherit; text-decoration: none; }&lt;br /&gt;
.sf-hub a:hover { color: var(--hub-brass-bright); }&lt;br /&gt;
&lt;br /&gt;
/* Masthead */&lt;br /&gt;
.sf-hub-masthead {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: minmax(0,1fr) auto;&lt;br /&gt;
  grid-template-areas: &amp;quot;brand search&amp;quot; &amp;quot;nav nav&amp;quot;;&lt;br /&gt;
  margin-inline: -12px;&lt;br /&gt;
  border-block: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.98);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-brand {&lt;br /&gt;
  grid-area: brand;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  padding: 11px 14px;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-stewards { display: grid; width: 100%; min-width: 0; gap: 6px; }&lt;br /&gt;
.sf-hub-stewards-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--hub-verdigris); font: 700 .52rem/1.2 var(--hub-mono); letter-spacing: .15em; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-label strong { flex: none; color: var(--hub-rose); font-size: .49rem; letter-spacing: .12em; }&lt;br /&gt;
.sf-hub-stewards-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--hub-line); background: rgba(200,162,92,.025); }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div { display: grid; min-width: 0; gap: 2px; padding: 6px 5px 5px; border-right: 1px solid var(--hub-line); text-align: center; }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-stewards-list strong { overflow: hidden; color: var(--hub-brass-bright); font: 600 .6rem/1.15 var(--hub-mono); letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-list small { color: var(--hub-slate); font: 500 .46rem/1.2 var(--hub-reading); letter-spacing: .03em; }&lt;br /&gt;
&lt;br /&gt;
.sf-hub-search {&lt;br /&gt;
  grid-area: search;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-search a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 38px;&lt;br /&gt;
  padding: 0 13px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-nav {&lt;br /&gt;
  grid-area: nav;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2,minmax(0,1fr));&lt;br /&gt;
  border-top: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav-item { min-width: 0; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-hub-nav-item:nth-child(2n), .sf-hub-nav-item:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-nav-item:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
.sf-hub-nav a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .74rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .025em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 30px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 7px;&lt;br /&gt;
  background: linear-gradient(90deg,transparent,var(--hub-brass-bright),transparent);&lt;br /&gt;
  opacity: .72;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a:hover::after, .sf-hub-nav a:focus-visible::after { width: 46px; opacity: 1; }&lt;br /&gt;
.sf-hub-nav a:hover, .sf-hub-nav a:focus-visible { background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Hero */&lt;br /&gt;
.sf-hub-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: clamp(290px,74vw,410px);&lt;br /&gt;
  margin: 10px 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  background: var(--hub-void);&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-art, .sf-hub-hero-art &amp;gt; a, .sf-hub-hero-art &amp;gt; span,&lt;br /&gt;
.sf-hub-hero-art [typeof~=&amp;quot;mw:File&amp;quot;], .sf-hub-hero-art .mw-file-description { position: absolute; inset: 0; display: block; }&lt;br /&gt;
.sf-hub-hero-art img, .sf-hub-hero-art .mw-file-element { width: 100%; height: 100%; object-fit: cover; object-position: center; }&lt;br /&gt;
.sf-hub-hero::after {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background: linear-gradient(180deg,rgba(7,9,14,.08),rgba(7,9,14,.18) 40%,rgba(7,9,14,.82));&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy {&lt;br /&gt;
  position: static;&lt;br /&gt;
  align-self: center;&lt;br /&gt;
  justify-self: center;&lt;br /&gt;
  width: min(92%,720px);&lt;br /&gt;
  padding: 26px 16px 24px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-lockup, .sf-hub-hero-copy &amp;gt; p, .sf-hub-primary { position: relative; z-index: 2; }&lt;br /&gt;
.sf-hub-hero-lockup { width: clamp(15rem,38vw,27rem); margin: 9px auto 7px; line-height: 0; }&lt;br /&gt;
.sf-hub-hero-lockup img { display: block; width: 100%; height: auto; filter: drop-shadow(0 3px 5px rgba(0,0,0,.94)) drop-shadow(0 0 13px rgba(230,201,135,.22)); }&lt;br /&gt;
.sf-hub-kicker, .sf-hub-heading-label {&lt;br /&gt;
  color: var(--hub-verdigris);&lt;br /&gt;
  font: 700 .68rem/1.3 var(--hub-mono);&lt;br /&gt;
  letter-spacing: .2em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero .sf-hub-kicker {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: clamp(18px,3vw,30px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  z-index: 3;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  max-width: calc(100% - 24px);&lt;br /&gt;
  padding: 5px 12px 4px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.72);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  text-shadow: 0 1px 4px #000;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero h1 {&lt;br /&gt;
  margin: 7px 0 5px;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(2.35rem,12vw,4.6rem)/.95 var(--hub-display);&lt;br /&gt;
  letter-spacing: .1em;&lt;br /&gt;
  text-shadow: 0 2px 8px #000;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy &amp;gt; p { margin: 0 auto 15px; color: var(--hub-parchment); font-size: clamp(.86rem,2.8vw,1rem); }&lt;br /&gt;
.sf-hub-primary { display: inline-block; }&lt;br /&gt;
.sf-hub-primary a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 42px;&lt;br /&gt;
  padding: 0 20px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-brass);&lt;br /&gt;
  background: rgba(7,9,14,.84);&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font: 700 .74rem/1 var(--hub-display);&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Shared sections */&lt;br /&gt;
.sf-hub-section { padding: 34px 0 0; }&lt;br /&gt;
.sf-hub-heading { display: grid; gap: 6px; margin-bottom: 16px; }&lt;br /&gt;
.sf-hub-heading h2 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(1.35rem,5vw,1.85rem)/1.12 var(--hub-display);&lt;br /&gt;
  letter-spacing: .035em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-heading h2::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 56px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  background: linear-gradient(90deg,var(--hub-brass),transparent);&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tasks */&lt;br /&gt;
.sf-task-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-task {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 44px minmax(0,1fr);&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(180deg,rgba(15,19,29,.88),rgba(9,12,19,.94));&lt;br /&gt;
}&lt;br /&gt;
.sf-task-icon, .sf-access-icon {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 1.05rem/1 var(--hub-display);&lt;br /&gt;
}&lt;br /&gt;
.sf-task &amp;gt; span:last-child, .sf-access &amp;gt; span:last-child { display: grid; gap: 4px; min-width: 0; padding: 11px 12px; }&lt;br /&gt;
.sf-task strong, .sf-access strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-task small, .sf-access small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
.sf-task:hover, .sf-task:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.06); }&lt;br /&gt;
&lt;br /&gt;
/* Downloads and access */&lt;br /&gt;
.sf-access-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-access {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 46px minmax(0,1fr);&lt;br /&gt;
  min-height: 72px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(135deg,rgba(200,162,92,.07),rgba(15,19,29,.72));&lt;br /&gt;
}&lt;br /&gt;
.sf-access:hover, .sf-access:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Resource directories */&lt;br /&gt;
.sf-directory-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }&lt;br /&gt;
.sf-directory { --directory-accent: var(--hub-brass); min-width: 0; border: 1px solid var(--hub-line); border-top: 2px solid var(--directory-accent); background: linear-gradient(160deg,color-mix(in srgb,var(--directory-accent) 6%,var(--hub-plate)),var(--hub-void)); }&lt;br /&gt;
.sf-directory--blue { --directory-accent: #5e91b8; }&lt;br /&gt;
.sf-directory--green { --directory-accent: #6c9f62; }&lt;br /&gt;
.sf-directory-head { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; min-height: 62px; border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-directory-head &amp;gt; span { display: grid; height: 100%; place-items: center; border-right: 1px solid var(--hub-line); color: var(--hub-brass-bright); }&lt;br /&gt;
.sf-directory h3 { margin: 0; padding: 10px 12px; color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-directory-links { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 7px 14px 12px; color: var(--hub-parchment); font-size: .8rem; line-height: 1.7; }&lt;br /&gt;
.sf-directory-links br { display: none; }&lt;br /&gt;
.sf-directory-links a { padding: 3px 0; text-decoration: underline; text-decoration-color: var(--hub-line-strong); text-underline-offset: 3px; }&lt;br /&gt;
&lt;br /&gt;
/* Living world */&lt;br /&gt;
.sf-community-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-community { display: grid; gap: 5px; min-width: 0; padding: 14px 15px; border: 1px solid var(--hub-line); border-left: 2px solid #9a6cac; background: rgba(15,19,29,.65); }&lt;br /&gt;
.sf-community strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-community small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Category registry */&lt;br /&gt;
.sf-category-list { display: grid; grid-template-columns: minmax(0,1fr); border-top: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-category-list &amp;gt; div { display: grid; gap: 4px; min-width: 0; padding: 13px 14px; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); background: rgba(15,19,29,.45); }&lt;br /&gt;
.sf-category-list strong { color: var(--hub-parchment); font-size: .84rem; }&lt;br /&gt;
.sf-category-list small { color: var(--hub-slate); font-size: .75rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Footer */&lt;br /&gt;
.sf-hub-footer {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 36px;&lt;br /&gt;
  padding: 22px 0 8px;&lt;br /&gt;
  border-top: 1px solid var(--hub-line-strong);&lt;br /&gt;
  color: var(--hub-slate);&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-footer-brand { display: grid; gap: 2px; }&lt;br /&gt;
.sf-hub-footer strong { color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-hub-footer small { color: var(--hub-slate); }&lt;br /&gt;
.sf-hub-footer a { color: var(--hub-parchment) !important; }&lt;br /&gt;
&lt;br /&gt;
/* Responsive compositions */&lt;br /&gt;
@container sf-hub (min-width: 506px) {&lt;br /&gt;
  .sf-task-grid, .sf-community-grid, .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 666px) {&lt;br /&gt;
  .sf-hub-masthead { margin-inline: -16px; }&lt;br /&gt;
  .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
  .sf-hub-nav-item, .sf-hub-nav-item:nth-child(2n) { border-right: 1px solid var(--hub-line); border-bottom: 0; }&lt;br /&gt;
  .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
  .sf-hub-nav a { min-height: 48px; }&lt;br /&gt;
  .sf-hub-hero { min-height: clamp(390px,50vw,550px); margin-top: 8px; }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: auto; }&lt;br /&gt;
  .sf-hub-footer { grid-template-columns: minmax(190px,.7fr) minmax(0,2fr); align-items: end; }&lt;br /&gt;
  .sf-hub-footer-links { text-align: right; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 910px) {&lt;br /&gt;
  .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
  .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 1138px) {&lt;br /&gt;
  .sf-hub-masthead {&lt;br /&gt;
    grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto;&lt;br /&gt;
    grid-template-areas: &amp;quot;brand nav search&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-hub-brand { min-height: 64px; padding-block: 8px; }&lt;br /&gt;
  .sf-hub-nav { border-top: 0; }&lt;br /&gt;
  .sf-hub-nav-item { border-left: 1px solid var(--hub-line); }&lt;br /&gt;
  .sf-hub-nav a { min-height: 64px; font-size: .78rem; }&lt;br /&gt;
  .sf-hub-hero { min-height: 520px; }&lt;br /&gt;
  .sf-hub-hero-copy { padding-block: 28px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Accessibility and static-motion lock */&lt;br /&gt;
.sf-hub a:focus-visible { outline: 2px solid var(--hub-verdigris); outline-offset: -3px; }&lt;br /&gt;
.sf-hub .sf-task, .sf-hub .sf-access, .sf-hub .sf-directory,&lt;br /&gt;
.sf-hub .sf-community, .sf-hub .sf-category-list &amp;gt; div, .sf-hub img, .sf-hub a { transform: none !important; transition: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-hub *, .sf-hub *::before, .sf-hub *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@supports not (container-type: inline-size) {&lt;br /&gt;
  @media screen and (min-width: 720px) {&lt;br /&gt;
    .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
    .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
    .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
    .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  }&lt;br /&gt;
  @media screen and (min-width: 1200px) {&lt;br /&gt;
    .sf-hub-masthead { grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto; grid-template-areas: &amp;quot;brand nav search&amp;quot;; }&lt;br /&gt;
    .sf-hub-nav { border-top: 0; }&lt;br /&gt;
    .sf-hub-nav a { min-height: 64px; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
    .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Wiki Interior Pages v1.0&lt;br /&gt;
   Additive extension for the existing Visual System v3.0.&lt;br /&gt;
&lt;br /&gt;
   Required outer wrapper:&lt;br /&gt;
   &amp;lt;div class=&amp;quot;sf-page sf-article-page&amp;quot;&amp;gt; ... &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
   This module intentionally reuses the existing sf-page, sf-hero,&lt;br /&gt;
   sf-section-title, sf-table, sf-note, sf-quickbar and sf-footerlinks&lt;br /&gt;
   components. It does not replace the main-page module.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-article-page {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 1180px;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page &amp;gt; *,&lt;br /&gt;
.sf-article-page .sf-table-scroll,&lt;br /&gt;
.sf-article-page .sf-figure-grid,&lt;br /&gt;
.sf-article-page .sf-figure {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  padding: clamp(20px, 4vw, 38px);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  background:&lt;br /&gt;
    linear-gradient(110deg, rgba(8, 11, 15, .95), rgba(22, 18, 17, .86)),&lt;br /&gt;
    var(--sf-bg-hero);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: auto 22px 18px auto;&lt;br /&gt;
  width: 88px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  background: linear-gradient(90deg, transparent, var(--sf-gold));&lt;br /&gt;
  opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero h1 {&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-family: Georgia, &amp;quot;Times New Roman&amp;quot;, serif;&lt;br /&gt;
  font-size: clamp(2rem, 5vw, 3.35rem);&lt;br /&gt;
  line-height: 1.05;&lt;br /&gt;
  font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero p {&lt;br /&gt;
  max-width: 760px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta,&lt;br /&gt;
.sf-summary-grid,&lt;br /&gt;
.sf-route-grid,&lt;br /&gt;
.sf-figure-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta &amp;gt; div,&lt;br /&gt;
.sf-summary-grid &amp;gt; div,&lt;br /&gt;
.sf-route-grid &amp;gt; div {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  padding: 11px 13px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .52);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta b,&lt;br /&gt;
.sf-summary-grid b,&lt;br /&gt;
.sf-route-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta span,&lt;br /&gt;
.sf-summary-grid span {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-summary-grid {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-route-grid {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-route-grid &amp;gt; div {&lt;br /&gt;
  border-top-color: var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-prose {&lt;br /&gt;
  max-width: 900px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-lead {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: 1.05rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note {&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-left: 3px solid var(--sf-gold);&lt;br /&gt;
  background: rgba(216, 180, 106, .08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note--teal {&lt;br /&gt;
  border-color: rgba(83, 202, 188, .42);&lt;br /&gt;
  border-left-color: #53cabc;&lt;br /&gt;
  background: rgba(83, 202, 188, .07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note--red {&lt;br /&gt;
  border-color: rgba(159, 75, 62, .6);&lt;br /&gt;
  border-left-color: #c46858;&lt;br /&gt;
  background: rgba(159, 75, 62, .12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-code {&lt;br /&gt;
  display: block;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  padding: 9px 11px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: #090c11;&lt;br /&gt;
  color: #dbe5f0;&lt;br /&gt;
  font-family: Consolas, &amp;quot;Cascadia Mono&amp;quot;, monospace;&lt;br /&gt;
  font-size: .9rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216, 180, 106, .1);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table th,&lt;br /&gt;
.sf-article-page .sf-table td {&lt;br /&gt;
  padding: 9px 11px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table td:first-child {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 12px auto 20px;&lt;br /&gt;
  padding: 7px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .56);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid .sf-figure,&lt;br /&gt;
.sf-figure--wide {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure &amp;gt; p,&lt;br /&gt;
.sf-figure span[typeof~=&amp;quot;mw:File&amp;quot;],&lt;br /&gt;
.sf-figure a.image,&lt;br /&gt;
.sf-figure a.mw-file-description {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page img,&lt;br /&gt;
.sf-figure img,&lt;br /&gt;
.sf-figure .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure img,&lt;br /&gt;
.sf-figure .mw-file-element {&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid .sf-figure img,&lt;br /&gt;
.sf-figure-grid .sf-figure .mw-file-element,&lt;br /&gt;
.sf-figure--wide img,&lt;br /&gt;
.sf-figure--wide .mw-file-element {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure figcaption,&lt;br /&gt;
.sf-caption {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 7px 4px 2px;&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
  font-size: .86rem;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Interior tables fit their article by default. Only genuinely dense tables&lt;br /&gt;
   opt into the explicit --wide modifier and retain a local scrollbar. */&lt;br /&gt;
.sf-article-page .sf-table-scroll .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table-scroll--wide .sf-table {&lt;br /&gt;
  width: 760px;&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .48);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue h3 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-steps {&lt;br /&gt;
  margin: 8px 0 0;&lt;br /&gt;
  padding-left: 1.4rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-steps li {&lt;br /&gt;
  margin: 0 0 5px;&lt;br /&gt;
  padding-left: .2rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-footerlinks {&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
  .sf-article-meta,&lt;br /&gt;
  .sf-summary-grid,&lt;br /&gt;
  .sf-route-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-figure-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .sf-article-page {&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-hero {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-meta,&lt;br /&gt;
  .sf-summary-grid,&lt;br /&gt;
  .sf-route-grid,&lt;br /&gt;
  .sf-figure-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-table-scroll {&lt;br /&gt;
    margin-right: -2px;&lt;br /&gt;
    padding-bottom: 4px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-table th,&lt;br /&gt;
  .sf-article-page .sf-table td {&lt;br /&gt;
    padding: 8px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-article-page *,&lt;br /&gt;
  .sf-article-page *::before,&lt;br /&gt;
  .sf-article-page *::after {&lt;br /&gt;
    scroll-behavior: auto !important;&lt;br /&gt;
    transition-duration: .01ms !important;&lt;br /&gt;
    animation-duration: .01ms !important;&lt;br /&gt;
    animation-iteration-count: 1 !important;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Sinfar guidance family v2. Opt-in only; does not restyle existing articles. */&lt;br /&gt;
.sf-page.sf-guidance-family {&lt;br /&gt;
  --sf-bg-shell:#0b0f17; --sf-bg-panel:#0f131d; --sf-text:#ece1c9;&lt;br /&gt;
  --sf-text-muted:#aab2c2; --sf-gold:#c8a25c; --sf-gold-bright:#e6c987;&lt;br /&gt;
  --sf-border:rgba(200,162,92,.28); --sf-border-strong:rgba(200,162,92,.5);&lt;br /&gt;
  width:100%; max-width:1180px; min-width:0; margin:0 auto; padding:16px;&lt;br /&gt;
  border:1px solid var(--sf-border); border-radius:0; background:#0b0f17;&lt;br /&gt;
  color:var(--sf-text); font:14px/1.55 system-ui,-apple-system,&amp;quot;Segoe UI&amp;quot;,sans-serif;&lt;br /&gt;
  overflow-wrap:anywhere; box-shadow:none;&lt;br /&gt;
}&lt;br /&gt;
.sf-guidance-family *, .sf-guidance-family *::before, .sf-guidance-family *::after { box-sizing:border-box; }&lt;br /&gt;
.sf-guidance-family p { margin:0 0 10px; }&lt;br /&gt;
.sf-guidance-family h2, .sf-guidance-family h3, .sf-guidance-family [id] { scroll-margin-top:88px; }&lt;br /&gt;
.sf-guidance-family h2, .sf-guidance-family h3 { display:flow-root; }&lt;br /&gt;
.sf-guidance-family a { color:#8fc6ff; }&lt;br /&gt;
.sf-guidance-family a:focus-visible { outline:2px solid #57b7a3; outline-offset:3px; }&lt;br /&gt;
.sf-guidance-family .sf-family-path { font-size:12px; margin-bottom:12px; }&lt;br /&gt;
.sf-guidance-family .sf-hero { min-height:0; padding:24px 26px 30px; margin:0 0 14px; border:1px solid var(--sf-border-strong); border-radius:0; text-align:left; background:linear-gradient(115deg,#080c12,#111823); }&lt;br /&gt;
.sf-guidance-family .sf-title { font:400 clamp(28px,4vw,45px)/1.12 &amp;quot;Palatino Linotype&amp;quot;,Palatino,Georgia,serif; color:var(--sf-gold-bright); margin:5px 0 9px; letter-spacing:.025em; }&lt;br /&gt;
.sf-guidance-family .sf-hero p { font-size:15px; max-width:760px; color:var(--sf-text); }&lt;br /&gt;
.sf-guidance-family .sf-eyebrow { color:#57b7a3; font:700 10px/1.4 Consolas,monospace; letter-spacing:.16em; text-transform:uppercase; }&lt;br /&gt;
.sf-guidance-family h2 { margin:26px 0 14px; padding:0; border:0; color:var(--sf-gold-bright); font:400 29px/1.15 &amp;quot;Palatino Linotype&amp;quot;,Palatino,Georgia,serif; letter-spacing:.025em; }&lt;br /&gt;
.sf-guidance-family h2::after { content:&amp;quot;&amp;quot;; display:block; width:54px; height:1px; margin-top:10px; background:linear-gradient(90deg,#c8a25c,transparent); }&lt;br /&gt;
.sf-guidance-family h3 { margin:0 0 10px; padding:0 0 10px; border:0; border-bottom:1px solid var(--sf-border); color:var(--sf-gold-bright); font:400 18px/1.3 &amp;quot;Palatino Linotype&amp;quot;,Palatino,Georgia,serif; }&lt;br /&gt;
.sf-guidance-family .sf-choice-grid, .sf-guidance-family .sf-menu-grid, .sf-guidance-family .sf-server-routes { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:10px; margin:0 0 16px; align-items:start; }&lt;br /&gt;
.sf-guidance-family .sf-choice-card, .sf-guidance-family .sf-menu-entry, .sf-guidance-family .sf-route-record, .sf-guidance-family .sf-content-panel { min-width:0; padding:14px; border:1px solid var(--sf-border); border-top:2px solid #5e91b8; border-radius:0; background:linear-gradient(160deg,#10151e,#080c12); }&lt;br /&gt;
.sf-guidance-family .sf-menu-entry &amp;gt; :last-child, .sf-guidance-family .sf-route-record &amp;gt; :last-child { margin-bottom:0; }&lt;br /&gt;
.sf-guidance-family .sf-screenshot-link { margin-top:9px; padding-top:7px; border-top:1px solid var(--sf-border); font-size:12px; }&lt;br /&gt;
.sf-guidance-family .sf-screenshot-link a { display:inline-flex; align-items:center; min-height:36px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 12px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index &amp;gt; div { border:1px solid var(--sf-border); background:#0a0e15; padding:12px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index b { display:block; font-size:14px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index b a { color:var(--sf-gold-bright); display:block; padding:2px 0 8px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index span { color:var(--sf-text-muted); font-size:12px; }&lt;br /&gt;
.sf-guidance-family .sf-route-record h3 a { color:var(--sf-gold-bright); }&lt;br /&gt;
.sf-guidance-family .sf-route-start { color:var(--sf-text); font-size:13px; }&lt;br /&gt;
.sf-guidance-family .sf-route-path { color:var(--sf-text-muted); font-size:13px; }&lt;br /&gt;
.sf-guidance-family .sf-route-open { margin:9px 0 0; border-top:1px solid var(--sf-border); padding-top:4px; }&lt;br /&gt;
.sf-guidance-family .sf-route-open a { display:inline-flex; align-items:center; min-height:36px; font-weight:600; font-size:13px; }&lt;br /&gt;
.sf-guidance-family .sf-task-index { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }&lt;br /&gt;
.sf-guidance-family .sf-task-index a { display:inline-flex; min-height:40px; align-items:center; padding:8px 12px; border:1px solid var(--sf-border); color:var(--sf-gold-bright); background:#090d14; }&lt;br /&gt;
.sf-guidance-family .sf-tool-intro { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:16px; align-items:start; }&lt;br /&gt;
.sf-guidance-family .sf-guide-image { width:fit-content; max-width:100%; margin:0; padding:0; border:0; background:none; }&lt;br /&gt;
.sf-guidance-family .sf-guide-image img { width:auto; max-width:100%; height:auto; margin:0; }&lt;br /&gt;
.sf-guidance-family .sf-guide-image .sf-caption { color:var(--sf-text-muted); padding:6px 0; font-size:12px; }&lt;br /&gt;
.sf-guidance-family .sf-note { margin:12px 0; padding:12px; border:1px solid var(--sf-border); border-left:2px solid #c8a25c; border-radius:0; background:rgba(200,162,92,.06); }&lt;br /&gt;
.sf-guidance-family .sf-download { margin-top:12px; border:1px solid var(--sf-border-strong); background:#07090e; }&lt;br /&gt;
.sf-guidance-family .sf-download a { display:block; padding:10px 12px; min-height:42px; color:var(--sf-gold-bright); font-weight:600; text-align:center; }&lt;br /&gt;
.sf-guidance-family .sf-article-meta, .sf-guidance-family .sf-summary-grid, .sf-guidance-family .sf-route-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:16px; }&lt;br /&gt;
.sf-guidance-family .sf-article-meta &amp;gt; div, .sf-guidance-family .sf-summary-grid &amp;gt; div, .sf-guidance-family .sf-route-grid &amp;gt; div { min-width:0; padding:12px; background:#0a0e15; border:1px solid var(--sf-border); }&lt;br /&gt;
.sf-guidance-family .sf-article-meta span, .sf-guidance-family .sf-summary-grid span { color:var(--sf-text-muted); }&lt;br /&gt;
.sf-guidance-family .sf-content-panel { margin-bottom:12px; }&lt;br /&gt;
.sf-guidance-family .sf-disclosure, .sf-guidance-family .mw-collapsible.sf-note { margin:14px 0; padding:12px; border:1px solid var(--sf-border); background:#090d14; }&lt;br /&gt;
.sf-guidance-family .sf-disclosure summary { cursor:pointer; min-height:32px; color:var(--sf-gold-bright); font-weight:600; }&lt;br /&gt;
.sf-guidance-family .sf-disclosure li { margin-bottom:9px; }&lt;br /&gt;
.sf-guidance-family .sf-table-scroll { max-width:100%; overflow:visible; mask-image:none; -webkit-mask-image:none; }&lt;br /&gt;
.sf-guidance-family .sf-table-scroll::before, .sf-guidance-family .sf-table-scroll::after { display:none; }&lt;br /&gt;
.sf-guidance-family .sf-table { width:100%; min-width:0; table-layout:fixed; border-collapse:collapse; }&lt;br /&gt;
.sf-guidance-family .sf-table th, .sf-guidance-family .sf-table td { border:1px solid var(--sf-border); padding:9px; white-space:normal; overflow-wrap:anywhere; vertical-align:top; }&lt;br /&gt;
.sf-guidance-family .sf-table th { color:var(--sf-gold-bright); text-align:left; background:rgba(200,162,92,.07); }&lt;br /&gt;
.sf-guidance-family .sf-footerlinks { margin-top:20px; padding-top:10px; border-top:1px solid var(--sf-border); }&lt;br /&gt;
@media (max-width:900px) {&lt;br /&gt;
  .sf-guidance-family .sf-article-meta, .sf-guidance-family .sf-summary-grid, .sf-guidance-family .sf-route-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }&lt;br /&gt;
}&lt;br /&gt;
@media (max-width:560px) {&lt;br /&gt;
  .sf-page.sf-guidance-family { padding:10px; }&lt;br /&gt;
  .sf-guidance-family .sf-hero { padding:18px 14px 28px; }&lt;br /&gt;
  .sf-guidance-family .sf-server-index { grid-template-columns:repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-guidance-family .sf-tool-intro { grid-template-columns:minmax(0,1fr); }&lt;br /&gt;
  .sf-guidance-family .sf-tool-intro .sf-guide-image { max-width:150px; }&lt;br /&gt;
  .sf-guidance-family .sf-article-meta, .sf-guidance-family .sf-summary-grid, .sf-guidance-family .sf-route-grid { grid-template-columns:1fr; }&lt;br /&gt;
  .sf-guidance-family .sf-table, .sf-guidance-family .sf-table tbody { display:block; width:100%; }&lt;br /&gt;
  .sf-guidance-family .sf-table tr { display:block; border:1px solid var(--sf-border); margin:0 0 10px; }&lt;br /&gt;
  .sf-guidance-family .sf-table tr:first-child { display:none; }&lt;br /&gt;
  .sf-guidance-family .sf-table th, .sf-guidance-family .sf-table td { display:block; width:100%; border:0; }&lt;br /&gt;
  .sf-guidance-family .sf-table td:first-child { font-weight:600; color:var(--sf-gold-bright); background:rgba(200,162,92,.07); }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BEGIN SINFAR RESOURCE REFERENCE V1 */&lt;br /&gt;
/* Published 20 October 2026. Reusable dense reference components, opt-in scope.&lt;br /&gt;
   Does not restyle existing sf-table instances or the Main Page. */&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-capacity-group {&lt;br /&gt;
  margin:0 0 18px; padding:12px; border:1px solid var(--sf-border);&lt;br /&gt;
  border-top:2px solid #5e91b8; background:#0c1119;&lt;br /&gt;
}&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-capacity-grid {&lt;br /&gt;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px;&lt;br /&gt;
  align-items:start; max-width:850px;&lt;br /&gt;
}&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-reference-table {&lt;br /&gt;
  width:100%; min-width:0; max-width:100%; table-layout:fixed;&lt;br /&gt;
  border-collapse:collapse; margin:0 0 10px; background:#0b1017;&lt;br /&gt;
  font-size:14px; font-variant-numeric:tabular-nums;&lt;br /&gt;
  mask-image:none; -webkit-mask-image:none;&lt;br /&gt;
}&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-reference-table th,&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-reference-table td {&lt;br /&gt;
  padding:7px 10px; border:1px solid var(--sf-border); vertical-align:top;&lt;br /&gt;
  white-space:normal; overflow-wrap:break-word; text-align:left;&lt;br /&gt;
}&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-reference-table .sf-table-head th {&lt;br /&gt;
  color:var(--sf-gold-bright); background:#161b24; font-weight:600;&lt;br /&gt;
}&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-reference-table th[scope=&amp;quot;row&amp;quot;] {&lt;br /&gt;
  color:var(--sf-text); background:none; font-weight:500;&lt;br /&gt;
}&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-reference-table tr:nth-child(even) {&lt;br /&gt;
  background:rgba(200,162,92,.035);&lt;br /&gt;
}&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-capacity-table th:last-child,&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-capacity-table td:last-child {&lt;br /&gt;
  width:4.2em; text-align:right; color:var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-capacity-grid &amp;gt; .sf-reference-table {&lt;br /&gt;
  margin-bottom:0;&lt;br /&gt;
}&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-data-label { display:none; }&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-matrix th:first-child { width:37%; }&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-armor th:first-child { width:27%; }&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-armor th:last-child { width:10%; }&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-compact-map { max-width:720px; }&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-reference-table p { margin:0; }&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-capacity-group h3 { margin-top:0; }&lt;br /&gt;
.sf-guidance-family.sf-resource-page .sf-reference-note {&lt;br /&gt;
  color:var(--sf-text-muted); font-size:13px; margin:6px 0 14px;&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:640px) {&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-capacity-grid { grid-template-columns:1fr; }&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-capacity-grid table + table .sf-table-head { display:none; }&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-capacity-grid table + table tr:nth-child(2) &amp;gt; * { border-top:0; }&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-matrix,&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-matrix tbody {&lt;br /&gt;
    display:block; width:100%; table-layout:auto;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-matrix .sf-table-head { display:none; }&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-matrix tbody tr {&lt;br /&gt;
    display:block; border:1px solid var(--sf-border); margin-bottom:10px;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-matrix th[scope=&amp;quot;row&amp;quot;],&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-matrix tbody td {&lt;br /&gt;
    display:block; width:auto; border:0; padding:6px 10px;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-matrix th[scope=&amp;quot;row&amp;quot;] {&lt;br /&gt;
    color:var(--sf-gold-bright); background:#161b24; font-weight:600;&lt;br /&gt;
    padding:8px 10px; border-bottom:1px solid var(--sf-border);&lt;br /&gt;
  }&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-matrix tbody td {&lt;br /&gt;
    display:flex; justify-content:space-between; align-items:baseline; gap:12px;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-matrix .sf-data-label {&lt;br /&gt;
    display:inline; color:var(--sf-text-muted); flex:1; min-width:0;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-guidance-family.sf-resource-page .sf-matrix .sf-data-value {&lt;br /&gt;
    min-width:0; max-width:48%; text-align:right;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* END SINFAR RESOURCE REFERENCE V1 */&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Class_Changes&amp;diff=1387</id>
		<title>Class Changes</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Class_Changes&amp;diff=1387"/>
		<updated>2026-10-20T18:12:34Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-family sf-resource-page&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-family-path&amp;quot;&amp;gt;[[Main Page|Main Page]] · [[Player Guidance Directory]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Character mechanics · Class reference&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Class Changes&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Class progression changes and unique class ability adjustments on Sinfar.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The following is a list of changes made specifically to class progression or unique class abilities.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Choose your class ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#Arcane_Archer|Arcane Archer]] [[#Assassin|Assassin]] [[#Barbarian|Barbarian]] [[#Bard|Bard]] [[#Blackguard|Blackguard]] [[#Cleric|Cleric]] [[#Dwarven_Defender|Dwarven Defender]] [[#Harper_Scout|Harper Scout]] [[#Monk|Monk]] [[#Pale_Master|Pale Master]] [[#Red_Dragon_Disciple|Red Dragon Disciple]] [[#Shadow_Dancer|Shadow Dancer]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Arcane Archer ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Arrow of Death ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;Arrow of Death: The DC has been changed to 20 + 1 Per Arcane Archer level.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Assassin ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Hide In Plain Sight / Improved Sneak Attack ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;Hide In Plain Sight: Now received at level 8. Improved Sneak Attack: works for Assassin without Rogue/BG sneak.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Barbarian ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Barbarian Rages ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;Barbarian Rages: The stat bonuses of their rages are removed and replaced with equivalent ab/saves/hp/discipline. (Standard = +2, Greater = +3, Mighty = +4) Their speed bonus now stacks with haste, so a barbarian is faster then everyone else besides monks&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Bard ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Bard Song and Curse Song ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;Bard Song and Curse Song create an area of effect. You are unaffected by them if you are silenced or deaf unless you are the caster. See the table for the detailed information of the effects on the forums ([http://nwn.sinfar.net/viewtopic.php?t=11505 bard song]). Lasting inspiration doubles the duration taking into effect the bonus from lingering song. (so 30 rounds total)&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Blackguard ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Base Attack Bonus ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;The class gains +1BAB at 1st level and then again every tenth level, up to a maximum of +4 BAB at Blackguard level 30. This is a simulated bonus and doesn&#039;t count towards feat or class requirements such as Improved Critical or Champion of Torn, respectively, and it doesn&#039;t raise the Attacks per Round when taken pre-epic.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Cleric ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Animal Domain ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;Animal Domain: Adds +1 to Strength, Constitution, Dexterity, AC and AB with each 6 caster levels, up to a maximum of +6 to the affected summons: Summon Creature I, II, III, IV, V, VI, VII, VIII and IX.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Dwarven Defender ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Defensive Stance ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;Defensive Stance uses are unlimited and the bonuses have been changed: http://nwn.sinfar.net/p_defensivestance.php&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Harper Scout ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;These changes apply to the feats gained and the effects they produce.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Cat&#039;s Grace and Eagle&#039;s Splendor ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;+6 flat bonus; can target anyone.&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Applied as extraordinary effects: they cannot be dispelled and have no duration. They wear off only on death or resting.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Invisibility ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Adds a separate &amp;lt;b&amp;gt;25% concealment&amp;lt;/b&amp;gt; bonus that does not disappear when invisibility is dispelled. Invisibility duration is &amp;lt;b&amp;gt;multiplied by 4&amp;lt;/b&amp;gt;.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Tymora&#039;s Smile ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Save bonus increased to &amp;lt;b&amp;gt;+3&amp;lt;/b&amp;gt;.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Applied as an extraordinary effect: it cannot be dispelled and has no duration. It wears off only on death or resting.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;small&amp;gt;Source: TorturedCats’ live-change announcement, 29 March 2026. Transcribed from the supplied Discord screenshot.&amp;lt;/small&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Monk ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Speed ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;Their speed has been lowered from 10% to 3% per 3 monk levels.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Pale Master ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Armor Class / Caster Level ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;They lose 1 AC at first level and 1 every 4 levels after that. Epic Pale Master get 1 real caster level (not only extra spells) every odd levels (11, 13, 15, …).&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Red Dragon Disciple ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Level 10 Bonuses ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;At level 10, they get +2 Strength (instead of +4) and no AC bonus (instead of +1AC).&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Shadow Dancer ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&lt;br /&gt;
=== Hide in Plain Sight / Shadow Evade ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;Hide in Plain Sight: works on anyone who is 5 feet away from the player. Shadow Evade: always has reduction power of +6, the concealment continues to increase at epic level by 1 per epic shadow dancer level, the AC bonus increases by 1 every 10 levels after level 10.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[PvP Changes]] · [[Feat Changes]] · [[Spell Changes]] · [[Class Bonuses]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
[[Category:Player Tools]]&lt;br /&gt;
[[Category:Gameplay Changes]]&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=New_Beginnings&amp;diff=1386</id>
		<title>New Beginnings</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=New_Beginnings&amp;diff=1386"/>
		<updated>2026-10-19T05:44:25Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Fix source-note screenshot links to the uploaded Wiki images.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-family&amp;quot;&amp;gt;&amp;lt;div aria-label=&amp;quot;Player guidance pages&amp;quot; class=&amp;quot;sf-family-path&amp;quot;&amp;gt;[[Player Guidance Directory|Player Guidance Directory]] / [[New Beginnings|New Beginnings]] / [[Leveling on Sinfar|Leveling on Sinfar]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;New Beginnings · Player Resources&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Your Player Tool&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Find the menu you need for roleplay, appearance, player information, settings and everyday utilities.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Explore_the_menus&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Find a function ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-lead&amp;quot;&amp;gt;Choose a task below, or use Contents to jump directly to a named menu.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div aria-label=&amp;quot;Find a Player Tool function&amp;quot; class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#Roleplay_actions|Roleplay actions]][[#Appearance|Appearance]][[#Player_information|Player information]][[#Settings_and_modes|Settings &amp;amp;amp; modes]][[#Movement_and_utilities|Movement &amp;amp;amp; utilities]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Your_Player_Tool&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Open your Player Tool ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-tool-intro&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;The &amp;lt;strong&amp;gt;Player Tool&amp;lt;/strong&amp;gt; brings together your appearance, roleplay actions, player information, dice, settings and everyday utilities. Keep &amp;lt;strong&amp;gt;Player Tool 1&amp;lt;/strong&amp;gt; on your quickbar for easy access.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-guide-image&amp;quot;&amp;gt;[[File:Sinfar guide player-tool player-tool-quickbar.png|158px|alt=Player Tool 1 — quickslot example (F10)]]&amp;lt;p class=&amp;quot;sf-caption&amp;quot;&amp;gt;Example quickslot: F10. Any quickslot may be used.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-muted&amp;quot;&amp;gt;F10 is the quickslot used in this example; it is not a required key binding.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Open the tool and choose a feature from &amp;lt;strong&amp;gt;PC Tool – Main Menu&amp;lt;/strong&amp;gt;. &amp;lt;strong&amp;gt;Rest&amp;lt;/strong&amp;gt; is the first option. Use &amp;lt;strong&amp;gt;Back&amp;lt;/strong&amp;gt; to return or &amp;lt;strong&amp;gt;End&amp;lt;/strong&amp;gt; to close the conversation.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;If you see the location/target screen, choose &amp;lt;strong&amp;gt;Main Menu&amp;lt;/strong&amp;gt; to return here.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-guide-image&amp;quot;&amp;gt;[[File:Sinfar guide player-tool main-menu.png|150px|alt=Player Tool — Main Menu]]&amp;lt;p class=&amp;quot;sf-caption&amp;quot;&amp;gt;PC Tool – Main Menu. Select the image to enlarge.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Roleplay actions ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Emotes ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Choose Feeling, Social, Actions, Combat, Intimate, Laying, Hanging, Walking or Chair Sitting animations.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The same menu provides visual effects, camera height, manual positioning, speed, advanced options and Restore the animation.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool emotes.png|View Emotes screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Voice Chats ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Browse voice lines in four categories: Combat, Feelings, Social and Tasks.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool voice-chats.png|View Voice Chats screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Dice and checks ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Roll d2, d3, d4, d6, d8, d10, d12, d20 or d100. The menu also offers Ability Check, Skill Check and Saving Throw Check.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The pictured chat-command example is !ROLL2d100.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool dice.png|View Dice and checks screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Appearance ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Quick Appearance Change ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Open Body, Clothing, Disguise, Back Equipment or Accessories. Disguise leads through account and character selection.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Other options include Strip, hiding your helmet or tail, showing wings while wearing a cloak, and pelvis appearance options.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool appearance.png|View Quick Appearance Change screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Body appearance ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Browse saved full-body appearances or save the appearance you are currently using.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;You can also remove the visual effects associated with your body appearance.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool body.png|View Body appearance screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Clothing appearances ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Browse or save appearances for your helmet, cloak and armour. Each equipment category has its own list and save option.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool clothing.png|View Clothing appearances screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Player information ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Player List ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Choose a character from the list to open their player information. Use Next to browse further entries.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The names pictured are examples from the screenshot.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool player-list.png|View Player List screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Selected player information ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;View the character’s displayed player information, location, titles and status.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Open Titles &amp;amp;amp; Achievements, examine their description, toggle Like/Dislike, or clear automatic consents with that character. Your own visibility controls are under Settings → Player List Status.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool player-entry.png|View Selected player information screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Settings_and_modes&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Settings &amp;amp; modes ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Settings ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Open Miscellaneous Settings, Player List Status, Henchmen, Subdual Mode, Immersive Mode, Resting or Chat Colour Settings.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The photographed submenus are explained below. The ON/OFF values shown belong to the captured character.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool settings.png|View Settings screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Miscellaneous Settings ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Toggle attacks of opportunity, touching mode, PvP without consent and XP gain.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Touching mode disables collisions with other players. Enabling PvP Without Consent lets other players turn hostile without a consent notification.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool misc-settings.png|View Miscellaneous Settings screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Player List Status ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Choose whether to hide your location or level, change your subrace, and set busy, feeling alone or looking for an in-character conversation.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Toggle the Action, Sex, PvP, OOC, FFA and Builders channels. Builders is labelled account-wide.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool player-list-status.png|View Player List Status screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Subdual Mode ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Set an automatic resurrection delay for characters you kill. Enter the delay in seconds: the menu’s example is 300 seconds = 5 minutes.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;A value of 0 means no automatic resurrection.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool subdual-mode.png|View Subdual Mode screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Immersive Mode ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Suppress OOC and public messages, including Shout and Tells.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Choose the automatic reply that people receive when they send you a tell.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool immersive-mode.png|View Immersive Mode screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Movement_and_utilities&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Movement &amp;amp; utilities ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Teleport ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Choose from three options: “At this same location, I am stuck,” “Outside of this place,” or “Into a changing room.”&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool teleport.png|View Teleport screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Miscellaneous Tools ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Walk, remove your spell effects, save your character, check your location, list players or nearby listeners, and Like everyone.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Also available: Fix my party, Go AFK, knock on the nearest house door, manage quickbars, ignore/unignore tells, Relog, and Clear State and Relog.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool misc-tools.png|View Miscellaneous Tools screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Location and local guidebook ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;This screen shows your location and coordinates, and offers Open Local Area Guidebook or a return to Main Menu.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;It also asks about targeting a nearby object. The screenshot does not establish which action opened this screen.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool location-guidebook.png|View Location and local guidebook screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Server Information ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Read the in-game references for spell changes, epic spell changes, feat changes, class bonuses, class changes and module changes, alongside the server-rule entries.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool server-information.png|View Server Information screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Ready_to_level&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Ready to level? ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note sf-note--teal&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Explore twelve documented routes with level ranges, travel directions, monsters, equipment and materials to keep.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[Leveling on Sinfar|Choose a leveling route]] · [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus Visit the Lotus Isles training grounds]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== About this guide ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Based on the in-game screenshots supplied on 16 October 2026. Henchmen, Resting and Chat Colour Settings are shown as menu entries; their submenus were not supplied. Account and character selection screens are retained as source references rather than tutorial illustrations.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Sources&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Sources and attribution ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;b&amp;gt;Read the 21 source records&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;p&amp;gt;Original authors, displayed dates and message/post IDs are retained below. Discord links may require Sinfar server access. Initial research: 15 October 2026; Player Tool and Lotus field evidence: 16 October 2026.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ol&amp;gt;&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT001&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT001&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Player Tool 1 — quickslot example (F10) [[Media:Sinfar guide player-tool player-tool-quickbar.png|View screenshot]]. Quickbar icon labelled Player Tool 1, shown in the F10 slot. F10 is the example placement, not an established default binding.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT002&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT002&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Player Tool — Main Menu [[Media:Sinfar guide player-tool main-menu.png|View screenshot]]. Rest; Emotes; Voices Chats; Quick Appearance Change; Player List; Roll a dice; Settings; Teleport; Miscellaneous Tools; Server Information; End.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT003&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT003&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Emotes [[Media:Sinfar guide player-tool emotes.png|View screenshot]]. Feeling; Social; Actions; Combat; Intimate; Laying; Hanging; Walking; Chair Sitting; Visual Effects; Vertical Camera Positioning; Manual Positioning; Speed; Advanced; Restore the animation.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT004&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT004&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Voice Chats [[Media:Sinfar guide player-tool voice-chats.png|View screenshot]]. Combat; Feelings; Social; Tasks.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT005&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT005&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Quick Appearance Change [[Media:Sinfar guide player-tool appearance.png|View screenshot]]. Body; Clothing; Disguise; Back Equipment; Accessories; Strip; Hide my helmet; Show my wings while wearing a cloak; Hide my tail; Pelvis appearance options.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT006&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT006&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Body appearance [[Media:Sinfar guide player-tool body.png|View screenshot]]. Choose or save a full body appearance; All; Save my current body appearance; Remove the visual effects associated with my body appearance.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT007&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT007&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Clothing appearances [[Media:Sinfar guide player-tool clothing.png|View screenshot]]. List Helmet/Cloak/Armor Appearances; Save my helmet/cloak/armor appearance.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT008&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT008&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Alt-account selection Select one of your alt accounts; Next; Previous. Account names are example values, not general tutorial instructions.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT009&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT009&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Disguise character selection Select the character to disguise into; Next; Previous. Character names are example values.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT010&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT010&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Player List [[Media:Sinfar guide player-tool player-list.png|View screenshot]]. List of character names and Next. Listed characters are examples from the capture, not a current online roster.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT011&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT011&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Selected player information [[Media:Sinfar guide player-tool player-entry.png|View screenshot]]. Character and player information; location; titles; a feeling-alone status. Options: Titles &amp;amp;amp; Achievements; Examine this character description; Toggle Like/Dislike; Clear all automatic consents with this character; Player List.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT012&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT012&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Roll a Dice [[Media:Sinfar guide player-tool dice.png|View screenshot]]. d2, d3, d4, d6, d8, d10, d12, d20, d100; Ability Check; Skill Check; Saving Throw Check. Command example: !ROLL2d100.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT013&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT013&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Settings [[Media:Sinfar guide player-tool settings.png|View screenshot]]. Miscellaneous Settings; Player List Status; Henchmen; Subdual Mode; Immersive Mode; Resting; Chat Colour Settings. Henchmen, Resting and Chat Colour Settings submenu contents are not supplied.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT014&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT014&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Miscellaneous Settings [[Media:Sinfar guide player-tool misc-settings.png|View screenshot]]. Toggles for attacks of opportunity, touching mode, PvP without consent and XP gain. Legend: touching mode disables collisions with other players; PvP Without Consent enables other players to turn hostile without a consent notification. Shown ON/OFF states belong to the captured character.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT015&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT015&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Player List Status [[Media:Sinfar guide player-tool player-list-status.png|View screenshot]]. Hide my location; Hide my level; Change my subrace; busy; feeling alone; looking for an in-character conversation; Action, Sex, PvP, OOC, FFA and Builders channel toggles. Builders Channel is labelled account wide.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT016&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT016&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Subdual Mode [[Media:Sinfar guide player-tool subdual-mode.png|View screenshot]]. Enter the resurrection delay in seconds for characters you kill. Menu example: 300 seconds means 5 minutes. Zero keeps/sets no automatic resurrection.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT017&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT017&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Immersive Mode [[Media:Sinfar guide player-tool immersive-mode.png|View screenshot]]. When ON, messages from OOC and public channels including Shout and Tells are not received. Tell senders receive an automatic response of your choice. Includes enable toggle and message editor.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT018&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT018&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Teleport [[Media:Sinfar guide player-tool teleport.png|View screenshot]]. At this same location, I am stuck; Outside of this place; Into a changing room.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT019&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT019&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Miscellaneous Tools [[Media:Sinfar guide player-tool misc-tools.png|View screenshot]]. Toggle Walk; Remove all my spells effects; Save my character on the server; Where am I; List Players; Like everyone; List characters who can currently hear me speak; Fix my party; Go AFK; Knock on nearest house door; Manage Quick Bars; Ignore/Unignore tells from a player; Relog; Clear State and Relog.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT020&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT020&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Location / target screen [[Media:Sinfar guide player-tool location-guidebook.png|View screenshot]]. Shows a location and coordinates, asks whether to target an object near it, and offers Open Local Area Guidebook or Main Menu. Screenshot does not establish which targeting action opened this screen.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT021&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT021&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Server Information [[Media:Sinfar guide player-tool server-information.png|View screenshot]]. Server Rules; Server Rules - Cont.; Spells Changes; Epic Spell Changes; Feat Changes; Class Bonuses; Class Changes; Module Changes.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;mw-selflink selflink&amp;quot;&amp;gt;Player Tool guide&amp;lt;/span&amp;gt; · [[Leveling on Sinfar|All leveling routes]] · [[Leveling on Sinfar#Preparation|Gear and preparation]] · [[Magical Items|Magical Items and forging]] · [[Dungeon Running|Dungeon Running]] · [[Main Page|Main Page]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Category:Player Tools]]&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Main_Page&amp;diff=1385</id>
		<title>Main Page</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Main_Page&amp;diff=1385"/>
		<updated>2026-10-19T05:33:17Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Add Player Guidance Directory under Player Resources; preserve every existing resource link and the Main Page layout.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
__NOTOC__&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-page sf-main-page sf-hub&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-masthead&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-brand&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-stewards&amp;quot; aria-label=&amp;quot;Sinfar server ownership and adult-content notice&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-stewards-label&amp;quot;&amp;gt;&amp;lt;span&amp;gt;World Stewards&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;18+ Roleplay&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-stewards-list&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Lockon&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Server Owner&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;NelaK&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Owner · Host&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Badger0&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Server Owner&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-search&amp;quot;&amp;gt;[[Special:Search|Search Wiki]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-nav&amp;quot; role=&amp;quot;navigation&amp;quot; aria-label=&amp;quot;Primary&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-nav-item&amp;quot;&amp;gt;[[#Begin Here|Start Here]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-nav-item&amp;quot;&amp;gt;[[#Player Resources|Players]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-nav-item&amp;quot;&amp;gt;[[#Build, Script &amp;amp; Support|Builders]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-nav-item&amp;quot;&amp;gt;[[#Player Resources|Systems]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-nav-item&amp;quot;&amp;gt;[[#Living World &amp;amp; Community|Living World]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-hero&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-hero-art&amp;quot;&amp;gt;[[File:Sinfar_Main_Islands_1400.jpg|link=|alt=The island world of Sinfar]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-hero-copy&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-kicker&amp;quot;&amp;gt;Passage Aboard · The Sinfar Wiki&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-hero-lockup&amp;quot; aria-label=&amp;quot;Sinfar&amp;quot;&amp;gt;[[File:Sinfar_Hero_Lockup_Gold.png|link=|alt=Sinfar]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Forge your legend. Build your home. Shape the world.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-primary&amp;quot;&amp;gt;[[Getting Started|Begin Your Journey ›]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-section sf-hub-section--begin&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading-label&amp;quot;&amp;gt;Passage Aboard&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;Begin Here&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-task-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;✦&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[About Sinfar]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Meet the server and its persistent world.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-task-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;⌂&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[The Sinfar Wiki Contribution Guide|Contribute to the Wiki]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Help keep Sinfar&#039;s knowledge current. [[Creating a New Page|Create your first page ›]]&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-task-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;▣&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[Recommended Settings]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Configure the client for a smoother experience.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-task-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;⌕&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[Solving Client or Connection Issues|Connection Issues]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Troubleshoot login, connection, and client problems.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-section sf-hub-section--access&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading-label&amp;quot;&amp;gt;Client Registry&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;Downloads &amp;amp;amp; Access&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-access-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-access&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-access-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;▥&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[Hak Files|Sinfar Hak Files]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Required custom content used by the server.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-access&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-access-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;✦&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[Sinfar Client Extender (SinfarX)|SinfarX Client Extender]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Client-side extension and quality-of-life support.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-access&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-access-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;⚔&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[Rules|Server Rules]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Standards for participating in the Sinfar community.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-section sf-hub-section--players&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading-label&amp;quot;&amp;gt;Play Your Story&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;Player Resources&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-access&amp;quot; style=&amp;quot;margin-bottom:10px&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-access-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;✦&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[Player Guidance Directory]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Player Tool help and 12 community-compiled leveling routes, organised by server.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory sf-directory--blue&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-head&amp;quot;&amp;gt;&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;◆&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Character &amp;amp;amp; Roleplay&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-links&amp;quot;&amp;gt;[[Character Customisation]]&amp;lt;br&amp;gt;[[Chat Commands]]&amp;lt;br&amp;gt;[[Chat Channels]]&amp;lt;br&amp;gt;[[Custom Emotes]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory sf-directory--blue&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-head&amp;quot;&amp;gt;&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;⚔&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Gameplay Systems&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-links&amp;quot;&amp;gt;[[Campfire Cooking]]&amp;lt;br&amp;gt;[[Dungeon Running]]&amp;lt;br&amp;gt;[[Magical Items]]&amp;lt;br&amp;gt;[[House Scripts]]&amp;lt;br&amp;gt;[[Player Housing]]&amp;lt;br&amp;gt;[[PvP Changes]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory sf-directory--blue&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-head&amp;quot;&amp;gt;&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;✥&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Character Mechanics&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-links&amp;quot;&amp;gt;[[Class Changes]]&amp;lt;br&amp;gt;[[Feat Changes]]&amp;lt;br&amp;gt;[[Spell Changes]]&amp;lt;br&amp;gt;[[Class Bonuses]]&amp;lt;br&amp;gt;[[Racial Changes]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-section sf-hub-section--builders&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading-label&amp;quot;&amp;gt;Create the World&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;Build, Script &amp;amp;amp; Support&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory sf-directory--green&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-head&amp;quot;&amp;gt;&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;✦&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Supporter Resources&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-links&amp;quot;&amp;gt;[[Custom Scripting]]&amp;lt;br&amp;gt;[[Your Resources]]&amp;lt;br&amp;gt;[[All Supporter Resources]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory sf-directory--green&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-head&amp;quot;&amp;gt;&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;⚒&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Builder Resources&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-links&amp;quot;&amp;gt;[[Creature Event System]]&amp;lt;br&amp;gt;[[Registered Events]]&amp;lt;br&amp;gt;[[Variable Events]]&amp;lt;br&amp;gt;[[Builder List]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory sf-directory--green&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-head&amp;quot;&amp;gt;&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;▦&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Scripter Resources&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-links&amp;quot;&amp;gt;[[Common Includes]]&amp;lt;br&amp;gt;[[Category:Systems|Scripting Systems]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-section sf-hub-section--world&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-hub-heading-label&amp;quot;&amp;gt;A Living Realm&amp;lt;/div&amp;gt;&amp;lt;h2&amp;gt;Living World &amp;amp;amp; Community&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-community-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-community&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;[[Living World]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Events, guilds, news, and the stories of Sinfar.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-community&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;[https://discord.gg/sinfar Discord]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Join the active community conversation.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-community&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;[https://forum.sinfar.net/ Forums]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Long-form community and server discussions.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-community&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;[https://nwn.sinfar.net/ Main Website]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Account, server, and player-facing services.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-section sf-hub-section--categories&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-hub-heading-label&amp;quot;&amp;gt;Knowledge Registry&amp;lt;/div&amp;gt;&amp;lt;h2&amp;gt;Wiki Categories&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-category-list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;[[:Category:Builder Contributions|Builder Contributions]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;ERF guides and builder-contribution instructions.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;[[:Category:Builders Tools|Builders Tools]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Documentation for tools used by builders.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;[[:Category:Sinfar Supporters|Sinfar Supporters]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Tools and resources primarily used by supporters.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;[[:Category:Player Businesses|Player Businesses]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Lore for in-game player establishments.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;[[:Category:Builder Businesses|Builder Businesses]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Builder-made businesses outside player houses.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;[[:Category:Player Tools|Player Tools]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Useful tools and references for all players.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-footer&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-footer-brand&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Sinfar Wiki&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Knowledge for a living world.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-footer-links&amp;quot;&amp;gt;[[Special:RecentChanges|Recent Changes]] · [[Special:Random|Random Page]] · [[The Sinfar Wiki Contribution Guide|Contribution Guide]] · [[Creating a New Page]] · [[Special:Search|Search]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1384</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1384"/>
		<updated>2026-10-19T05:32:28Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Contain native section-edit floats within guidance headings so narrow layouts do not squeeze the next card grid.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ============================================================&lt;br /&gt;
   Sinfar Wiki Visual System v3.0&lt;br /&gt;
   Unified Common.css Framework&lt;br /&gt;
   Scope doctrine:&lt;br /&gt;
   - New/refit pages use: &amp;lt;div class=&amp;quot;sf-page&amp;quot;&amp;gt;&lt;br /&gt;
   - Legacy pages may still use .sinfar-page / .sf-card / .sf-heading&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   1. DESIGN TOKENS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
  --sf-bg-page: #0f141b;&lt;br /&gt;
  --sf-bg-shell: #11161d;&lt;br /&gt;
  --sf-bg-panel: rgba(18, 14, 12, .78);&lt;br /&gt;
  --sf-bg-panel-solid: #181214;&lt;br /&gt;
  --sf-bg-panel-soft: rgba(216, 180, 106, .08);&lt;br /&gt;
  --sf-bg-hero: linear-gradient(135deg, #21150f, #3a2417);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-border: rgba(216, 180, 106, .28);&lt;br /&gt;
  --sf-border-strong: rgba(216, 180, 106, .48);&lt;br /&gt;
  --sf-border-muted: rgba(244, 239, 230, .09);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-text: #f4efe6;&lt;br /&gt;
  --sf-text-muted: #c9bda9;&lt;br /&gt;
  --sf-gold: #d8b46a;&lt;br /&gt;
  --sf-gold-bright: #f0d28a;&lt;br /&gt;
  --sf-link: #8fc6ff;&lt;br /&gt;
  --sf-link-hover: #b8d6ff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-red: #9f4b3e;&lt;br /&gt;
  --sf-green: #2f5d3a;&lt;br /&gt;
  --sf-blue: #334e7a;&lt;br /&gt;
  --sf-purple: #60456f;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-radius-sm: 7px;&lt;br /&gt;
  --sf-radius-md: 10px;&lt;br /&gt;
  --sf-gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   2. SOVEREIGN PAGE SHELL&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page,&lt;br /&gt;
.sinfar-page {&lt;br /&gt;
  background: var(--sf-bg-shell);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 16px;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
  font-size: 14px;&lt;br /&gt;
  box-shadow: 0 0 22px rgba(0,0,0,.35);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page *,&lt;br /&gt;
.sinfar-page * {&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a,&lt;br /&gt;
.sf-page a:visited,&lt;br /&gt;
.sf-page a.external,&lt;br /&gt;
.sf-page a.external:visited,&lt;br /&gt;
.sinfar-page a,&lt;br /&gt;
.sinfar-page a:visited,&lt;br /&gt;
.sinfar-page a.external,&lt;br /&gt;
.sinfar-page a.external:visited {&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a:hover,&lt;br /&gt;
.sinfar-page a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page code,&lt;br /&gt;
.sinfar-page code {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
  padding: 1px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   3. TYPOGRAPHY&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page h1,&lt;br /&gt;
.sf-page h2,&lt;br /&gt;
.sf-page h3,&lt;br /&gt;
.sinfar-page h1,&lt;br /&gt;
.sinfar-page h2,&lt;br /&gt;
.sinfar-page h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-section-title,&lt;br /&gt;
.sf-heading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  margin: 18px 0 8px;&lt;br /&gt;
  padding-bottom: 3px;&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-subheading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 10px 0 6px;&lt;br /&gt;
  font-size: 1.15rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-muted {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-label,&lt;br /&gt;
.sf-name {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-center {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   4. HEROES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero,&lt;br /&gt;
.sf-hero-compact {&lt;br /&gt;
  background: var(--sf-bg-hero);&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 14px 18px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero h1,&lt;br /&gt;
.sf-hero-compact h1,&lt;br /&gt;
.sf-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 4px;&lt;br /&gt;
  font-size: 1.85rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero p,&lt;br /&gt;
.sf-hero-compact p,&lt;br /&gt;
.sf-subtitle {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-eyebrow {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main {&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main h1 {&lt;br /&gt;
  font-size: 2.35rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   5. GRIDS / STATUS TILES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2,&lt;br /&gt;
.sf-grid-3,&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-grid-5,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status { grid-template-columns: repeat(4, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid &amp;gt; div,&lt;br /&gt;
.sf-start-status &amp;gt; div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid b,&lt;br /&gt;
.sf-start-status b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid span,&lt;br /&gt;
.sf-start-status span {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   6. QUICKBARS / INDEX GRIDS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar,&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar &amp;gt; div,&lt;br /&gt;
.sf-index-grid &amp;gt; div,&lt;br /&gt;
.sf-pathline {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar b,&lt;br /&gt;
.sf-index-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
============================================================&lt;br /&gt;
   6A. REFERENCE MANUAL LAYOUT&lt;br /&gt;
   Reusable side directory for long technical documentation.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content [id] {&lt;br /&gt;
  scroll-margin-top: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 12px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  max-height: calc(100vh - 24px);&lt;br /&gt;
  overflow-y: auto;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  padding-bottom: 7px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-group {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin: 12px 0 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a,&lt;br /&gt;
.sf-manual-toc a:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 5px 1px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example {&lt;br /&gt;
  background: rgba(216,180,106,.06);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  margin: 7px 0 9px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-color-swatch {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 22px;&lt;br /&gt;
  height: 14px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin-right: 7px;&lt;br /&gt;
  border: 1px solid rgba(255,255,255,.28);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  vertical-align: -2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
===========================================================&lt;br /&gt;
   7. DECISION PANELS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.25fr 1fr 1fr;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision,&lt;br /&gt;
.sf-card,&lt;br /&gt;
.sf-panel {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-primary {&lt;br /&gt;
  border-color: rgba(240,210,138,.58);&lt;br /&gt;
  background: linear-gradient(135deg, rgba(60,38,20,.88), rgba(18,14,12,.78));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-kicker {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  letter-spacing: .07em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   8. ACTION LISTS / BUTTONS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 12px 0 0 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list li {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a,&lt;br /&gt;
.sf-action-list a:visited,&lt;br /&gt;
.sf-action-list a.external,&lt;br /&gt;
.sf-action-list a.external:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: rgba(216,180,106,.10);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.32);&lt;br /&gt;
  border-radius: 7px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  color: #8fc6ff;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a:hover,&lt;br /&gt;
.sf-action-list a.external:hover {&lt;br /&gt;
  background: rgba(216,180,106,.16);&lt;br /&gt;
  border-color: rgba(240,210,138,.48);&lt;br /&gt;
  color: #b8d6ff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   9. TABLES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  border-collapse: collapse;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table td {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
  padding: 7px 10px;&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table tr:last-child td {&lt;br /&gt;
  border-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll .sf-table {&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value,&lt;br /&gt;
.sf-good {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value {&lt;br /&gt;
  color: #f4c96b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-good {&lt;br /&gt;
  color: #9fe6bd;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Standard table column helpers */&lt;br /&gt;
.sf-channel-table th:nth-child(1),&lt;br /&gt;
.sf-channel-table td:nth-child(1) { width: 14%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(2),&lt;br /&gt;
.sf-channel-table td:nth-child(2) { width: 31%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(3),&lt;br /&gt;
.sf-channel-table td:nth-child(3) { width: 37%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(4),&lt;br /&gt;
.sf-channel-table td:nth-child(4) { width: 18%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(1),&lt;br /&gt;
.sf-setup-table td:nth-child(1) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(2),&lt;br /&gt;
.sf-setup-table td:nth-child(2) { width: 52%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(3),&lt;br /&gt;
.sf-setup-table td:nth-child(3) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   10. BADGES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: 2px 7px;&lt;br /&gt;
  margin: 1px 2px 1px 0;&lt;br /&gt;
  font-size: .78rem;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge-ic { background: #2f5d3a; color: #eaffef; }&lt;br /&gt;
.sf-badge-ooc { background: #334e7a; color: #eef4ff; }&lt;br /&gt;
.sf-badge-dm { background: #6f3b3b; color: #fff0f0; }&lt;br /&gt;
.sf-badge-range { background: #5f4c27; color: #fff2c2; }&lt;br /&gt;
.sf-badge-area { background: #60456f; color: #f7eaff; }&lt;br /&gt;
.sf-badge-support { background: #4e5563; color: #f0f3f8; }&lt;br /&gt;
.sf-badge-best { background: #6a5423; color: #fff0bd; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   11. ALERTS / NOTES / RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note,&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning,&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  margin: 8px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.24);&lt;br /&gt;
  border-left: 4px solid #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert b,&lt;br /&gt;
.sf-warning b {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-info {&lt;br /&gt;
  background: rgba(38,58,92,.34);&lt;br /&gt;
  border-left-color: #6fa8dc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border-left-color: #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-danger,&lt;br /&gt;
.sf-note--red {&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
  border-left-color: var(--sf-red);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  border-left: 4px solid var(--sf-red);&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   12. PROGRESS LINES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line b {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  line-height: 24px;&lt;br /&gt;
  background: rgba(216,180,106,.24);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line span {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   13. CODE / SCRIPTING DOCS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock,&lt;br /&gt;
.sf-codebox,&lt;br /&gt;
.sf-page pre,&lt;br /&gt;
.sinfar-page pre {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock code,&lt;br /&gt;
.sf-codebox code,&lt;br /&gt;
.sf-page pre code,&lt;br /&gt;
.sinfar-page pre code {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* &lt;br /&gt;
============================================================&lt;br /&gt;
   14. IMAGES / SCREENSHOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 6px;&lt;br /&gt;
  margin: 8px 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame img {&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
/* &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
============================================================&lt;br /&gt;
   MAIN PAGE IMAGE SLOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot{&lt;br /&gt;
    position:relative;&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
    border:1px solid var(--sf-border);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    background:#120d10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot img{&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    height:100%;&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   15. CHAT CHANNEL COLOR LOCKS&lt;br /&gt;
   Match in-game channel color identity.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan {&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-shout   { color: #feef50; }&lt;br /&gt;
.sf-chan-dm      { color: #f67271; }&lt;br /&gt;
.sf-chan-event   { color: #ab23f2; }&lt;br /&gt;
.sf-chan-action  { color: #b56a23; }&lt;br /&gt;
.sf-chan-ooc     { color: #b1a2bd; }&lt;br /&gt;
.sf-chan-pvp     { color: #fe5f2e; }&lt;br /&gt;
.sf-chan-sex     { color: #f520e1; }&lt;br /&gt;
.sf-chan-build   { color: #b7f520; }&lt;br /&gt;
.sf-chan-ffa     { color: #20bff0; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-talk    { color: #fefefe; }&lt;br /&gt;
.sf-chan-whisper { color: #b0b0b0; }&lt;br /&gt;
.sf-chan-quiet   { color: #777777; }&lt;br /&gt;
.sf-chan-silent  { color: #666666; }&lt;br /&gt;
.sf-chan-yell    { color: #d92324; }&lt;br /&gt;
.sf-chan-party   { color: #fefefe; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   16. FOOTERS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footerlinks,&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  margin-top: 14px;&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  border-top: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  padding: 12px 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   17. LEGACY COMPATIBILITY&lt;br /&gt;
   Keeps older remaster pages readable without preserving chaos.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--gold,&lt;br /&gt;
.sf-table--gold {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border-color: var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--green,&lt;br /&gt;
.sf-table--green {&lt;br /&gt;
  background: rgba(17,26,18,.82);&lt;br /&gt;
  border-color: rgba(68,107,53,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--blue,&lt;br /&gt;
.sf-table--blue {&lt;br /&gt;
  background: rgba(16,24,32,.82);&lt;br /&gt;
  border-color: rgba(52,87,122,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--red,&lt;br /&gt;
.sf-table--red {&lt;br /&gt;
  background: rgba(26,16,16,.82);&lt;br /&gt;
  border-color: rgba(122,52,47,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--purple,&lt;br /&gt;
.sf-table--purple {&lt;br /&gt;
  background: rgba(25,17,29,.82);&lt;br /&gt;
  border-color: rgba(91,59,120,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-heading--gold { color: var(--sf-gold-bright); border-bottom-color: var(--sf-border); }&lt;br /&gt;
.sf-heading--green { color: #91d38f; border-bottom-color: #446b35; }&lt;br /&gt;
.sf-heading--blue { color: #8fc6ff; border-bottom-color: #34577a; }&lt;br /&gt;
.sf-heading--red { color: #ff9c8f; border-bottom-color: #7a342f; }&lt;br /&gt;
.sf-heading--purple { color: #c49cff; border-bottom-color: #5b3b78; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  margin: 9px 0 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket th {&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  padding: 9px 12px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket td {&lt;br /&gt;
  background: rgba(18,14,12,.72);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   18. LISTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page ul,&lt;br /&gt;
.sf-page ol,&lt;br /&gt;
.sinfar-page ul,&lt;br /&gt;
.sinfar-page ol {&lt;br /&gt;
  margin: 6px 0 8px;&lt;br /&gt;
  padding-left: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page li,&lt;br /&gt;
.sinfar-page li {&lt;br /&gt;
  margin: 2px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   19. MOBILE RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-decision-grid,&lt;br /&gt;
  .sf-index-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
  .sf-page,&lt;br /&gt;
  .sinfar-page {&lt;br /&gt;
    padding: 12px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-quickbar,&lt;br /&gt;
  .sf-grid-2,&lt;br /&gt;
  .sf-grid-3,&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status,&lt;br /&gt;
  .sf-progress-line {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-table {&lt;br /&gt;
    table-layout: auto;&lt;br /&gt;
    font-size: .92rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-channel-table th:nth-child(n),&lt;br /&gt;
  .sf-channel-table td:nth-child(n),&lt;br /&gt;
  .sf-setup-table th:nth-child(n),&lt;br /&gt;
  .sf-setup-table td:nth-child(n) {&lt;br /&gt;
    width: auto;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Main Page Module v1.0&lt;br /&gt;
   Purpose: cinematic front-door layout for Main Page only.&lt;br /&gt;
   Requires wrapper: &amp;lt;div class=&amp;quot;sf-page sf-main-page&amp;quot;&amp;gt;&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page {&lt;br /&gt;
  max-width: 1320px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Cinematic Main Hero ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  aspect-ratio: 16 / 9;&lt;br /&gt;
  min-height: 0;&lt;br /&gt;
&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  padding: 64px 48px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Hero Artwork ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 0;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: inherit;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; a,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; span,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Flat dark overlay for text readability. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
&lt;br /&gt;
  background: rgba(5, 8, 12, .48);&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Keep hero text above the artwork and overlay. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main &amp;gt; :not(.sf-hero-art-slot) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main h1 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
&lt;br /&gt;
  font-size: 3.15rem;&lt;br /&gt;
  line-height: 1.08;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
  text-shadow:&lt;br /&gt;
    0 2px 3px rgba(0,0,0,.95),&lt;br /&gt;
    0 0 14px rgba(0,0,0,.78);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main .sf-eyebrow,&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  text-shadow: 0 2px 4px rgba(0,0,0,.95);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  max-width: 680px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: 1.08rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision {&lt;br /&gt;
  min-height: 300px;&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision h3 {&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Feature Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-grid-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card {&lt;br /&gt;
  min-height: 190px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Action Links ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links {&lt;br /&gt;
  margin-top: 12px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  box-shadow: none;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a,&lt;br /&gt;
.sf-main-page .sf-action-links a:visited,&lt;br /&gt;
.sf-main-page .sf-action-links a.external,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:visited {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a:hover,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Community Strip ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
  gap: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Responsive Layout ---------- */&lt;br /&gt;
&lt;br /&gt;
/* Split desktop, tablets, landscape */&lt;br /&gt;
@media screen and (min-width: 721px) and (max-width: 860px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision,&lt;br /&gt;
  .sf-main-page .sf-card {&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 32px 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.35rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Phones */&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3,&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 24px 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.1rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Small phones */&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main .sf-eyebrow {&lt;br /&gt;
    font-size: .66rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    font-size: 1.85rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main p {&lt;br /&gt;
    margin-bottom: 7px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================================&lt;br /&gt;
   MAIN PAGE COMMUNITY LINKS — DISCORD / PATREON&lt;br /&gt;
   ========================================================= */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 8px 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 58px;&lt;br /&gt;
  padding: 8px 16px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Control MediaWiki-generated wrappers around file images. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link &amp;gt; p,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; span,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; a,&lt;br /&gt;
.sf-main-page .community-link .mw-file-description {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link img,&lt;br /&gt;
.sf-main-page .community-link .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: 30px;&lt;br /&gt;
  max-width: 82%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--discord {&lt;br /&gt;
  background-color: #5865f2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--patreon {&lt;br /&gt;
  background-color: #ff424d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
  .sf-main-page .community-link-grid {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   MAIN PAGE — COLORED CARD SYSTEM&lt;br /&gt;
   Static layered gradients only. No glow, blur, or filters.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Shared Card Construction ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card,&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: #181214;&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      135deg,&lt;br /&gt;
      rgba(255,255,255,.025) 0%,&lt;br /&gt;
      transparent 34%,&lt;br /&gt;
      rgba(0,0,0,.12) 70%,&lt;br /&gt;
      rgba(0,0,0,.24) 100%&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      118deg,&lt;br /&gt;
      rgba(255,255,255,.014) 0,&lt;br /&gt;
      rgba(255,255,255,.014) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 7px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Subtle inner line without glow or shadow. */&lt;br /&gt;
.sf-main-page .sf-journey-card::after,&lt;br /&gt;
.sf-main-page .sf-feature-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 4px;&lt;br /&gt;
  z-index: -1;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
  border: 1px solid rgba(244,239,230,.035);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Card Header ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  min-height: 48px;&lt;br /&gt;
  margin: -22px -22px 14px;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: var(--sf-card-head, rgba(216,180,106,.10));&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      90deg,&lt;br /&gt;
      rgba(255,255,255,.035),&lt;br /&gt;
      transparent 48%,&lt;br /&gt;
      rgba(0,0,0,.16)&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      120deg,&lt;br /&gt;
      rgba(255,255,255,.012) 0,&lt;br /&gt;
      rgba(255,255,255,.012) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 6px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border-bottom: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head h3 {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Header Icon Slot ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  width: 38px;&lt;br /&gt;
  height: 38px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon img,&lt;br /&gt;
.sf-main-page .sf-card-icon .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.42);&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Featured System Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.34);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head {&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  margin: -14px -14px 12px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head h3 {&lt;br /&gt;
  font-size: 1.02rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-icon {&lt;br /&gt;
  width: 23px;&lt;br /&gt;
  height: 23px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-action-links {&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   CATEGORY THEMES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* New arrivals — crimson */&lt;br /&gt;
.sf-main-page .sf-theme-crimson {&lt;br /&gt;
  --sf-card-head: rgba(83,20,20,.92);&lt;br /&gt;
  --sf-card-border: rgba(155,69,57,.70);&lt;br /&gt;
  background-color: #1b1011;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Player resources — midnight blue */&lt;br /&gt;
.sf-main-page .sf-theme-blue {&lt;br /&gt;
  --sf-card-head: rgba(18,46,74,.94);&lt;br /&gt;
  --sf-card-border: rgba(62,104,143,.72);&lt;br /&gt;
  background-color: #101922;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Builder resources — forest green */&lt;br /&gt;
.sf-main-page .sf-theme-green {&lt;br /&gt;
  --sf-card-head: rgba(29,65,38,.94);&lt;br /&gt;
  --sf-card-border: rgba(65,110,67,.72);&lt;br /&gt;
  background-color: #111a14;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Community — royal purple */&lt;br /&gt;
.sf-main-page .sf-theme-purple {&lt;br /&gt;
  --sf-card-head: rgba(67,32,79,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,68,124,.72);&lt;br /&gt;
  background-color: #19121d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Housing — slate blue */&lt;br /&gt;
.sf-main-page .sf-theme-slate {&lt;br /&gt;
  --sf-card-head: rgba(40,57,72,.94);&lt;br /&gt;
  --sf-card-border: rgba(76,102,123,.72);&lt;br /&gt;
  background-color: #141a1f;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Businesses — warm tavern bronze */&lt;br /&gt;
.sf-main-page .sf-theme-bronze {&lt;br /&gt;
  --sf-card-head: rgba(83,52,24,.94);&lt;br /&gt;
  --sf-card-border: rgba(133,89,43,.72);&lt;br /&gt;
  background-color: #1d1610;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Character development — arcane violet */&lt;br /&gt;
.sf-main-page .sf-theme-arcane {&lt;br /&gt;
  --sf-card-head: rgba(68,42,88,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,70,132,.72);&lt;br /&gt;
  background-color: #19131e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Dungeon running — deep teal */&lt;br /&gt;
.sf-main-page .sf-theme-teal {&lt;br /&gt;
  --sf-card-head: rgba(21,62,66,.94);&lt;br /&gt;
  --sf-card-border: rgba(48,104,108,.72);&lt;br /&gt;
  background-color: #101b1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* PvP — battle red */&lt;br /&gt;
.sf-main-page .sf-theme-battle {&lt;br /&gt;
  --sf-card-head: rgba(92,31,26,.94);&lt;br /&gt;
  --sf-card-border: rgba(145,65,54,.74);&lt;br /&gt;
  background-color: #1c1110;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Custom scripting — dark builder green */&lt;br /&gt;
.sf-main-page .sf-theme-script {&lt;br /&gt;
  --sf-card-head: rgba(37,67,42,.94);&lt;br /&gt;
  --sf-card-border: rgba(71,111,73,.72);&lt;br /&gt;
  background-color: #121a13;&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   REFERENCE MANUAL — DEFINITIVE WIDTH CONTAINMENT&lt;br /&gt;
   Keeps later source examples from widening the entire manual.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page,&lt;br /&gt;
.sf-manual-layout,&lt;br /&gt;
.sf-manual-content,&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Every direct manual component must be permitted to shrink. */&lt;br /&gt;
.sf-manual-content &amp;gt; *,&lt;br /&gt;
.sf-manual-example,&lt;br /&gt;
.sf-manual-page .sf-card,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert,&lt;br /&gt;
.sf-manual-page .sf-quickbar,&lt;br /&gt;
.sf-manual-page .sf-start-status,&lt;br /&gt;
.sf-manual-page .sf-progress-line,&lt;br /&gt;
.sf-manual-page .sf-img-frame,&lt;br /&gt;
.sf-manual-page .sf-footerlinks {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Ordinary prose and callout content must wrap. */&lt;br /&gt;
.sf-manual-page p,&lt;br /&gt;
.sf-manual-page li,&lt;br /&gt;
.sf-manual-page dd,&lt;br /&gt;
.sf-manual-page span,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert {&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Preformatted source remains intact, but scrolls only&lt;br /&gt;
   inside its own code box. */&lt;br /&gt;
.sf-manual-page pre,&lt;br /&gt;
.sf-manual-page .sf-codeblock,&lt;br /&gt;
.sf-manual-page .sf-codebox {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  white-space: pre;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Inline code inside tables and paragraphs may wrap. */&lt;br /&gt;
.sf-manual-page :not(pre) &amp;gt; code {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Tables may never establish the width of the whole page. */&lt;br /&gt;
.sf-manual-page .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page .sf-table th,&lt;br /&gt;
.sf-manual-page .sf-table td {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Explicit wrapper for tables that genuinely need more width. */&lt;br /&gt;
.sf-manual-page .sf-table-scroll {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Desktop manual layout. */&lt;br /&gt;
@media screen and (min-width: 901px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Mobile and narrow-tablet layout. */&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-content {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-page .sf-table th,&lt;br /&gt;
  .sf-manual-page .sf-table td {&lt;br /&gt;
    padding-left: 7px;&lt;br /&gt;
    padding-right: 7px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  /* Only deliberately wide tables scroll horizontally. */&lt;br /&gt;
  .sf-manual-page .sf-table-scroll .sf-table {&lt;br /&gt;
    width: 760px;&lt;br /&gt;
    min-width: 760px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ================================================================&lt;br /&gt;
   SINFAR WIKI MAIN v3.2 — RESPONSIVE PRODUCTION-READINESS PASS&lt;br /&gt;
   Complete premium-module replacement. Scoped to .sf-hub.&lt;br /&gt;
   ================================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-hub {&lt;br /&gt;
  --hub-void: #07090e;&lt;br /&gt;
  --hub-void-2: #0b0f17;&lt;br /&gt;
  --hub-plate: #0f131d;&lt;br /&gt;
  --hub-plate-2: #141923;&lt;br /&gt;
  --hub-brass: #c8a25c;&lt;br /&gt;
  --hub-brass-bright: #e6c987;&lt;br /&gt;
  --hub-line: rgba(200,162,92,.28);&lt;br /&gt;
  --hub-line-strong: rgba(200,162,92,.5);&lt;br /&gt;
  --hub-verdigris: #57b7a3;&lt;br /&gt;
  --hub-parchment: #ece1c9;&lt;br /&gt;
  --hub-slate: #9ba3b4;&lt;br /&gt;
  --hub-rose: #e0788a;&lt;br /&gt;
  --hub-display: &amp;quot;Trajan Pro 3&amp;quot;, &amp;quot;Cinzel&amp;quot;, &amp;quot;Palatino Linotype&amp;quot;, Palatino, Georgia, serif;&lt;br /&gt;
  --hub-reading: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Arial, sans-serif;&lt;br /&gt;
  --hub-mono: &amp;quot;Cascadia Code&amp;quot;, &amp;quot;Cascadia Mono&amp;quot;, Consolas, monospace;&lt;br /&gt;
  container: sf-hub / inline-size;&lt;br /&gt;
  overflow: clip;&lt;br /&gt;
  background:&lt;br /&gt;
    radial-gradient(circle at 50% 0, rgba(87,183,163,.04), transparent 34rem),&lt;br /&gt;
    var(--hub-void-2);&lt;br /&gt;
  color: var(--hub-parchment);&lt;br /&gt;
  font-family: var(--hub-reading);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub *, .sf-hub *::before, .sf-hub *::after { box-sizing: border-box; }&lt;br /&gt;
.sf-hub p, .sf-hub h1, .sf-hub h2, .sf-hub h3 { margin-block-start: 0; }&lt;br /&gt;
.sf-hub a, .sf-hub a:visited { color: inherit; text-decoration: none; }&lt;br /&gt;
.sf-hub a:hover { color: var(--hub-brass-bright); }&lt;br /&gt;
&lt;br /&gt;
/* Masthead */&lt;br /&gt;
.sf-hub-masthead {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: minmax(0,1fr) auto;&lt;br /&gt;
  grid-template-areas: &amp;quot;brand search&amp;quot; &amp;quot;nav nav&amp;quot;;&lt;br /&gt;
  margin-inline: -12px;&lt;br /&gt;
  border-block: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.98);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-brand {&lt;br /&gt;
  grid-area: brand;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  padding: 11px 14px;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-stewards { display: grid; width: 100%; min-width: 0; gap: 6px; }&lt;br /&gt;
.sf-hub-stewards-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--hub-verdigris); font: 700 .52rem/1.2 var(--hub-mono); letter-spacing: .15em; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-label strong { flex: none; color: var(--hub-rose); font-size: .49rem; letter-spacing: .12em; }&lt;br /&gt;
.sf-hub-stewards-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--hub-line); background: rgba(200,162,92,.025); }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div { display: grid; min-width: 0; gap: 2px; padding: 6px 5px 5px; border-right: 1px solid var(--hub-line); text-align: center; }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-stewards-list strong { overflow: hidden; color: var(--hub-brass-bright); font: 600 .6rem/1.15 var(--hub-mono); letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-list small { color: var(--hub-slate); font: 500 .46rem/1.2 var(--hub-reading); letter-spacing: .03em; }&lt;br /&gt;
&lt;br /&gt;
.sf-hub-search {&lt;br /&gt;
  grid-area: search;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-search a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 38px;&lt;br /&gt;
  padding: 0 13px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-nav {&lt;br /&gt;
  grid-area: nav;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2,minmax(0,1fr));&lt;br /&gt;
  border-top: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav-item { min-width: 0; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-hub-nav-item:nth-child(2n), .sf-hub-nav-item:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-nav-item:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
.sf-hub-nav a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .74rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .025em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 30px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 7px;&lt;br /&gt;
  background: linear-gradient(90deg,transparent,var(--hub-brass-bright),transparent);&lt;br /&gt;
  opacity: .72;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a:hover::after, .sf-hub-nav a:focus-visible::after { width: 46px; opacity: 1; }&lt;br /&gt;
.sf-hub-nav a:hover, .sf-hub-nav a:focus-visible { background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Hero */&lt;br /&gt;
.sf-hub-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: clamp(290px,74vw,410px);&lt;br /&gt;
  margin: 10px 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  background: var(--hub-void);&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-art, .sf-hub-hero-art &amp;gt; a, .sf-hub-hero-art &amp;gt; span,&lt;br /&gt;
.sf-hub-hero-art [typeof~=&amp;quot;mw:File&amp;quot;], .sf-hub-hero-art .mw-file-description { position: absolute; inset: 0; display: block; }&lt;br /&gt;
.sf-hub-hero-art img, .sf-hub-hero-art .mw-file-element { width: 100%; height: 100%; object-fit: cover; object-position: center; }&lt;br /&gt;
.sf-hub-hero::after {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background: linear-gradient(180deg,rgba(7,9,14,.08),rgba(7,9,14,.18) 40%,rgba(7,9,14,.82));&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy {&lt;br /&gt;
  position: static;&lt;br /&gt;
  align-self: center;&lt;br /&gt;
  justify-self: center;&lt;br /&gt;
  width: min(92%,720px);&lt;br /&gt;
  padding: 26px 16px 24px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-lockup, .sf-hub-hero-copy &amp;gt; p, .sf-hub-primary { position: relative; z-index: 2; }&lt;br /&gt;
.sf-hub-hero-lockup { width: clamp(15rem,38vw,27rem); margin: 9px auto 7px; line-height: 0; }&lt;br /&gt;
.sf-hub-hero-lockup img { display: block; width: 100%; height: auto; filter: drop-shadow(0 3px 5px rgba(0,0,0,.94)) drop-shadow(0 0 13px rgba(230,201,135,.22)); }&lt;br /&gt;
.sf-hub-kicker, .sf-hub-heading-label {&lt;br /&gt;
  color: var(--hub-verdigris);&lt;br /&gt;
  font: 700 .68rem/1.3 var(--hub-mono);&lt;br /&gt;
  letter-spacing: .2em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero .sf-hub-kicker {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: clamp(18px,3vw,30px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  z-index: 3;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  max-width: calc(100% - 24px);&lt;br /&gt;
  padding: 5px 12px 4px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.72);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  text-shadow: 0 1px 4px #000;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero h1 {&lt;br /&gt;
  margin: 7px 0 5px;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(2.35rem,12vw,4.6rem)/.95 var(--hub-display);&lt;br /&gt;
  letter-spacing: .1em;&lt;br /&gt;
  text-shadow: 0 2px 8px #000;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy &amp;gt; p { margin: 0 auto 15px; color: var(--hub-parchment); font-size: clamp(.86rem,2.8vw,1rem); }&lt;br /&gt;
.sf-hub-primary { display: inline-block; }&lt;br /&gt;
.sf-hub-primary a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 42px;&lt;br /&gt;
  padding: 0 20px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-brass);&lt;br /&gt;
  background: rgba(7,9,14,.84);&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font: 700 .74rem/1 var(--hub-display);&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Shared sections */&lt;br /&gt;
.sf-hub-section { padding: 34px 0 0; }&lt;br /&gt;
.sf-hub-heading { display: grid; gap: 6px; margin-bottom: 16px; }&lt;br /&gt;
.sf-hub-heading h2 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(1.35rem,5vw,1.85rem)/1.12 var(--hub-display);&lt;br /&gt;
  letter-spacing: .035em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-heading h2::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 56px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  background: linear-gradient(90deg,var(--hub-brass),transparent);&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tasks */&lt;br /&gt;
.sf-task-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-task {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 44px minmax(0,1fr);&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(180deg,rgba(15,19,29,.88),rgba(9,12,19,.94));&lt;br /&gt;
}&lt;br /&gt;
.sf-task-icon, .sf-access-icon {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 1.05rem/1 var(--hub-display);&lt;br /&gt;
}&lt;br /&gt;
.sf-task &amp;gt; span:last-child, .sf-access &amp;gt; span:last-child { display: grid; gap: 4px; min-width: 0; padding: 11px 12px; }&lt;br /&gt;
.sf-task strong, .sf-access strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-task small, .sf-access small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
.sf-task:hover, .sf-task:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.06); }&lt;br /&gt;
&lt;br /&gt;
/* Downloads and access */&lt;br /&gt;
.sf-access-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-access {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 46px minmax(0,1fr);&lt;br /&gt;
  min-height: 72px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(135deg,rgba(200,162,92,.07),rgba(15,19,29,.72));&lt;br /&gt;
}&lt;br /&gt;
.sf-access:hover, .sf-access:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Resource directories */&lt;br /&gt;
.sf-directory-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }&lt;br /&gt;
.sf-directory { --directory-accent: var(--hub-brass); min-width: 0; border: 1px solid var(--hub-line); border-top: 2px solid var(--directory-accent); background: linear-gradient(160deg,color-mix(in srgb,var(--directory-accent) 6%,var(--hub-plate)),var(--hub-void)); }&lt;br /&gt;
.sf-directory--blue { --directory-accent: #5e91b8; }&lt;br /&gt;
.sf-directory--green { --directory-accent: #6c9f62; }&lt;br /&gt;
.sf-directory-head { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; min-height: 62px; border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-directory-head &amp;gt; span { display: grid; height: 100%; place-items: center; border-right: 1px solid var(--hub-line); color: var(--hub-brass-bright); }&lt;br /&gt;
.sf-directory h3 { margin: 0; padding: 10px 12px; color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-directory-links { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 7px 14px 12px; color: var(--hub-parchment); font-size: .8rem; line-height: 1.7; }&lt;br /&gt;
.sf-directory-links br { display: none; }&lt;br /&gt;
.sf-directory-links a { padding: 3px 0; text-decoration: underline; text-decoration-color: var(--hub-line-strong); text-underline-offset: 3px; }&lt;br /&gt;
&lt;br /&gt;
/* Living world */&lt;br /&gt;
.sf-community-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-community { display: grid; gap: 5px; min-width: 0; padding: 14px 15px; border: 1px solid var(--hub-line); border-left: 2px solid #9a6cac; background: rgba(15,19,29,.65); }&lt;br /&gt;
.sf-community strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-community small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Category registry */&lt;br /&gt;
.sf-category-list { display: grid; grid-template-columns: minmax(0,1fr); border-top: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-category-list &amp;gt; div { display: grid; gap: 4px; min-width: 0; padding: 13px 14px; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); background: rgba(15,19,29,.45); }&lt;br /&gt;
.sf-category-list strong { color: var(--hub-parchment); font-size: .84rem; }&lt;br /&gt;
.sf-category-list small { color: var(--hub-slate); font-size: .75rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Footer */&lt;br /&gt;
.sf-hub-footer {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 36px;&lt;br /&gt;
  padding: 22px 0 8px;&lt;br /&gt;
  border-top: 1px solid var(--hub-line-strong);&lt;br /&gt;
  color: var(--hub-slate);&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-footer-brand { display: grid; gap: 2px; }&lt;br /&gt;
.sf-hub-footer strong { color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-hub-footer small { color: var(--hub-slate); }&lt;br /&gt;
.sf-hub-footer a { color: var(--hub-parchment) !important; }&lt;br /&gt;
&lt;br /&gt;
/* Responsive compositions */&lt;br /&gt;
@container sf-hub (min-width: 506px) {&lt;br /&gt;
  .sf-task-grid, .sf-community-grid, .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 666px) {&lt;br /&gt;
  .sf-hub-masthead { margin-inline: -16px; }&lt;br /&gt;
  .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
  .sf-hub-nav-item, .sf-hub-nav-item:nth-child(2n) { border-right: 1px solid var(--hub-line); border-bottom: 0; }&lt;br /&gt;
  .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
  .sf-hub-nav a { min-height: 48px; }&lt;br /&gt;
  .sf-hub-hero { min-height: clamp(390px,50vw,550px); margin-top: 8px; }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: auto; }&lt;br /&gt;
  .sf-hub-footer { grid-template-columns: minmax(190px,.7fr) minmax(0,2fr); align-items: end; }&lt;br /&gt;
  .sf-hub-footer-links { text-align: right; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 910px) {&lt;br /&gt;
  .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
  .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 1138px) {&lt;br /&gt;
  .sf-hub-masthead {&lt;br /&gt;
    grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto;&lt;br /&gt;
    grid-template-areas: &amp;quot;brand nav search&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-hub-brand { min-height: 64px; padding-block: 8px; }&lt;br /&gt;
  .sf-hub-nav { border-top: 0; }&lt;br /&gt;
  .sf-hub-nav-item { border-left: 1px solid var(--hub-line); }&lt;br /&gt;
  .sf-hub-nav a { min-height: 64px; font-size: .78rem; }&lt;br /&gt;
  .sf-hub-hero { min-height: 520px; }&lt;br /&gt;
  .sf-hub-hero-copy { padding-block: 28px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Accessibility and static-motion lock */&lt;br /&gt;
.sf-hub a:focus-visible { outline: 2px solid var(--hub-verdigris); outline-offset: -3px; }&lt;br /&gt;
.sf-hub .sf-task, .sf-hub .sf-access, .sf-hub .sf-directory,&lt;br /&gt;
.sf-hub .sf-community, .sf-hub .sf-category-list &amp;gt; div, .sf-hub img, .sf-hub a { transform: none !important; transition: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-hub *, .sf-hub *::before, .sf-hub *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@supports not (container-type: inline-size) {&lt;br /&gt;
  @media screen and (min-width: 720px) {&lt;br /&gt;
    .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
    .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
    .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
    .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  }&lt;br /&gt;
  @media screen and (min-width: 1200px) {&lt;br /&gt;
    .sf-hub-masthead { grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto; grid-template-areas: &amp;quot;brand nav search&amp;quot;; }&lt;br /&gt;
    .sf-hub-nav { border-top: 0; }&lt;br /&gt;
    .sf-hub-nav a { min-height: 64px; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
    .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Wiki Interior Pages v1.0&lt;br /&gt;
   Additive extension for the existing Visual System v3.0.&lt;br /&gt;
&lt;br /&gt;
   Required outer wrapper:&lt;br /&gt;
   &amp;lt;div class=&amp;quot;sf-page sf-article-page&amp;quot;&amp;gt; ... &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
   This module intentionally reuses the existing sf-page, sf-hero,&lt;br /&gt;
   sf-section-title, sf-table, sf-note, sf-quickbar and sf-footerlinks&lt;br /&gt;
   components. It does not replace the main-page module.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-article-page {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 1180px;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page &amp;gt; *,&lt;br /&gt;
.sf-article-page .sf-table-scroll,&lt;br /&gt;
.sf-article-page .sf-figure-grid,&lt;br /&gt;
.sf-article-page .sf-figure {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  padding: clamp(20px, 4vw, 38px);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  background:&lt;br /&gt;
    linear-gradient(110deg, rgba(8, 11, 15, .95), rgba(22, 18, 17, .86)),&lt;br /&gt;
    var(--sf-bg-hero);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: auto 22px 18px auto;&lt;br /&gt;
  width: 88px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  background: linear-gradient(90deg, transparent, var(--sf-gold));&lt;br /&gt;
  opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero h1 {&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-family: Georgia, &amp;quot;Times New Roman&amp;quot;, serif;&lt;br /&gt;
  font-size: clamp(2rem, 5vw, 3.35rem);&lt;br /&gt;
  line-height: 1.05;&lt;br /&gt;
  font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero p {&lt;br /&gt;
  max-width: 760px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta,&lt;br /&gt;
.sf-summary-grid,&lt;br /&gt;
.sf-route-grid,&lt;br /&gt;
.sf-figure-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta &amp;gt; div,&lt;br /&gt;
.sf-summary-grid &amp;gt; div,&lt;br /&gt;
.sf-route-grid &amp;gt; div {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  padding: 11px 13px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .52);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta b,&lt;br /&gt;
.sf-summary-grid b,&lt;br /&gt;
.sf-route-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta span,&lt;br /&gt;
.sf-summary-grid span {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-summary-grid {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-route-grid {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-route-grid &amp;gt; div {&lt;br /&gt;
  border-top-color: var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-prose {&lt;br /&gt;
  max-width: 900px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-lead {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: 1.05rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note {&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-left: 3px solid var(--sf-gold);&lt;br /&gt;
  background: rgba(216, 180, 106, .08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note--teal {&lt;br /&gt;
  border-color: rgba(83, 202, 188, .42);&lt;br /&gt;
  border-left-color: #53cabc;&lt;br /&gt;
  background: rgba(83, 202, 188, .07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note--red {&lt;br /&gt;
  border-color: rgba(159, 75, 62, .6);&lt;br /&gt;
  border-left-color: #c46858;&lt;br /&gt;
  background: rgba(159, 75, 62, .12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-code {&lt;br /&gt;
  display: block;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  padding: 9px 11px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: #090c11;&lt;br /&gt;
  color: #dbe5f0;&lt;br /&gt;
  font-family: Consolas, &amp;quot;Cascadia Mono&amp;quot;, monospace;&lt;br /&gt;
  font-size: .9rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216, 180, 106, .1);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table th,&lt;br /&gt;
.sf-article-page .sf-table td {&lt;br /&gt;
  padding: 9px 11px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table td:first-child {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 12px auto 20px;&lt;br /&gt;
  padding: 7px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .56);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid .sf-figure,&lt;br /&gt;
.sf-figure--wide {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure &amp;gt; p,&lt;br /&gt;
.sf-figure span[typeof~=&amp;quot;mw:File&amp;quot;],&lt;br /&gt;
.sf-figure a.image,&lt;br /&gt;
.sf-figure a.mw-file-description {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page img,&lt;br /&gt;
.sf-figure img,&lt;br /&gt;
.sf-figure .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure img,&lt;br /&gt;
.sf-figure .mw-file-element {&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid .sf-figure img,&lt;br /&gt;
.sf-figure-grid .sf-figure .mw-file-element,&lt;br /&gt;
.sf-figure--wide img,&lt;br /&gt;
.sf-figure--wide .mw-file-element {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure figcaption,&lt;br /&gt;
.sf-caption {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 7px 4px 2px;&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
  font-size: .86rem;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Interior tables fit their article by default. Only genuinely dense tables&lt;br /&gt;
   opt into the explicit --wide modifier and retain a local scrollbar. */&lt;br /&gt;
.sf-article-page .sf-table-scroll .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table-scroll--wide .sf-table {&lt;br /&gt;
  width: 760px;&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .48);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue h3 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-steps {&lt;br /&gt;
  margin: 8px 0 0;&lt;br /&gt;
  padding-left: 1.4rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-steps li {&lt;br /&gt;
  margin: 0 0 5px;&lt;br /&gt;
  padding-left: .2rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-footerlinks {&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
  .sf-article-meta,&lt;br /&gt;
  .sf-summary-grid,&lt;br /&gt;
  .sf-route-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-figure-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .sf-article-page {&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-hero {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-meta,&lt;br /&gt;
  .sf-summary-grid,&lt;br /&gt;
  .sf-route-grid,&lt;br /&gt;
  .sf-figure-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-table-scroll {&lt;br /&gt;
    margin-right: -2px;&lt;br /&gt;
    padding-bottom: 4px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-table th,&lt;br /&gt;
  .sf-article-page .sf-table td {&lt;br /&gt;
    padding: 8px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-article-page *,&lt;br /&gt;
  .sf-article-page *::before,&lt;br /&gt;
  .sf-article-page *::after {&lt;br /&gt;
    scroll-behavior: auto !important;&lt;br /&gt;
    transition-duration: .01ms !important;&lt;br /&gt;
    animation-duration: .01ms !important;&lt;br /&gt;
    animation-iteration-count: 1 !important;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Sinfar guidance family v2. Opt-in only; does not restyle existing articles. */&lt;br /&gt;
.sf-page.sf-guidance-family {&lt;br /&gt;
  --sf-bg-shell:#0b0f17; --sf-bg-panel:#0f131d; --sf-text:#ece1c9;&lt;br /&gt;
  --sf-text-muted:#aab2c2; --sf-gold:#c8a25c; --sf-gold-bright:#e6c987;&lt;br /&gt;
  --sf-border:rgba(200,162,92,.28); --sf-border-strong:rgba(200,162,92,.5);&lt;br /&gt;
  width:100%; max-width:1180px; min-width:0; margin:0 auto; padding:16px;&lt;br /&gt;
  border:1px solid var(--sf-border); border-radius:0; background:#0b0f17;&lt;br /&gt;
  color:var(--sf-text); font:14px/1.55 system-ui,-apple-system,&amp;quot;Segoe UI&amp;quot;,sans-serif;&lt;br /&gt;
  overflow-wrap:anywhere; box-shadow:none;&lt;br /&gt;
}&lt;br /&gt;
.sf-guidance-family *, .sf-guidance-family *::before, .sf-guidance-family *::after { box-sizing:border-box; }&lt;br /&gt;
.sf-guidance-family p { margin:0 0 10px; }&lt;br /&gt;
.sf-guidance-family h2, .sf-guidance-family h3, .sf-guidance-family [id] { scroll-margin-top:88px; }&lt;br /&gt;
.sf-guidance-family h2, .sf-guidance-family h3 { display:flow-root; }&lt;br /&gt;
.sf-guidance-family a { color:#8fc6ff; }&lt;br /&gt;
.sf-guidance-family a:focus-visible { outline:2px solid #57b7a3; outline-offset:3px; }&lt;br /&gt;
.sf-guidance-family .sf-family-path { font-size:12px; margin-bottom:12px; }&lt;br /&gt;
.sf-guidance-family .sf-hero { min-height:0; padding:24px 26px 30px; margin:0 0 14px; border:1px solid var(--sf-border-strong); border-radius:0; text-align:left; background:linear-gradient(115deg,#080c12,#111823); }&lt;br /&gt;
.sf-guidance-family .sf-title { font:400 clamp(28px,4vw,45px)/1.12 &amp;quot;Palatino Linotype&amp;quot;,Palatino,Georgia,serif; color:var(--sf-gold-bright); margin:5px 0 9px; letter-spacing:.025em; }&lt;br /&gt;
.sf-guidance-family .sf-hero p { font-size:15px; max-width:760px; color:var(--sf-text); }&lt;br /&gt;
.sf-guidance-family .sf-eyebrow { color:#57b7a3; font:700 10px/1.4 Consolas,monospace; letter-spacing:.16em; text-transform:uppercase; }&lt;br /&gt;
.sf-guidance-family h2 { margin:26px 0 14px; padding:0; border:0; color:var(--sf-gold-bright); font:400 29px/1.15 &amp;quot;Palatino Linotype&amp;quot;,Palatino,Georgia,serif; letter-spacing:.025em; }&lt;br /&gt;
.sf-guidance-family h2::after { content:&amp;quot;&amp;quot;; display:block; width:54px; height:1px; margin-top:10px; background:linear-gradient(90deg,#c8a25c,transparent); }&lt;br /&gt;
.sf-guidance-family h3 { margin:0 0 10px; padding:0 0 10px; border:0; border-bottom:1px solid var(--sf-border); color:var(--sf-gold-bright); font:400 18px/1.3 &amp;quot;Palatino Linotype&amp;quot;,Palatino,Georgia,serif; }&lt;br /&gt;
.sf-guidance-family .sf-choice-grid, .sf-guidance-family .sf-menu-grid, .sf-guidance-family .sf-server-routes { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:10px; margin:0 0 16px; align-items:start; }&lt;br /&gt;
.sf-guidance-family .sf-choice-card, .sf-guidance-family .sf-menu-entry, .sf-guidance-family .sf-route-record, .sf-guidance-family .sf-content-panel { min-width:0; padding:14px; border:1px solid var(--sf-border); border-top:2px solid #5e91b8; border-radius:0; background:linear-gradient(160deg,#10151e,#080c12); }&lt;br /&gt;
.sf-guidance-family .sf-menu-entry &amp;gt; :last-child, .sf-guidance-family .sf-route-record &amp;gt; :last-child { margin-bottom:0; }&lt;br /&gt;
.sf-guidance-family .sf-screenshot-link { margin-top:9px; padding-top:7px; border-top:1px solid var(--sf-border); font-size:12px; }&lt;br /&gt;
.sf-guidance-family .sf-screenshot-link a { display:inline-flex; align-items:center; min-height:36px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 12px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index &amp;gt; div { border:1px solid var(--sf-border); background:#0a0e15; padding:12px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index b { display:block; font-size:14px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index b a { color:var(--sf-gold-bright); display:block; padding:2px 0 8px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index span { color:var(--sf-text-muted); font-size:12px; }&lt;br /&gt;
.sf-guidance-family .sf-route-record h3 a { color:var(--sf-gold-bright); }&lt;br /&gt;
.sf-guidance-family .sf-route-start { color:var(--sf-text); font-size:13px; }&lt;br /&gt;
.sf-guidance-family .sf-route-path { color:var(--sf-text-muted); font-size:13px; }&lt;br /&gt;
.sf-guidance-family .sf-route-open { margin:9px 0 0; border-top:1px solid var(--sf-border); padding-top:4px; }&lt;br /&gt;
.sf-guidance-family .sf-route-open a { display:inline-flex; align-items:center; min-height:36px; font-weight:600; font-size:13px; }&lt;br /&gt;
.sf-guidance-family .sf-task-index { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }&lt;br /&gt;
.sf-guidance-family .sf-task-index a { display:inline-flex; min-height:40px; align-items:center; padding:8px 12px; border:1px solid var(--sf-border); color:var(--sf-gold-bright); background:#090d14; }&lt;br /&gt;
.sf-guidance-family .sf-tool-intro { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:16px; align-items:start; }&lt;br /&gt;
.sf-guidance-family .sf-guide-image { width:fit-content; max-width:100%; margin:0; padding:0; border:0; background:none; }&lt;br /&gt;
.sf-guidance-family .sf-guide-image img { width:auto; max-width:100%; height:auto; margin:0; }&lt;br /&gt;
.sf-guidance-family .sf-guide-image .sf-caption { color:var(--sf-text-muted); padding:6px 0; font-size:12px; }&lt;br /&gt;
.sf-guidance-family .sf-note { margin:12px 0; padding:12px; border:1px solid var(--sf-border); border-left:2px solid #c8a25c; border-radius:0; background:rgba(200,162,92,.06); }&lt;br /&gt;
.sf-guidance-family .sf-download { margin-top:12px; border:1px solid var(--sf-border-strong); background:#07090e; }&lt;br /&gt;
.sf-guidance-family .sf-download a { display:block; padding:10px 12px; min-height:42px; color:var(--sf-gold-bright); font-weight:600; text-align:center; }&lt;br /&gt;
.sf-guidance-family .sf-article-meta, .sf-guidance-family .sf-summary-grid, .sf-guidance-family .sf-route-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:16px; }&lt;br /&gt;
.sf-guidance-family .sf-article-meta &amp;gt; div, .sf-guidance-family .sf-summary-grid &amp;gt; div, .sf-guidance-family .sf-route-grid &amp;gt; div { min-width:0; padding:12px; background:#0a0e15; border:1px solid var(--sf-border); }&lt;br /&gt;
.sf-guidance-family .sf-article-meta span, .sf-guidance-family .sf-summary-grid span { color:var(--sf-text-muted); }&lt;br /&gt;
.sf-guidance-family .sf-content-panel { margin-bottom:12px; }&lt;br /&gt;
.sf-guidance-family .sf-disclosure, .sf-guidance-family .mw-collapsible.sf-note { margin:14px 0; padding:12px; border:1px solid var(--sf-border); background:#090d14; }&lt;br /&gt;
.sf-guidance-family .sf-disclosure summary { cursor:pointer; min-height:32px; color:var(--sf-gold-bright); font-weight:600; }&lt;br /&gt;
.sf-guidance-family .sf-disclosure li { margin-bottom:9px; }&lt;br /&gt;
.sf-guidance-family .sf-table-scroll { max-width:100%; overflow:visible; mask-image:none; -webkit-mask-image:none; }&lt;br /&gt;
.sf-guidance-family .sf-table-scroll::before, .sf-guidance-family .sf-table-scroll::after { display:none; }&lt;br /&gt;
.sf-guidance-family .sf-table { width:100%; min-width:0; table-layout:fixed; border-collapse:collapse; }&lt;br /&gt;
.sf-guidance-family .sf-table th, .sf-guidance-family .sf-table td { border:1px solid var(--sf-border); padding:9px; white-space:normal; overflow-wrap:anywhere; vertical-align:top; }&lt;br /&gt;
.sf-guidance-family .sf-table th { color:var(--sf-gold-bright); text-align:left; background:rgba(200,162,92,.07); }&lt;br /&gt;
.sf-guidance-family .sf-footerlinks { margin-top:20px; padding-top:10px; border-top:1px solid var(--sf-border); }&lt;br /&gt;
@media (max-width:900px) {&lt;br /&gt;
  .sf-guidance-family .sf-article-meta, .sf-guidance-family .sf-summary-grid, .sf-guidance-family .sf-route-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }&lt;br /&gt;
}&lt;br /&gt;
@media (max-width:560px) {&lt;br /&gt;
  .sf-page.sf-guidance-family { padding:10px; }&lt;br /&gt;
  .sf-guidance-family .sf-hero { padding:18px 14px 28px; }&lt;br /&gt;
  .sf-guidance-family .sf-server-index { grid-template-columns:repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-guidance-family .sf-tool-intro { grid-template-columns:minmax(0,1fr); }&lt;br /&gt;
  .sf-guidance-family .sf-tool-intro .sf-guide-image { max-width:150px; }&lt;br /&gt;
  .sf-guidance-family .sf-article-meta, .sf-guidance-family .sf-summary-grid, .sf-guidance-family .sf-route-grid { grid-template-columns:1fr; }&lt;br /&gt;
  .sf-guidance-family .sf-table, .sf-guidance-family .sf-table tbody { display:block; width:100%; }&lt;br /&gt;
  .sf-guidance-family .sf-table tr { display:block; border:1px solid var(--sf-border); margin:0 0 10px; }&lt;br /&gt;
  .sf-guidance-family .sf-table tr:first-child { display:none; }&lt;br /&gt;
  .sf-guidance-family .sf-table th, .sf-guidance-family .sf-table td { display:block; width:100%; border:0; }&lt;br /&gt;
  .sf-guidance-family .sf-table td:first-child { font-weight:600; color:var(--sf-gold-bright); background:rgba(200,162,92,.07); }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Leveling_on_Sinfar&amp;diff=1383</id>
		<title>Leveling on Sinfar</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Leveling_on_Sinfar&amp;diff=1383"/>
		<updated>2026-10-19T05:26:34Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Create community leveling directory grouped by four servers; preserve source notes, historical caveats and native section editing.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-family&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-family-path&amp;quot;&amp;gt;[[Player Guidance Directory|Player Guidance Directory]] · [[New Beginnings|New Beginnings]] · [[Leveling on Sinfar|Leveling on Sinfar]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Player resources · Explore the servers&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Leveling on Sinfar&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Choose a server, then a route. Twelve community-compiled paths toward level 40, with travel, encounters and preparation notes to build on.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Choose your server ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-server-index&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[#Sinfar|Sinfar]]&amp;lt;/b&amp;gt;&amp;lt;span&amp;gt;4 routes&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[#Arche_Terre|Arche Terre]]&amp;lt;/b&amp;gt;&amp;lt;span&amp;gt;3 routes&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[#Outer_Isles|Outer Isles]]&amp;lt;/b&amp;gt;&amp;lt;span&amp;gt;4 routes&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[#Dread|Dread]]&amp;lt;/b&amp;gt;&amp;lt;span&amp;gt;1 route&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&amp;lt;b&amp;gt;A community starting point, not a newly verified walkthrough. &amp;lt;/b&amp;gt;These routes bring together forum and Discord reports spanning roughly ten years. Level bands, travel and preparation need current player checks. A missing shop, supply stop or direction is a gap to fill—not a claim that none exists.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#Preparation|Preparation]][[#Keeping_the_guides_current|Help improve a route]][[#Sources|Sources]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-muted&amp;quot;&amp;gt;Routes are grouped by their main region or starting server. Some continue elsewhere; follow the travel notes in the individual guide.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Sinfar ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-server-routes&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;sinifer&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Classic Sinifer Circuit ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Sinifer exploration and Docks Ward sewers&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Explore or collect hearts → animated furniture → spiders → harpies and outsiders → screaming demons or Icenfar Cathedral.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/sinifer Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;lotus&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Lotus Isles ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Explore and reach the monastery&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Explore → Wu Jen monastery training grounds → later Shin Khitai areas → outsiders or yetis → a level-40 finish.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;saban&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Saban ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Port Saban and safe exploration&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Explore → sphinxes → spiders/sand cats → graboids → golems/elementals → snakes → komodo dragons → Hamunaptra or Sabani Gang.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/saban Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;undead&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Undead Routes ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Sinifer City crypts&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Low crypts → larger crypt/undead areas → late undead destinations.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/undead Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Arche Terre ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-server-routes&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;arche_terre&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Arche Terre Tour ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Mur County or Xion starter areas&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Mur/Xion starter areas → canyon or cave → Shadow Cave/felldrakes or undead → Hivernales yetis → Lomidar catacombs.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/arche-terre Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;canyon&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Canyon of Kharesh ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Mur starter preparation&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Starter exploration → canyon and northern road encounters across successive level tiers.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/canyon Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;xion&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Xion and the Ascent ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Xion northwest-leg ruins&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Starter ruins → preparation to roughly 12 → Ascent floors 1, 2 and 3.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/xion Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Outer Isles ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-server-routes&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;icenfar&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Icenfar ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Customs papers, Duty Sergeant and sewer rats&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Papers → rats → frost goblins → ice mephits → forest beetles → beastmen → felldrakes → yetis → a late-game finish.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/icenfar Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;lost_world&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Lost World ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Psamathe village and mine entrance&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Explore Psamathe → Beach Monkeys → Totem Terror → swamps/wetlands → apes/Neanderthals → deep caves or Jurassic Valley.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lost-world Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;radotonga&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Radotonga ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Explore and prepare&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Starter preparation → temple/canyon → Ukari Station xenomorphs → deeper xenomorphs or a late-game branch.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/radotonga Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;frostfell&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Frostfell ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Frostfell Village&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Village → caves → forest → check Vale/Lake → fissure → yeti caverns.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/frostfell Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Dread ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-server-routes&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-route-record&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span id=&amp;quot;dread&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Dread ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-start&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Starting area: &amp;lt;/b&amp;gt;Explore Tanaroa and boat destinations&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-path&amp;quot;&amp;gt;Explore → Tanaroa monkeys → flying lizards/lizardfolk or outdoor undead → yetis/demons or another finish.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-route-open&amp;quot;&amp;gt;[https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/dread Open route &amp;amp;amp; source notes ›]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Before you set out ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-prose&amp;quot;&amp;gt;&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Icenfar quests:&amp;lt;/strong&amp;gt; collect arrival papers immediately, ideally at level 1, before exploration carries you past the starter quest gate. [[#Source_F104629|F104629]] · [[#Source_D960|D960]]&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Use your own build:&amp;lt;/strong&amp;gt; caster spell tactics and pre-made damage-reduction armor explain some early entries. They are conditions of those accounts, not requirements to change your character’s class.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Check the stage:&amp;lt;/strong&amp;gt; area signs, challenge ratings and recommended player levels are not always the same measurement. Use actual experience gained and the damage you take to judge the next move. [[#Source_D255|D255]] · [[#Source_D298|D298]] · [[#Source_D300|D300]] · [[#Source_D301|D301]]&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Read the route notes:&amp;lt;/strong&amp;gt; known changes and gaps are included, especially the updated AT canyon, Frostfell’s reported middle-stage gaps and the distinction between Dread’s outdoor undead and its old crypt.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Preparation&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Gear and preparation ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;The gathering targets below come from dated player guides. Check the current forge interface, item properties and equipment allowance before spending materials. A complete pre-made set can make a route accessible much earlier.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-table-scroll&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;sf-table sf-preparation-table&amp;quot;&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;Goal&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;Materials and useful stops&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Pre-made starter gear: Rii Nor–Veran Emporium&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Gold; maintainer reports around 20,000 per piece, with actual merchant prices to be checked&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Lotus ferrywoman → Ioteoseu: Rii Nor - Veran - Seaside → straight along the dock → small doorway → building on the right → NPC across the room.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Examples pictured: +3 AC garb, +3 dodge AC boots, +3 rapier and +2 DEX belt. DEX is a suggested AC choice; check your armour’s Maximum Dexterity Bonus. Different AC modifier types are preserved in the item notes. Rings/amulets with AC or ability bonuses are reported separately.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_L010|L010]] · [[#Source_L011|L011]] · [[#Source_L013|L013]] · [[#Source_L014|L014]] · [[#Source_L016|L016]] · [[#Source_L017|L017]] · [[#Source_W001|W001]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Haste&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;30 animal hearts&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Sinifer Docks Ward sewers; Aglon South Docks Warehouse; Toad Away in the Lotus/Wu Jen training grounds.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;A repeatedly recommended first enchantment. Keep the total equipment enchantment allowance in mind; do not assume every level-1 character can equip a finished multi-property set.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F88885|F88885]] · [[#Source_F96736|F96736]] · [[#Source_D955|D955]] · [[#Source_L005|L005]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;+5 AC enchantment&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;12 monster scales&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Mur County Center sewers; Trouble in Paradise in the Lotus/Wu Jen training grounds. Later alternatives include Icenfar beetles and Saban graboids. The new A Reptile Dysfunction sign also lists Monster Scales.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The 2017 example spreads AC over boots, ring and amulet. It is an example set, not proof that arbitrary AC properties stack.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F96736|F96736]] · [[#Source_F100625|F100625]] · [[#Source_D307|D307]] · [[#Source_L006|L006]] · [[#Source_L008|L008]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Constitution&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;2 giant hearts per +1 Constitution&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Kenshiro Lake trolls: leave Sinifer through Gate Ward, turn left by the lake and follow the cliff. An older guide also names Kung Fu Panda for giant hearts; it is not one of the five current Lotus training portals confirmed by the maintainer.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;More hit points support both martial and caster routes. The historical example uses +6 Constitution on each of two items.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F96736|F96736]] · [[#Source_F78270|F78270]] · [[#Source_L001|L001]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Regeneration&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;8 / 15 / 23 troll heads for +1 / +2 / +3&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Kenshiro Lake Troll Caves, on the route described above.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Useful recovery between fights. It does not replace emergency healing or sufficient defenses.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F96736|F96736]] · [[#Source_F78270|F78270]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Fire resistance&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;8 beetle bellies for 15/- in the historical recipe&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Mur County Center sewer beetles; Icenfar forest beetles are a later gathering option. Trouble In Paradise in the Lotus training grounds also explicitly lists beetle bellies.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Repeatedly useful for Canyon Cavern stingers/mages and fire-heavy branches. Evasion, spell protection and the actual enemy mix affect your needs.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F96736|F96736]] · [[#Source_F93502|F93502]] · [[#Source_F85979|F85979]] · [[#Source_L006|L006]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Physical damage reduction&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Golem hands; exact recipe quantity not established here&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Saban Anubis Tomb Guardians are one documented source. Assistance from another character is assumed in some fast-start accounts. The Going Ape sign in Lotus Isles lists Golem Hands (XP band 15–33).&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Recent players recommend armor described as DR 10/+7. Preserve their notation; check the forge property and equipment eligibility. A route relying on this is a geared route.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_D965|D965]] · [[#Source_F95578|F95578]] · [[#Source_F100625|F100625]] · [[#Source_W001|W001]] · [[#Source_L009|L009]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Sonic and electricity protection&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Check the relevant forge property or use appropriate spells&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Prepare before the screaming-demon finish.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The older circuit says sonic resistance 20; a 2026 report uses 30/-. A martial player also warns about lightning-casting pixies nearby. Sonic damage added to a weapon is a different property from sonic resistance.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F88885|F88885]] · [[#Source_D179|D179]] · [[#Source_D182|D182]] · [[#Source_D185|D185]] · [[#Source_D965|D965]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Mind, death and cold defenses&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Build/spell/item dependent; no universal recipe established&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Harpies: mind protection. Xion: mind and death effects. Shadow Cave: cold protection. Yetis: physical defense and daze protection.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Match your defenses to the branch. Old AC and save thresholds are historical build examples, not guarantees for every enemy or character.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F88885|F88885]] · [[#Source_F93502|F93502]] · [[#Source_F77988|F77988]] · [[#Source_F77991|F77991]] · [[#Source_F78277|F78277]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th scope=&amp;quot;row&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Healing kits, Heal skill and main attack/casting ability&amp;lt;/strong&amp;gt;&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Spend according to the character you intend to play&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Carry supplies and use known safe rest points. Icenfar, in particular, restricts outdoor resting.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Repeated advice supports Constitution, usable healing and your build’s main ability. A caster speed run does not establish that a fighter must relevel as a caster.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F85956|F85956]] · [[#Source_F85979|F85979]] · [[#Source_F88888|F88888]] · [[#Source_D990|D990]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;b&amp;gt;Material side trips&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
=== Kenshiro Lake Troll Caves ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Reported 11/12–16 alternative. Sinifer Gate Ward → left along Kenshiro Lake/cliff → Troll Caves.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Troll heads and giant hearts for regeneration/Constitution; a useful substitute or side trip during the furniture stage.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F78270|F78270]] · [[#Source_F96736|F96736]] · [[#Source_D993|D993]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Aglon sewers and South Docks Warehouse ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Starter levels; flooded sewer maps reported 6+. Travel to Aglon; use the warehouse in South Docks or ordinary sewers.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Animal hearts and early XP. Crocodiles make flooded sections a different risk. No complete Aglon-only route to 40 was established.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F78270|F78270]] · [[#Source_F96736|F96736]] · [[#Source_D993|D993]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Dread_broken_tower_.E2.86.92_ant_tunnels_.E2.86.92_lizard_caves.2Fmines&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
=== Dread broken tower → ant tunnels → lizard caves/mines ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Recommended in a level-15 discussion; not a fixed full band. Tanaroa wooden gate → right twice → broken tower → ant tunnels → hole in right wall of first room → wolves → lizardmen → miners.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Slaad tongues (sonic weapon damage), dragon blood (Strength), mysterious sticks (positive damage), bodak teeth, elemental gems and reported +4 saleable items. The availability of warehouse stock is not assumed current.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_D324|D324]] · [[#Source_D326|D326]] · [[#Source_D327|D327]] · [[#Source_D329|D329]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Saban desert chain ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;15–35 stages. Plateau → eastern outskirts → Caravan Camp; see the Saban route.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Graboids: scales/teeth. Guardians: ingots/hands. Lizardfolk: tongues. Snakes: heads/knuckles/teeth. Komodos: mindflayer brains.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F100625|F100625]] · [[#Source_F100763|F100763]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Cathedral exterior ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;About 33/35–40. Use the exterior and side tombs in the classic circuit.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Fairy dust for spell-slot properties, humanoid skulls for Concentration and skeleton knuckles for Mighty are reported in the caster guide.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[#Source_F97791|F97791]] · [[#Source_F88885|F88885]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Keeping_the_guides_current&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Help improve a route ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;These guides belong to the community. Correct one area at a time, add a missing stop, or share a current result. No single contributor is the authority on every route.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Keep each area block practical&amp;lt;/b&amp;gt;&amp;lt;ol&amp;gt;&amp;lt;li&amp;gt;Starting area and how to reach it: name the server, city, transition and landmarks you checked.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;What to do next: a short ordered sequence, with approximate level bands where supported.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Supplies and preparation: shops, healing supplies, gear or forge materials that actually matter here. Leave unknown details marked for confirmation.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Next stop: tell the reader how to continue or when to try another area.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Evidence: keep the source link and add when you checked the change; distinguish direct experience from a suggestion.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Use the section edit beside a heading for this hub. The linked full route reading copies are still on the preview site; report their corrections below until those individual guides are migrated to the Wiki.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Report a change ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note sf-note--teal&amp;quot;&amp;gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Found a changed area, monster or route?&amp;lt;/strong&amp;gt; Please report it to the team in [https://discord.com/channels/335514516051984385/1393451095774330984 Discord #leveling]. Include the guide name, exact area and server, your character level/class, what changed, and when you checked it. A screenshot or current in-game description helps us update the right step.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Guide: &amp;lt;strong&amp;gt;Leveling on Sinfar&amp;lt;/strong&amp;gt;. Use the Discussion tab if you prefer to leave a wiki note. Player reports will help keep these guides current.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Sources&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Sources and attribution ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;b&amp;gt;Read the 44 source records&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;p&amp;gt;Original authors, displayed dates and message/post IDs are retained below. Discord links may require Sinfar server access. Initial research: 15 October 2026; Player Tool and Lotus field evidence: 16 October 2026.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ol&amp;gt;&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D179&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D179&amp;lt;/strong&amp;gt; — kriegeternal; 8/19/25, 4:34 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1407281579872489482 #leveling] · Original message ID: 1407281579872489482.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D182&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D182&amp;lt;/strong&amp;gt; — kriegeternal; 8/19/25, 4:35 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1407281732192960552 #leveling] · Original message ID: 1407281732192960552.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D185&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D185&amp;lt;/strong&amp;gt; — kriegeternal; 8/19/25, 4:36 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1407282038247002172 #leveling] · Original message ID: 1407282038247002172.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D255&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D255&amp;lt;/strong&amp;gt; — The Carcerian; 9/12/25, 4:16 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1416155470875459827 #leveling] · Original message ID: 1416155470875459827. (edited)&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D298&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D298&amp;lt;/strong&amp;gt; — Road Apples; 9/12/25, 8:38 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1416221347863859331 #leveling] · Original message ID: 1416221347863859331.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D300&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D300&amp;lt;/strong&amp;gt; — Road Apples; 9/13/25, 9:56 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1416603524371972147 #leveling] · Original message ID: 1416603524371972147.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D301&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D301&amp;lt;/strong&amp;gt; — Road Apples; 9/13/25, 9:57 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1416603704710139915 #leveling] · Original message ID: 1416603704710139915.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D307&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D307&amp;lt;/strong&amp;gt; — AuraRei; 10/17/25, 11:41 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1428769942140092568 #leveling] · Original message ID: 1428769942140092568. (edited)&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D324&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D324&amp;lt;/strong&amp;gt; — 𝓢𝖔𝖑𝖚𝖓𝖆; 10/28/25, 3:29 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1432813645183717397 #leveling] · Original message ID: 1432813645183717397.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D326&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D326&amp;lt;/strong&amp;gt; — 𝓢𝖔𝖑𝖚𝖓𝖆; 10/28/25, 3:32 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1432814315810848848 #leveling] · Original message ID: 1432814315810848848.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D327&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D327&amp;lt;/strong&amp;gt; — 𝓢𝖔𝖑𝖚𝖓𝖆; 10/28/25, 3:33 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1432814551413424251 #leveling] · Original message ID: 1432814551413424251.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D329&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D329&amp;lt;/strong&amp;gt; — 𝓢𝖔𝖑𝖚𝖓𝖆; 10/28/25, 3:34 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1432814786927923383 #leveling] · Original message ID: 1432814786927923383.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D955&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D955&amp;lt;/strong&amp;gt; — Arytiss; 7/16/26, 2:53 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1527206477129977927 #leveling] · Original message ID: 1527206477129977927.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D960&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D960&amp;lt;/strong&amp;gt; — Lomondra; 7/27/26, 5:56 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1531238836880015421 #leveling] · Original message ID: 1531238836880015421.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D965&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D965&amp;lt;/strong&amp;gt; — Dusk Sarsis; 8/30/26, 12:35 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1543660451949187072 #leveling] · Original message ID: 1543660451949187072.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D990&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D990&amp;lt;/strong&amp;gt; — Mark5720; 10/3/26, 8:49 AM. [https://discord.com/channels/335514516051984385/1393451095774330984/1555924693989589116 #leveling] · Original message ID: 1555924693989589116. (edited)&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_D993&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;D993&amp;lt;/strong&amp;gt; — TorturedCats; 10/6/26, 2:35 PM. [https://discord.com/channels/335514516051984385/1393451095774330984/1557098909061353613 #leveling] · Original message ID: 1557098909061353613.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F77988&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F77988&amp;lt;/strong&amp;gt; — Ghengra; Tue Dec 08, 2015 12:29 pm. [https://forum.sinfar.net/viewtopic.php?p=77988#p77988 Re: Arche Terre Leveling] · Original post ID: p77988. Last edited by Ghengra on Fri May 20, 2016 3:37 am, edited 1 time in total.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F77991&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F77991&amp;lt;/strong&amp;gt; — Xordac; Tue Dec 08, 2015 3:42 pm. [https://forum.sinfar.net/viewtopic.php?p=77991#p77991 Re: Arche Terre Leveling] · Original post ID: p77991.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F78270&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F78270&amp;lt;/strong&amp;gt; — Sevarian; Fri Dec 18, 2015 10:24 am. [https://forum.sinfar.net/viewtopic.php?p=78270#p78270 Re: Sinfars Levelling Guides] · Original post ID: p78270.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F78277&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F78277&amp;lt;/strong&amp;gt; — Ghengra; Fri Dec 18, 2015 1:42 pm. [https://forum.sinfar.net/viewtopic.php?p=78277#p78277 Re: Arche Terre Leveling] · Original post ID: p78277.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F85956&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F85956&amp;lt;/strong&amp;gt; — DM Cats; Tue Aug 02, 2016 6:13 am. [https://forum.sinfar.net/viewtopic.php?p=85956#p85956 Re: Sinfars Levelling Guides] · Original post ID: p85956.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F85979&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F85979&amp;lt;/strong&amp;gt; — Kzinti1; Wed Aug 03, 2016 3:07 pm. [https://forum.sinfar.net/viewtopic.php?p=85979#p85979 Leveling in Icenfar] · Original post ID: p85979.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F88885&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F88885&amp;lt;/strong&amp;gt; — Carcerian; Thu Oct 13, 2016 5:56 am. [https://forum.sinfar.net/viewtopic.php?p=88885#p88885 How To level up quickly (The Sinfar Circuit)] · Original post ID: p88885.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F88888&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F88888&amp;lt;/strong&amp;gt; — Prestige; Thu Oct 13, 2016 10:48 am. [https://forum.sinfar.net/viewtopic.php?p=88888#p88888 Re: How To level up quickly (The Sinfar Circuit)] · Original post ID: p88888.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F93502&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F93502&amp;lt;/strong&amp;gt; — Ghengra; Thu Mar 09, 2017 1:21 pm. [https://forum.sinfar.net/viewtopic.php?p=93502#p93502 Ghengra&#039;s AT Leveling Guide (&amp;quot;AT Route&amp;quot;)] · Original post ID: p93502. Last edited by Ghengra on Thu Aug 03, 2017 6:22 pm, edited 25 times in total.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F95578&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F95578&amp;lt;/strong&amp;gt; — Zilvai; Thu May 04, 2017 6:29 pm. [https://forum.sinfar.net/viewtopic.php?p=95578#p95578 Zilvai&#039;s Merry Leveling Guide 2k17 Edition] · Original post ID: p95578. Last edited by Zilvai on Sat May 06, 2017 1:05 pm, edited 1 time in total.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F96736&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F96736&amp;lt;/strong&amp;gt; — Zae; Sun Jun 04, 2017 12:09 pm. [https://forum.sinfar.net/viewtopic.php?p=96736#p96736 Re: Sinfars Levelling Guides] · Original post ID: p96736.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F97791&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F97791&amp;lt;/strong&amp;gt; — My Dark Avatar; Tue Jul 18, 2017 12:25 pm. [https://forum.sinfar.net/viewtopic.php?p=97791#p97791 Re: New Player Perspective] · Original post ID: p97791.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F100625&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F100625&amp;lt;/strong&amp;gt; — TheLittleMermaid; Wed Nov 08, 2017 7:27 pm. [https://forum.sinfar.net/viewtopic.php?p=100625#p100625 Re: Mermaids Saban-Angellos and Araakan Changelog] · Original post ID: p100625.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F100763&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F100763&amp;lt;/strong&amp;gt; — TheLittleMermaid; Mon Nov 20, 2017 10:52 am. [https://forum.sinfar.net/viewtopic.php?p=100763#p100763 Re: Mermaids Saban-Angellos and Araakan Changelog] · Original post ID: p100763.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_F104629&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;F104629&amp;lt;/strong&amp;gt; — xyz123; Sat May 26, 2018 1:36 pm. [https://forum.sinfar.net/viewtopic.php?p=104629#p104629 Re: (IC) Rumors and urban legends] · Original post ID: p104629. Last edited by xyz123 on Tue Jul 31, 2018 11:26 am, edited 4 times in total.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L001&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L001&amp;lt;/strong&amp;gt; — Guide maintainer (user); Reported 16 October 2026. Firsthand Lotus travel and OOC/IC report New characters enter the OOC Area. Enter the IC Portal to reach the game world. !OOC accesses the OOC Area and !IC returns to the previous in-game location. Captain Rodrick appears by his boat at landing areas with the destination dialogue; touring his destinations is useful for exploration XP. Choose Lotus Isles, then the ferrywoman and Wu Jen Monastery Grounds. Follow the path ahead to the large portal dome. It leads to a central platform with portals arranged in a circle and signs beside them. The maintainer explicitly confirmed that these five distinct signs cover the full portal set.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L005&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L005&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Toad Away sign [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-11 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L006&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L006&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Trouble In Paradise sign [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-12 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L008&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L008&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. A Reptile Dysfunction sign [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-14 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L009&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L009&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Going Ape sign [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-15 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L010&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L010&amp;lt;/strong&amp;gt; — Guide maintainer (user); Reported 16 October 2026. Rii Nor–Veran Emporium access, stock and approximate prices From the Lotus ferrywoman, take Rii Nor–Veran. Follow the dock straight ahead, pass through the small doorway, then enter the building on the right, the Emporium. Speak to the NPC across the room in ceremonial kimono-style clothing. The maintainer reports pre-made low-level gear at about 20,000 gold per piece: +3 AC armour, +3 weapons, and rings/amulets with +3 AC or +2 STR/DEX/WIS/CHA/INT. The maintainer recommends DEX for extra AC.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L011&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L011&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Rii Nor–Veran dock approach [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-4 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L013&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L013&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Bewitched Battle Garb [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-6 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L014&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L014&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Hopping Boots [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-7 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L016&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L016&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Ensorcelled Rapier [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-9 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_L017&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;L017&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; screenshot capture date not shown. Climber’s Belt [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus#preview-image-10 View screenshot].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_W001&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;W001&amp;lt;/strong&amp;gt; — Sinfar wiki contributors; Last modified 16 September 2026, 16:02. [https://wiki.sinfar.net/index.php?title=Magical_Items&amp;amp;oldid=1360 Magical Items] · Original post ID: 1360.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[New Beginnings|Player Tool guide]] · &amp;lt;span class=&amp;quot;mw-selflink selflink&amp;quot;&amp;gt;All leveling routes&amp;lt;/span&amp;gt; · [[#Preparation|Gear and preparation]] · [[Magical Items|Magical Items and forging]] · [[Dungeon Running|Dungeon Running]] · [[Main Page|Main Page]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Category:Player Tools]]&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=New_Beginnings&amp;diff=1382</id>
		<title>New Beginnings</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=New_Beginnings&amp;diff=1382"/>
		<updated>2026-10-19T05:25:13Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Create compact Player Tool guide with native Contents headings, original screenshots and editable functional sections.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-family&amp;quot;&amp;gt;&amp;lt;div aria-label=&amp;quot;Player guidance pages&amp;quot; class=&amp;quot;sf-family-path&amp;quot;&amp;gt;[[Player Guidance Directory|Player Guidance Directory]] / [[New Beginnings|New Beginnings]] / [[Leveling on Sinfar|Leveling on Sinfar]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;New Beginnings · Player Resources&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Your Player Tool&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Find the menu you need for roleplay, appearance, player information, settings and everyday utilities.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Explore_the_menus&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Find a function ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-lead&amp;quot;&amp;gt;Choose a task below, or use Contents to jump directly to a named menu.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div aria-label=&amp;quot;Find a Player Tool function&amp;quot; class=&amp;quot;sf-task-index&amp;quot;&amp;gt;[[#Roleplay_actions|Roleplay actions]][[#Appearance|Appearance]][[#Player_information|Player information]][[#Settings_and_modes|Settings &amp;amp;amp; modes]][[#Movement_and_utilities|Movement &amp;amp;amp; utilities]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Your_Player_Tool&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Open your Player Tool ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-tool-intro&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;The &amp;lt;strong&amp;gt;Player Tool&amp;lt;/strong&amp;gt; brings together your appearance, roleplay actions, player information, dice, settings and everyday utilities. Keep &amp;lt;strong&amp;gt;Player Tool 1&amp;lt;/strong&amp;gt; on your quickbar for easy access.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-guide-image&amp;quot;&amp;gt;[[File:Sinfar guide player-tool player-tool-quickbar.png|158px|alt=Player Tool 1 — quickslot example (F10)]]&amp;lt;p class=&amp;quot;sf-caption&amp;quot;&amp;gt;Example quickslot: F10. Any quickslot may be used.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-muted&amp;quot;&amp;gt;F10 is the quickslot used in this example; it is not a required key binding.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Open the tool and choose a feature from &amp;lt;strong&amp;gt;PC Tool – Main Menu&amp;lt;/strong&amp;gt;. &amp;lt;strong&amp;gt;Rest&amp;lt;/strong&amp;gt; is the first option. Use &amp;lt;strong&amp;gt;Back&amp;lt;/strong&amp;gt; to return or &amp;lt;strong&amp;gt;End&amp;lt;/strong&amp;gt; to close the conversation.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;If you see the location/target screen, choose &amp;lt;strong&amp;gt;Main Menu&amp;lt;/strong&amp;gt; to return here.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-guide-image&amp;quot;&amp;gt;[[File:Sinfar guide player-tool main-menu.png|150px|alt=Player Tool — Main Menu]]&amp;lt;p class=&amp;quot;sf-caption&amp;quot;&amp;gt;PC Tool – Main Menu. Select the image to enlarge.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Roleplay actions ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Emotes ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Choose Feeling, Social, Actions, Combat, Intimate, Laying, Hanging, Walking or Chair Sitting animations.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The same menu provides visual effects, camera height, manual positioning, speed, advanced options and Restore the animation.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool emotes.png|View Emotes screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Voice Chats ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Browse voice lines in four categories: Combat, Feelings, Social and Tasks.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool voice-chats.png|View Voice Chats screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Dice and checks ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Roll d2, d3, d4, d6, d8, d10, d12, d20 or d100. The menu also offers Ability Check, Skill Check and Saving Throw Check.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The pictured chat-command example is !ROLL2d100.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool dice.png|View Dice and checks screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Appearance ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Quick Appearance Change ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Open Body, Clothing, Disguise, Back Equipment or Accessories. Disguise leads through account and character selection.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Other options include Strip, hiding your helmet or tail, showing wings while wearing a cloak, and pelvis appearance options.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool appearance.png|View Quick Appearance Change screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Body appearance ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Browse saved full-body appearances or save the appearance you are currently using.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;You can also remove the visual effects associated with your body appearance.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool body.png|View Body appearance screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Clothing appearances ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Browse or save appearances for your helmet, cloak and armour. Each equipment category has its own list and save option.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool clothing.png|View Clothing appearances screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Player information ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Player List ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Choose a character from the list to open their player information. Use Next to browse further entries.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The names pictured are examples from the screenshot.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool player-list.png|View Player List screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Selected player information ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;View the character’s displayed player information, location, titles and status.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Open Titles &amp;amp;amp; Achievements, examine their description, toggle Like/Dislike, or clear automatic consents with that character. Your own visibility controls are under Settings → Player List Status.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool player-entry.png|View Selected player information screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Settings_and_modes&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Settings &amp;amp; modes ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Settings ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Open Miscellaneous Settings, Player List Status, Henchmen, Subdual Mode, Immersive Mode, Resting or Chat Colour Settings.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The photographed submenus are explained below. The ON/OFF values shown belong to the captured character.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool settings.png|View Settings screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Miscellaneous Settings ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Toggle attacks of opportunity, touching mode, PvP without consent and XP gain.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Touching mode disables collisions with other players. Enabling PvP Without Consent lets other players turn hostile without a consent notification.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool misc-settings.png|View Miscellaneous Settings screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Player List Status ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Choose whether to hide your location or level, change your subrace, and set busy, feeling alone or looking for an in-character conversation.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Toggle the Action, Sex, PvP, OOC, FFA and Builders channels. Builders is labelled account-wide.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool player-list-status.png|View Player List Status screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Subdual Mode ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Set an automatic resurrection delay for characters you kill. Enter the delay in seconds: the menu’s example is 300 seconds = 5 minutes.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;A value of 0 means no automatic resurrection.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool subdual-mode.png|View Subdual Mode screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Immersive Mode ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Suppress OOC and public messages, including Shout and Tells.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Choose the automatic reply that people receive when they send you a tell.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool immersive-mode.png|View Immersive Mode screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Movement_and_utilities&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Movement &amp;amp; utilities ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-grid&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Teleport ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Choose from three options: “At this same location, I am stuck,” “Outside of this place,” or “Into a changing room.”&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool teleport.png|View Teleport screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Miscellaneous Tools ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Walk, remove your spell effects, save your character, check your location, list players or nearby listeners, and Like everyone.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Also available: Fix my party, Go AFK, knock on the nearest house door, manage quickbars, ignore/unignore tells, Relog, and Clear State and Relog.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool misc-tools.png|View Miscellaneous Tools screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Location and local guidebook ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;This screen shows your location and coordinates, and offers Open Local Area Guidebook or a return to Main Menu.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;It also asks about targeting a nearby object. The screenshot does not establish which action opened this screen.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool location-guidebook.png|View Location and local guidebook screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-menu-entry&amp;quot;&amp;gt;&lt;br /&gt;
=== Server Information ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-reading&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Read the in-game references for spell changes, epic spell changes, feat changes, class bonuses, class changes and module changes, alongside the server-rule entries.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-screenshot-link&amp;quot;&amp;gt;[[Media:Sinfar guide player-tool server-information.png|View Server Information screenshot]]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Ready_to_level&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Ready to level? ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note sf-note--teal&amp;quot;&amp;gt;&amp;lt;p&amp;gt;Explore twelve documented routes with level ranges, travel directions, monsters, equipment and materials to keep.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;[[Leveling on Sinfar|Choose a leveling route]] · [https://sinfar-leveling-previews.shadowstandaltar.chatgpt.site/lotus Visit the Lotus Isles training grounds]&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== About this guide ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Based on the in-game screenshots supplied on 16 October 2026. Henchmen, Resting and Chat Colour Settings are shown as menu entries; their submenus were not supplied. Account and character selection screens are retained as source references rather than tutorial illustrations.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;span id=&amp;quot;Sources&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
== Sources and attribution ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible mw-collapsed sf-note&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;b&amp;gt;Read the 21 source records&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;mw-collapsible-content&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;p&amp;gt;Original authors, displayed dates and message/post IDs are retained below. Discord links may require Sinfar server access. Initial research: 15 October 2026; Player Tool and Lotus field evidence: 16 October 2026.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ol&amp;gt;&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT001&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT001&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Player Tool 1 — quickslot example (F10) [[#preview-image-2|View screenshot]]. Quickbar icon labelled Player Tool 1, shown in the F10 slot. F10 is the example placement, not an established default binding.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT002&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT002&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Player Tool — Main Menu [[#preview-image-1|View screenshot]]. Rest; Emotes; Voices Chats; Quick Appearance Change; Player List; Roll a dice; Settings; Teleport; Miscellaneous Tools; Server Information; End.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT003&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT003&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Emotes [[#preview-image-3|View screenshot]]. Feeling; Social; Actions; Combat; Intimate; Laying; Hanging; Walking; Chair Sitting; Visual Effects; Vertical Camera Positioning; Manual Positioning; Speed; Advanced; Restore the animation.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT004&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT004&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Voice Chats [[#preview-image-4|View screenshot]]. Combat; Feelings; Social; Tasks.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT005&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT005&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Quick Appearance Change [[#preview-image-5|View screenshot]]. Body; Clothing; Disguise; Back Equipment; Accessories; Strip; Hide my helmet; Show my wings while wearing a cloak; Hide my tail; Pelvis appearance options.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT006&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT006&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Body appearance [[#preview-image-6|View screenshot]]. Choose or save a full body appearance; All; Save my current body appearance; Remove the visual effects associated with my body appearance.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT007&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT007&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Clothing appearances [[#preview-image-7|View screenshot]]. List Helmet/Cloak/Armor Appearances; Save my helmet/cloak/armor appearance.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT008&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT008&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Alt-account selection Select one of your alt accounts; Next; Previous. Account names are example values, not general tutorial instructions.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT009&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT009&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Disguise character selection Select the character to disguise into; Next; Previous. Character names are example values.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT010&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT010&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Player List [[#preview-image-8|View screenshot]]. List of character names and Next. Listed characters are examples from the capture, not a current online roster.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT011&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT011&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Selected player information [[#preview-image-9|View screenshot]]. Character and player information; location; titles; a feeling-alone status. Options: Titles &amp;amp;amp; Achievements; Examine this character description; Toggle Like/Dislike; Clear all automatic consents with this character; Player List.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT012&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT012&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Roll a Dice [[#preview-image-10|View screenshot]]. d2, d3, d4, d6, d8, d10, d12, d20, d100; Ability Check; Skill Check; Saving Throw Check. Command example: !ROLL2d100.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT013&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT013&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Settings [[#preview-image-11|View screenshot]]. Miscellaneous Settings; Player List Status; Henchmen; Subdual Mode; Immersive Mode; Resting; Chat Colour Settings. Henchmen, Resting and Chat Colour Settings submenu contents are not supplied.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT014&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT014&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Miscellaneous Settings [[#preview-image-12|View screenshot]]. Toggles for attacks of opportunity, touching mode, PvP without consent and XP gain. Legend: touching mode disables collisions with other players; PvP Without Consent enables other players to turn hostile without a consent notification. Shown ON/OFF states belong to the captured character.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT015&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT015&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Player List Status [[#preview-image-13|View screenshot]]. Hide my location; Hide my level; Change my subrace; busy; feeling alone; looking for an in-character conversation; Action, Sex, PvP, OOC, FFA and Builders channel toggles. Builders Channel is labelled account wide.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT016&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT016&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Subdual Mode [[#preview-image-14|View screenshot]]. Enter the resurrection delay in seconds for characters you kill. Menu example: 300 seconds means 5 minutes. Zero keeps/sets no automatic resurrection.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT017&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT017&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Immersive Mode [[#preview-image-15|View screenshot]]. When ON, messages from OOC and public channels including Shout and Tells are not received. Tell senders receive an automatic response of your choice. Includes enable toggle and message editor.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT018&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT018&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Teleport [[#preview-image-16|View screenshot]]. At this same location, I am stuck; Outside of this place; Into a changing room.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT019&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT019&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Miscellaneous Tools [[#preview-image-17|View screenshot]]. Toggle Walk; Remove all my spells effects; Save my character on the server; Where am I; List Players; Like everyone; List characters who can currently hear me speak; Fix my party; Go AFK; Knock on nearest house door; Manage Quick Bars; Ignore/Unignore tells from a player; Relog; Clear State and Relog.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT020&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT020&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Location / target screen [[#preview-image-18|View screenshot]]. Shows a location and coordinates, asks whether to target an object near it, and offers Open Local Area Guidebook or Main Menu. Screenshot does not establish which targeting action opened this screen.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;span id=&amp;quot;Source_PT021&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;PT021&amp;lt;/strong&amp;gt; — Guide maintainer (user); in-game text credited to Sinfar; Supplied 16 October 2026; capture date not shown. Server Information [[#preview-image-19|View screenshot]]. Server Rules; Server Rules - Cont.; Spells Changes; Epic Spell Changes; Feat Changes; Class Bonuses; Class Changes; Module Changes.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;mw-selflink selflink&amp;quot;&amp;gt;Player Tool guide&amp;lt;/span&amp;gt; · [[Leveling on Sinfar|All leveling routes]] · [[Leveling on Sinfar#Preparation|Gear and preparation]] · [[Magical Items|Magical Items and forging]] · [[Dungeon Running|Dungeon Running]] · [[Main Page|Main Page]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Category:Player Tools]]&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Player_Guidance_Directory&amp;diff=1381</id>
		<title>Player Guidance Directory</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Player_Guidance_Directory&amp;diff=1381"/>
		<updated>2026-10-19T05:23:25Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Create approved Player Guidance Directory with native section navigation and links to Player Tool and server-grouped leveling guidance.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-guidance-page sf-guidance-family&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Player Resources · Start Here&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-title&amp;quot;&amp;gt;Player Guidance Directory&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Learn the Player Tool, choose a leveling route, and find the practical guidance needed to begin playing on Sinfar.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-article-meta&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Player Tool&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Menus, roleplay actions, appearance, settings, and utilities&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Leveling&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;12 regional and connected routes&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Evidence&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Forum guides, builder updates, and Discord experience&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Status&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Living guidance · Player feedback welcome&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Choose Your Starting Point ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-choice-grid sf-choice-grid--two&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-choice-card&amp;quot;&amp;gt;&lt;br /&gt;
=== New Beginnings — Player Tool ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Start here if you are new to Sinfar&#039;s everyday player interface. This illustrated guide explains the Player Tool main menu and the features players are most likely to use during play.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;Emotes, voice chats, and roleplay actions&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Appearance and clothing controls&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Player information, dice, and checks&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Settings, teleport tools, and local utilities&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-download&amp;quot;&amp;gt;&amp;lt;b&amp;gt;[[New Beginnings|Open New Beginnings ›]]&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-choice-card&amp;quot;&amp;gt;&lt;br /&gt;
=== Leveling on Sinfar — 12 Routes ===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Use the Leveling Hub when you are ready to explore. It compares twelve documented routes across Sinfar&#039;s regions and connected worlds, with preparation notes and known gaps kept visible.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;Routes grouped under Sinfar, Arche Terre, Outer Isles and Dread&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Suggested level bands and route transitions&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Gear, forging materials, and preparation notes&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Visible source records, known gaps, and later corrections&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-download&amp;quot;&amp;gt;&amp;lt;b&amp;gt;[[Leveling on Sinfar|Open the Leveling Hub ›]]&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== What You Will Find ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-summary-grid&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Learn the Interface&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Understand the Player Tool before you need a feature in the middle of play.&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Compare Routes&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Choose a server and region instead of following one universal path.&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Prepare First&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Review useful equipment, materials, resistances, and route-specific warnings.&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Check the Evidence&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;See where guidance came from and where present-day confirmation is still needed.&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Using the Leveling Routes ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-prose&amp;quot;&amp;gt;&amp;lt;p class=&amp;quot;sf-lead&amp;quot;&amp;gt;Treat each route as a documented starting point, not a rigid promise that every character will have the same experience.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The routes were compiled from forum walkthroughs, builder updates, and player experience shared through Discord. Several complete forum guides are years old. Your build, equipment, party, current server changes, and the experience awarded by an encounter all affect when it is comfortable to move forward.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Level bands are recommendations. Overlapping stages are intentional: move on when the next encounter is manageable and the current one stops giving useful experience.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Check before committing resources:&amp;lt;/b&amp;gt; Read the route&#039;s source notes and known gaps, confirm current forge properties and equipment allowances, and use present-day in-game results when they conflict with older guidance.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Help Keep the Guides Current ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-content-panel&amp;quot;&amp;gt;&amp;lt;p&amp;gt;If an area, monster, travel route, level range, or preparation note has changed, report:&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ol&amp;gt;&amp;lt;li&amp;gt;The guide and exact area or server.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Your character level, class, equipment, and party size.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;What differed from the written route.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;When you checked it, with a screenshot or current in-game description when possible.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;[[Leveling on Sinfar#Report_a_change|Read the report-a-change instructions ›]]&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Related Wiki Resources ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-grid&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[Magical Items|Magical Items]]&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;Review forging, item properties, and server-specific equipment systems.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[Dungeon Running|Dungeon Running]]&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;Prepare for group encounters, progression, and rewards.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[Character Customisation|Character Customisation]]&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;Shape your character&#039;s appearance and presentation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;b&amp;gt;[[:Category:Player Tools|Player Tools]]&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;Browse additional player-facing tools and references.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[Getting Started|Getting Started]] · [[Recommended Settings|Recommended Settings]] · [[Rules|Server Rules]] · [[Leveling on Sinfar#Sources|Sources and attribution]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Category:Player Tools]]&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_server-information.png&amp;diff=1380</id>
		<title>File:Sinfar guide player-tool server-information.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_server-information.png&amp;diff=1380"/>
		<updated>2026-10-19T05:22:33Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_location-guidebook.png&amp;diff=1379</id>
		<title>File:Sinfar guide player-tool location-guidebook.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_location-guidebook.png&amp;diff=1379"/>
		<updated>2026-10-19T05:22:31Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_misc-tools.png&amp;diff=1378</id>
		<title>File:Sinfar guide player-tool misc-tools.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_misc-tools.png&amp;diff=1378"/>
		<updated>2026-10-19T05:22:28Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_teleport.png&amp;diff=1377</id>
		<title>File:Sinfar guide player-tool teleport.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_teleport.png&amp;diff=1377"/>
		<updated>2026-10-19T05:22:26Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_immersive-mode.png&amp;diff=1376</id>
		<title>File:Sinfar guide player-tool immersive-mode.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_immersive-mode.png&amp;diff=1376"/>
		<updated>2026-10-19T05:22:23Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_subdual-mode.png&amp;diff=1375</id>
		<title>File:Sinfar guide player-tool subdual-mode.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_subdual-mode.png&amp;diff=1375"/>
		<updated>2026-10-19T05:22:02Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_player-list-status.png&amp;diff=1374</id>
		<title>File:Sinfar guide player-tool player-list-status.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_player-list-status.png&amp;diff=1374"/>
		<updated>2026-10-19T05:21:48Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_misc-settings.png&amp;diff=1373</id>
		<title>File:Sinfar guide player-tool misc-settings.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_misc-settings.png&amp;diff=1373"/>
		<updated>2026-10-19T05:21:46Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_settings.png&amp;diff=1372</id>
		<title>File:Sinfar guide player-tool settings.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_settings.png&amp;diff=1372"/>
		<updated>2026-10-19T05:21:44Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_dice.png&amp;diff=1371</id>
		<title>File:Sinfar guide player-tool dice.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_dice.png&amp;diff=1371"/>
		<updated>2026-10-19T05:21:41Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_player-entry.png&amp;diff=1370</id>
		<title>File:Sinfar guide player-tool player-entry.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_player-entry.png&amp;diff=1370"/>
		<updated>2026-10-19T05:21:39Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_player-list.png&amp;diff=1369</id>
		<title>File:Sinfar guide player-tool player-list.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_player-list.png&amp;diff=1369"/>
		<updated>2026-10-19T05:21:37Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_clothing.png&amp;diff=1368</id>
		<title>File:Sinfar guide player-tool clothing.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_clothing.png&amp;diff=1368"/>
		<updated>2026-10-19T05:21:25Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_body.png&amp;diff=1367</id>
		<title>File:Sinfar guide player-tool body.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_body.png&amp;diff=1367"/>
		<updated>2026-10-19T05:21:23Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_appearance.png&amp;diff=1366</id>
		<title>File:Sinfar guide player-tool appearance.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_appearance.png&amp;diff=1366"/>
		<updated>2026-10-19T05:21:20Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_voice-chats.png&amp;diff=1365</id>
		<title>File:Sinfar guide player-tool voice-chats.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_voice-chats.png&amp;diff=1365"/>
		<updated>2026-10-19T05:21:18Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_emotes.png&amp;diff=1364</id>
		<title>File:Sinfar guide player-tool emotes.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_emotes.png&amp;diff=1364"/>
		<updated>2026-10-19T05:21:16Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_player-tool-quickbar.png&amp;diff=1363</id>
		<title>File:Sinfar guide player-tool player-tool-quickbar.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_player-tool-quickbar.png&amp;diff=1363"/>
		<updated>2026-10-19T05:21:03Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
Original in-game Player Tool screenshot supplied for the New Beginnings guide, 16 October 2026. Retained without alteration from the supplied Sinfar player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_main-menu.png&amp;diff=1362</id>
		<title>File:Sinfar guide player-tool main-menu.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=File:Sinfar_guide_player-tool_main-menu.png&amp;diff=1362"/>
		<updated>2026-10-19T05:18:44Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: In-game Player Tool main menu screenshot supplied for the New Beginnings guide, 16 October 2026. Original screenshot, retained without alteration. Source: supplied Sinfar leveling/player-guidance evidence package.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
In-game Player Tool main menu screenshot supplied for the New Beginnings guide, 16 October 2026. Original screenshot, retained without alteration. Source: supplied Sinfar leveling/player-guidance evidence package.&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1361</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1361"/>
		<updated>2026-10-19T05:15:47Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Add opt-in player-guidance family styles; preserve Main and existing articles&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ============================================================&lt;br /&gt;
   Sinfar Wiki Visual System v3.0&lt;br /&gt;
   Unified Common.css Framework&lt;br /&gt;
   Scope doctrine:&lt;br /&gt;
   - New/refit pages use: &amp;lt;div class=&amp;quot;sf-page&amp;quot;&amp;gt;&lt;br /&gt;
   - Legacy pages may still use .sinfar-page / .sf-card / .sf-heading&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   1. DESIGN TOKENS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
  --sf-bg-page: #0f141b;&lt;br /&gt;
  --sf-bg-shell: #11161d;&lt;br /&gt;
  --sf-bg-panel: rgba(18, 14, 12, .78);&lt;br /&gt;
  --sf-bg-panel-solid: #181214;&lt;br /&gt;
  --sf-bg-panel-soft: rgba(216, 180, 106, .08);&lt;br /&gt;
  --sf-bg-hero: linear-gradient(135deg, #21150f, #3a2417);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-border: rgba(216, 180, 106, .28);&lt;br /&gt;
  --sf-border-strong: rgba(216, 180, 106, .48);&lt;br /&gt;
  --sf-border-muted: rgba(244, 239, 230, .09);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-text: #f4efe6;&lt;br /&gt;
  --sf-text-muted: #c9bda9;&lt;br /&gt;
  --sf-gold: #d8b46a;&lt;br /&gt;
  --sf-gold-bright: #f0d28a;&lt;br /&gt;
  --sf-link: #8fc6ff;&lt;br /&gt;
  --sf-link-hover: #b8d6ff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-red: #9f4b3e;&lt;br /&gt;
  --sf-green: #2f5d3a;&lt;br /&gt;
  --sf-blue: #334e7a;&lt;br /&gt;
  --sf-purple: #60456f;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-radius-sm: 7px;&lt;br /&gt;
  --sf-radius-md: 10px;&lt;br /&gt;
  --sf-gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   2. SOVEREIGN PAGE SHELL&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page,&lt;br /&gt;
.sinfar-page {&lt;br /&gt;
  background: var(--sf-bg-shell);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 16px;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
  font-size: 14px;&lt;br /&gt;
  box-shadow: 0 0 22px rgba(0,0,0,.35);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page *,&lt;br /&gt;
.sinfar-page * {&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a,&lt;br /&gt;
.sf-page a:visited,&lt;br /&gt;
.sf-page a.external,&lt;br /&gt;
.sf-page a.external:visited,&lt;br /&gt;
.sinfar-page a,&lt;br /&gt;
.sinfar-page a:visited,&lt;br /&gt;
.sinfar-page a.external,&lt;br /&gt;
.sinfar-page a.external:visited {&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a:hover,&lt;br /&gt;
.sinfar-page a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page code,&lt;br /&gt;
.sinfar-page code {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
  padding: 1px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   3. TYPOGRAPHY&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page h1,&lt;br /&gt;
.sf-page h2,&lt;br /&gt;
.sf-page h3,&lt;br /&gt;
.sinfar-page h1,&lt;br /&gt;
.sinfar-page h2,&lt;br /&gt;
.sinfar-page h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-section-title,&lt;br /&gt;
.sf-heading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  margin: 18px 0 8px;&lt;br /&gt;
  padding-bottom: 3px;&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-subheading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 10px 0 6px;&lt;br /&gt;
  font-size: 1.15rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-muted {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-label,&lt;br /&gt;
.sf-name {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-center {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   4. HEROES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero,&lt;br /&gt;
.sf-hero-compact {&lt;br /&gt;
  background: var(--sf-bg-hero);&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 14px 18px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero h1,&lt;br /&gt;
.sf-hero-compact h1,&lt;br /&gt;
.sf-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 4px;&lt;br /&gt;
  font-size: 1.85rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero p,&lt;br /&gt;
.sf-hero-compact p,&lt;br /&gt;
.sf-subtitle {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-eyebrow {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main {&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main h1 {&lt;br /&gt;
  font-size: 2.35rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   5. GRIDS / STATUS TILES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2,&lt;br /&gt;
.sf-grid-3,&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-grid-5,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status { grid-template-columns: repeat(4, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid &amp;gt; div,&lt;br /&gt;
.sf-start-status &amp;gt; div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid b,&lt;br /&gt;
.sf-start-status b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid span,&lt;br /&gt;
.sf-start-status span {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   6. QUICKBARS / INDEX GRIDS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar,&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar &amp;gt; div,&lt;br /&gt;
.sf-index-grid &amp;gt; div,&lt;br /&gt;
.sf-pathline {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar b,&lt;br /&gt;
.sf-index-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
============================================================&lt;br /&gt;
   6A. REFERENCE MANUAL LAYOUT&lt;br /&gt;
   Reusable side directory for long technical documentation.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content [id] {&lt;br /&gt;
  scroll-margin-top: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 12px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  max-height: calc(100vh - 24px);&lt;br /&gt;
  overflow-y: auto;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  padding-bottom: 7px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-group {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin: 12px 0 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a,&lt;br /&gt;
.sf-manual-toc a:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 5px 1px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example {&lt;br /&gt;
  background: rgba(216,180,106,.06);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  margin: 7px 0 9px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-color-swatch {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 22px;&lt;br /&gt;
  height: 14px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin-right: 7px;&lt;br /&gt;
  border: 1px solid rgba(255,255,255,.28);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  vertical-align: -2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
===========================================================&lt;br /&gt;
   7. DECISION PANELS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.25fr 1fr 1fr;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision,&lt;br /&gt;
.sf-card,&lt;br /&gt;
.sf-panel {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-primary {&lt;br /&gt;
  border-color: rgba(240,210,138,.58);&lt;br /&gt;
  background: linear-gradient(135deg, rgba(60,38,20,.88), rgba(18,14,12,.78));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-kicker {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  letter-spacing: .07em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   8. ACTION LISTS / BUTTONS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 12px 0 0 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list li {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a,&lt;br /&gt;
.sf-action-list a:visited,&lt;br /&gt;
.sf-action-list a.external,&lt;br /&gt;
.sf-action-list a.external:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: rgba(216,180,106,.10);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.32);&lt;br /&gt;
  border-radius: 7px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  color: #8fc6ff;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a:hover,&lt;br /&gt;
.sf-action-list a.external:hover {&lt;br /&gt;
  background: rgba(216,180,106,.16);&lt;br /&gt;
  border-color: rgba(240,210,138,.48);&lt;br /&gt;
  color: #b8d6ff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   9. TABLES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  border-collapse: collapse;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table td {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
  padding: 7px 10px;&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table tr:last-child td {&lt;br /&gt;
  border-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll .sf-table {&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value,&lt;br /&gt;
.sf-good {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value {&lt;br /&gt;
  color: #f4c96b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-good {&lt;br /&gt;
  color: #9fe6bd;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Standard table column helpers */&lt;br /&gt;
.sf-channel-table th:nth-child(1),&lt;br /&gt;
.sf-channel-table td:nth-child(1) { width: 14%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(2),&lt;br /&gt;
.sf-channel-table td:nth-child(2) { width: 31%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(3),&lt;br /&gt;
.sf-channel-table td:nth-child(3) { width: 37%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(4),&lt;br /&gt;
.sf-channel-table td:nth-child(4) { width: 18%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(1),&lt;br /&gt;
.sf-setup-table td:nth-child(1) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(2),&lt;br /&gt;
.sf-setup-table td:nth-child(2) { width: 52%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(3),&lt;br /&gt;
.sf-setup-table td:nth-child(3) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   10. BADGES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: 2px 7px;&lt;br /&gt;
  margin: 1px 2px 1px 0;&lt;br /&gt;
  font-size: .78rem;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge-ic { background: #2f5d3a; color: #eaffef; }&lt;br /&gt;
.sf-badge-ooc { background: #334e7a; color: #eef4ff; }&lt;br /&gt;
.sf-badge-dm { background: #6f3b3b; color: #fff0f0; }&lt;br /&gt;
.sf-badge-range { background: #5f4c27; color: #fff2c2; }&lt;br /&gt;
.sf-badge-area { background: #60456f; color: #f7eaff; }&lt;br /&gt;
.sf-badge-support { background: #4e5563; color: #f0f3f8; }&lt;br /&gt;
.sf-badge-best { background: #6a5423; color: #fff0bd; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   11. ALERTS / NOTES / RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note,&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning,&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  margin: 8px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.24);&lt;br /&gt;
  border-left: 4px solid #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert b,&lt;br /&gt;
.sf-warning b {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-info {&lt;br /&gt;
  background: rgba(38,58,92,.34);&lt;br /&gt;
  border-left-color: #6fa8dc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border-left-color: #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-danger,&lt;br /&gt;
.sf-note--red {&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
  border-left-color: var(--sf-red);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  border-left: 4px solid var(--sf-red);&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   12. PROGRESS LINES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line b {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  line-height: 24px;&lt;br /&gt;
  background: rgba(216,180,106,.24);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line span {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   13. CODE / SCRIPTING DOCS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock,&lt;br /&gt;
.sf-codebox,&lt;br /&gt;
.sf-page pre,&lt;br /&gt;
.sinfar-page pre {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock code,&lt;br /&gt;
.sf-codebox code,&lt;br /&gt;
.sf-page pre code,&lt;br /&gt;
.sinfar-page pre code {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* &lt;br /&gt;
============================================================&lt;br /&gt;
   14. IMAGES / SCREENSHOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 6px;&lt;br /&gt;
  margin: 8px 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame img {&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
/* &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
============================================================&lt;br /&gt;
   MAIN PAGE IMAGE SLOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot{&lt;br /&gt;
    position:relative;&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
    border:1px solid var(--sf-border);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    background:#120d10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot img{&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    height:100%;&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   15. CHAT CHANNEL COLOR LOCKS&lt;br /&gt;
   Match in-game channel color identity.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan {&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-shout   { color: #feef50; }&lt;br /&gt;
.sf-chan-dm      { color: #f67271; }&lt;br /&gt;
.sf-chan-event   { color: #ab23f2; }&lt;br /&gt;
.sf-chan-action  { color: #b56a23; }&lt;br /&gt;
.sf-chan-ooc     { color: #b1a2bd; }&lt;br /&gt;
.sf-chan-pvp     { color: #fe5f2e; }&lt;br /&gt;
.sf-chan-sex     { color: #f520e1; }&lt;br /&gt;
.sf-chan-build   { color: #b7f520; }&lt;br /&gt;
.sf-chan-ffa     { color: #20bff0; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-talk    { color: #fefefe; }&lt;br /&gt;
.sf-chan-whisper { color: #b0b0b0; }&lt;br /&gt;
.sf-chan-quiet   { color: #777777; }&lt;br /&gt;
.sf-chan-silent  { color: #666666; }&lt;br /&gt;
.sf-chan-yell    { color: #d92324; }&lt;br /&gt;
.sf-chan-party   { color: #fefefe; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   16. FOOTERS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footerlinks,&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  margin-top: 14px;&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  border-top: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  padding: 12px 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   17. LEGACY COMPATIBILITY&lt;br /&gt;
   Keeps older remaster pages readable without preserving chaos.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--gold,&lt;br /&gt;
.sf-table--gold {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border-color: var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--green,&lt;br /&gt;
.sf-table--green {&lt;br /&gt;
  background: rgba(17,26,18,.82);&lt;br /&gt;
  border-color: rgba(68,107,53,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--blue,&lt;br /&gt;
.sf-table--blue {&lt;br /&gt;
  background: rgba(16,24,32,.82);&lt;br /&gt;
  border-color: rgba(52,87,122,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--red,&lt;br /&gt;
.sf-table--red {&lt;br /&gt;
  background: rgba(26,16,16,.82);&lt;br /&gt;
  border-color: rgba(122,52,47,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--purple,&lt;br /&gt;
.sf-table--purple {&lt;br /&gt;
  background: rgba(25,17,29,.82);&lt;br /&gt;
  border-color: rgba(91,59,120,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-heading--gold { color: var(--sf-gold-bright); border-bottom-color: var(--sf-border); }&lt;br /&gt;
.sf-heading--green { color: #91d38f; border-bottom-color: #446b35; }&lt;br /&gt;
.sf-heading--blue { color: #8fc6ff; border-bottom-color: #34577a; }&lt;br /&gt;
.sf-heading--red { color: #ff9c8f; border-bottom-color: #7a342f; }&lt;br /&gt;
.sf-heading--purple { color: #c49cff; border-bottom-color: #5b3b78; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  margin: 9px 0 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket th {&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  padding: 9px 12px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket td {&lt;br /&gt;
  background: rgba(18,14,12,.72);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   18. LISTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page ul,&lt;br /&gt;
.sf-page ol,&lt;br /&gt;
.sinfar-page ul,&lt;br /&gt;
.sinfar-page ol {&lt;br /&gt;
  margin: 6px 0 8px;&lt;br /&gt;
  padding-left: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page li,&lt;br /&gt;
.sinfar-page li {&lt;br /&gt;
  margin: 2px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   19. MOBILE RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-decision-grid,&lt;br /&gt;
  .sf-index-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
  .sf-page,&lt;br /&gt;
  .sinfar-page {&lt;br /&gt;
    padding: 12px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-quickbar,&lt;br /&gt;
  .sf-grid-2,&lt;br /&gt;
  .sf-grid-3,&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status,&lt;br /&gt;
  .sf-progress-line {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-table {&lt;br /&gt;
    table-layout: auto;&lt;br /&gt;
    font-size: .92rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-channel-table th:nth-child(n),&lt;br /&gt;
  .sf-channel-table td:nth-child(n),&lt;br /&gt;
  .sf-setup-table th:nth-child(n),&lt;br /&gt;
  .sf-setup-table td:nth-child(n) {&lt;br /&gt;
    width: auto;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Main Page Module v1.0&lt;br /&gt;
   Purpose: cinematic front-door layout for Main Page only.&lt;br /&gt;
   Requires wrapper: &amp;lt;div class=&amp;quot;sf-page sf-main-page&amp;quot;&amp;gt;&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page {&lt;br /&gt;
  max-width: 1320px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Cinematic Main Hero ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  aspect-ratio: 16 / 9;&lt;br /&gt;
  min-height: 0;&lt;br /&gt;
&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  padding: 64px 48px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Hero Artwork ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 0;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: inherit;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; a,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; span,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Flat dark overlay for text readability. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
&lt;br /&gt;
  background: rgba(5, 8, 12, .48);&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Keep hero text above the artwork and overlay. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main &amp;gt; :not(.sf-hero-art-slot) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main h1 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
&lt;br /&gt;
  font-size: 3.15rem;&lt;br /&gt;
  line-height: 1.08;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
  text-shadow:&lt;br /&gt;
    0 2px 3px rgba(0,0,0,.95),&lt;br /&gt;
    0 0 14px rgba(0,0,0,.78);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main .sf-eyebrow,&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  text-shadow: 0 2px 4px rgba(0,0,0,.95);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  max-width: 680px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: 1.08rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision {&lt;br /&gt;
  min-height: 300px;&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision h3 {&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Feature Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-grid-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card {&lt;br /&gt;
  min-height: 190px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Action Links ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links {&lt;br /&gt;
  margin-top: 12px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  box-shadow: none;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a,&lt;br /&gt;
.sf-main-page .sf-action-links a:visited,&lt;br /&gt;
.sf-main-page .sf-action-links a.external,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:visited {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a:hover,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Community Strip ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
  gap: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Responsive Layout ---------- */&lt;br /&gt;
&lt;br /&gt;
/* Split desktop, tablets, landscape */&lt;br /&gt;
@media screen and (min-width: 721px) and (max-width: 860px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision,&lt;br /&gt;
  .sf-main-page .sf-card {&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 32px 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.35rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Phones */&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3,&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 24px 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.1rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Small phones */&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main .sf-eyebrow {&lt;br /&gt;
    font-size: .66rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    font-size: 1.85rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main p {&lt;br /&gt;
    margin-bottom: 7px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================================&lt;br /&gt;
   MAIN PAGE COMMUNITY LINKS — DISCORD / PATREON&lt;br /&gt;
   ========================================================= */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 8px 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 58px;&lt;br /&gt;
  padding: 8px 16px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Control MediaWiki-generated wrappers around file images. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link &amp;gt; p,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; span,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; a,&lt;br /&gt;
.sf-main-page .community-link .mw-file-description {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link img,&lt;br /&gt;
.sf-main-page .community-link .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: 30px;&lt;br /&gt;
  max-width: 82%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--discord {&lt;br /&gt;
  background-color: #5865f2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--patreon {&lt;br /&gt;
  background-color: #ff424d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
  .sf-main-page .community-link-grid {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   MAIN PAGE — COLORED CARD SYSTEM&lt;br /&gt;
   Static layered gradients only. No glow, blur, or filters.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Shared Card Construction ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card,&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: #181214;&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      135deg,&lt;br /&gt;
      rgba(255,255,255,.025) 0%,&lt;br /&gt;
      transparent 34%,&lt;br /&gt;
      rgba(0,0,0,.12) 70%,&lt;br /&gt;
      rgba(0,0,0,.24) 100%&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      118deg,&lt;br /&gt;
      rgba(255,255,255,.014) 0,&lt;br /&gt;
      rgba(255,255,255,.014) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 7px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Subtle inner line without glow or shadow. */&lt;br /&gt;
.sf-main-page .sf-journey-card::after,&lt;br /&gt;
.sf-main-page .sf-feature-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 4px;&lt;br /&gt;
  z-index: -1;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
  border: 1px solid rgba(244,239,230,.035);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Card Header ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  min-height: 48px;&lt;br /&gt;
  margin: -22px -22px 14px;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: var(--sf-card-head, rgba(216,180,106,.10));&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      90deg,&lt;br /&gt;
      rgba(255,255,255,.035),&lt;br /&gt;
      transparent 48%,&lt;br /&gt;
      rgba(0,0,0,.16)&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      120deg,&lt;br /&gt;
      rgba(255,255,255,.012) 0,&lt;br /&gt;
      rgba(255,255,255,.012) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 6px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border-bottom: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head h3 {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Header Icon Slot ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  width: 38px;&lt;br /&gt;
  height: 38px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon img,&lt;br /&gt;
.sf-main-page .sf-card-icon .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.42);&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Featured System Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.34);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head {&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  margin: -14px -14px 12px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head h3 {&lt;br /&gt;
  font-size: 1.02rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-icon {&lt;br /&gt;
  width: 23px;&lt;br /&gt;
  height: 23px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-action-links {&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   CATEGORY THEMES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* New arrivals — crimson */&lt;br /&gt;
.sf-main-page .sf-theme-crimson {&lt;br /&gt;
  --sf-card-head: rgba(83,20,20,.92);&lt;br /&gt;
  --sf-card-border: rgba(155,69,57,.70);&lt;br /&gt;
  background-color: #1b1011;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Player resources — midnight blue */&lt;br /&gt;
.sf-main-page .sf-theme-blue {&lt;br /&gt;
  --sf-card-head: rgba(18,46,74,.94);&lt;br /&gt;
  --sf-card-border: rgba(62,104,143,.72);&lt;br /&gt;
  background-color: #101922;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Builder resources — forest green */&lt;br /&gt;
.sf-main-page .sf-theme-green {&lt;br /&gt;
  --sf-card-head: rgba(29,65,38,.94);&lt;br /&gt;
  --sf-card-border: rgba(65,110,67,.72);&lt;br /&gt;
  background-color: #111a14;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Community — royal purple */&lt;br /&gt;
.sf-main-page .sf-theme-purple {&lt;br /&gt;
  --sf-card-head: rgba(67,32,79,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,68,124,.72);&lt;br /&gt;
  background-color: #19121d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Housing — slate blue */&lt;br /&gt;
.sf-main-page .sf-theme-slate {&lt;br /&gt;
  --sf-card-head: rgba(40,57,72,.94);&lt;br /&gt;
  --sf-card-border: rgba(76,102,123,.72);&lt;br /&gt;
  background-color: #141a1f;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Businesses — warm tavern bronze */&lt;br /&gt;
.sf-main-page .sf-theme-bronze {&lt;br /&gt;
  --sf-card-head: rgba(83,52,24,.94);&lt;br /&gt;
  --sf-card-border: rgba(133,89,43,.72);&lt;br /&gt;
  background-color: #1d1610;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Character development — arcane violet */&lt;br /&gt;
.sf-main-page .sf-theme-arcane {&lt;br /&gt;
  --sf-card-head: rgba(68,42,88,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,70,132,.72);&lt;br /&gt;
  background-color: #19131e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Dungeon running — deep teal */&lt;br /&gt;
.sf-main-page .sf-theme-teal {&lt;br /&gt;
  --sf-card-head: rgba(21,62,66,.94);&lt;br /&gt;
  --sf-card-border: rgba(48,104,108,.72);&lt;br /&gt;
  background-color: #101b1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* PvP — battle red */&lt;br /&gt;
.sf-main-page .sf-theme-battle {&lt;br /&gt;
  --sf-card-head: rgba(92,31,26,.94);&lt;br /&gt;
  --sf-card-border: rgba(145,65,54,.74);&lt;br /&gt;
  background-color: #1c1110;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Custom scripting — dark builder green */&lt;br /&gt;
.sf-main-page .sf-theme-script {&lt;br /&gt;
  --sf-card-head: rgba(37,67,42,.94);&lt;br /&gt;
  --sf-card-border: rgba(71,111,73,.72);&lt;br /&gt;
  background-color: #121a13;&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   REFERENCE MANUAL — DEFINITIVE WIDTH CONTAINMENT&lt;br /&gt;
   Keeps later source examples from widening the entire manual.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page,&lt;br /&gt;
.sf-manual-layout,&lt;br /&gt;
.sf-manual-content,&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Every direct manual component must be permitted to shrink. */&lt;br /&gt;
.sf-manual-content &amp;gt; *,&lt;br /&gt;
.sf-manual-example,&lt;br /&gt;
.sf-manual-page .sf-card,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert,&lt;br /&gt;
.sf-manual-page .sf-quickbar,&lt;br /&gt;
.sf-manual-page .sf-start-status,&lt;br /&gt;
.sf-manual-page .sf-progress-line,&lt;br /&gt;
.sf-manual-page .sf-img-frame,&lt;br /&gt;
.sf-manual-page .sf-footerlinks {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Ordinary prose and callout content must wrap. */&lt;br /&gt;
.sf-manual-page p,&lt;br /&gt;
.sf-manual-page li,&lt;br /&gt;
.sf-manual-page dd,&lt;br /&gt;
.sf-manual-page span,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert {&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Preformatted source remains intact, but scrolls only&lt;br /&gt;
   inside its own code box. */&lt;br /&gt;
.sf-manual-page pre,&lt;br /&gt;
.sf-manual-page .sf-codeblock,&lt;br /&gt;
.sf-manual-page .sf-codebox {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  white-space: pre;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Inline code inside tables and paragraphs may wrap. */&lt;br /&gt;
.sf-manual-page :not(pre) &amp;gt; code {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Tables may never establish the width of the whole page. */&lt;br /&gt;
.sf-manual-page .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page .sf-table th,&lt;br /&gt;
.sf-manual-page .sf-table td {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Explicit wrapper for tables that genuinely need more width. */&lt;br /&gt;
.sf-manual-page .sf-table-scroll {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Desktop manual layout. */&lt;br /&gt;
@media screen and (min-width: 901px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Mobile and narrow-tablet layout. */&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-content {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-page .sf-table th,&lt;br /&gt;
  .sf-manual-page .sf-table td {&lt;br /&gt;
    padding-left: 7px;&lt;br /&gt;
    padding-right: 7px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  /* Only deliberately wide tables scroll horizontally. */&lt;br /&gt;
  .sf-manual-page .sf-table-scroll .sf-table {&lt;br /&gt;
    width: 760px;&lt;br /&gt;
    min-width: 760px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ================================================================&lt;br /&gt;
   SINFAR WIKI MAIN v3.2 — RESPONSIVE PRODUCTION-READINESS PASS&lt;br /&gt;
   Complete premium-module replacement. Scoped to .sf-hub.&lt;br /&gt;
   ================================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-hub {&lt;br /&gt;
  --hub-void: #07090e;&lt;br /&gt;
  --hub-void-2: #0b0f17;&lt;br /&gt;
  --hub-plate: #0f131d;&lt;br /&gt;
  --hub-plate-2: #141923;&lt;br /&gt;
  --hub-brass: #c8a25c;&lt;br /&gt;
  --hub-brass-bright: #e6c987;&lt;br /&gt;
  --hub-line: rgba(200,162,92,.28);&lt;br /&gt;
  --hub-line-strong: rgba(200,162,92,.5);&lt;br /&gt;
  --hub-verdigris: #57b7a3;&lt;br /&gt;
  --hub-parchment: #ece1c9;&lt;br /&gt;
  --hub-slate: #9ba3b4;&lt;br /&gt;
  --hub-rose: #e0788a;&lt;br /&gt;
  --hub-display: &amp;quot;Trajan Pro 3&amp;quot;, &amp;quot;Cinzel&amp;quot;, &amp;quot;Palatino Linotype&amp;quot;, Palatino, Georgia, serif;&lt;br /&gt;
  --hub-reading: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Arial, sans-serif;&lt;br /&gt;
  --hub-mono: &amp;quot;Cascadia Code&amp;quot;, &amp;quot;Cascadia Mono&amp;quot;, Consolas, monospace;&lt;br /&gt;
  container: sf-hub / inline-size;&lt;br /&gt;
  overflow: clip;&lt;br /&gt;
  background:&lt;br /&gt;
    radial-gradient(circle at 50% 0, rgba(87,183,163,.04), transparent 34rem),&lt;br /&gt;
    var(--hub-void-2);&lt;br /&gt;
  color: var(--hub-parchment);&lt;br /&gt;
  font-family: var(--hub-reading);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub *, .sf-hub *::before, .sf-hub *::after { box-sizing: border-box; }&lt;br /&gt;
.sf-hub p, .sf-hub h1, .sf-hub h2, .sf-hub h3 { margin-block-start: 0; }&lt;br /&gt;
.sf-hub a, .sf-hub a:visited { color: inherit; text-decoration: none; }&lt;br /&gt;
.sf-hub a:hover { color: var(--hub-brass-bright); }&lt;br /&gt;
&lt;br /&gt;
/* Masthead */&lt;br /&gt;
.sf-hub-masthead {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: minmax(0,1fr) auto;&lt;br /&gt;
  grid-template-areas: &amp;quot;brand search&amp;quot; &amp;quot;nav nav&amp;quot;;&lt;br /&gt;
  margin-inline: -12px;&lt;br /&gt;
  border-block: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.98);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-brand {&lt;br /&gt;
  grid-area: brand;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  padding: 11px 14px;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-stewards { display: grid; width: 100%; min-width: 0; gap: 6px; }&lt;br /&gt;
.sf-hub-stewards-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--hub-verdigris); font: 700 .52rem/1.2 var(--hub-mono); letter-spacing: .15em; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-label strong { flex: none; color: var(--hub-rose); font-size: .49rem; letter-spacing: .12em; }&lt;br /&gt;
.sf-hub-stewards-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--hub-line); background: rgba(200,162,92,.025); }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div { display: grid; min-width: 0; gap: 2px; padding: 6px 5px 5px; border-right: 1px solid var(--hub-line); text-align: center; }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-stewards-list strong { overflow: hidden; color: var(--hub-brass-bright); font: 600 .6rem/1.15 var(--hub-mono); letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-list small { color: var(--hub-slate); font: 500 .46rem/1.2 var(--hub-reading); letter-spacing: .03em; }&lt;br /&gt;
&lt;br /&gt;
.sf-hub-search {&lt;br /&gt;
  grid-area: search;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-search a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 38px;&lt;br /&gt;
  padding: 0 13px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-nav {&lt;br /&gt;
  grid-area: nav;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2,minmax(0,1fr));&lt;br /&gt;
  border-top: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav-item { min-width: 0; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-hub-nav-item:nth-child(2n), .sf-hub-nav-item:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-nav-item:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
.sf-hub-nav a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .74rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .025em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 30px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 7px;&lt;br /&gt;
  background: linear-gradient(90deg,transparent,var(--hub-brass-bright),transparent);&lt;br /&gt;
  opacity: .72;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a:hover::after, .sf-hub-nav a:focus-visible::after { width: 46px; opacity: 1; }&lt;br /&gt;
.sf-hub-nav a:hover, .sf-hub-nav a:focus-visible { background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Hero */&lt;br /&gt;
.sf-hub-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: clamp(290px,74vw,410px);&lt;br /&gt;
  margin: 10px 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  background: var(--hub-void);&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-art, .sf-hub-hero-art &amp;gt; a, .sf-hub-hero-art &amp;gt; span,&lt;br /&gt;
.sf-hub-hero-art [typeof~=&amp;quot;mw:File&amp;quot;], .sf-hub-hero-art .mw-file-description { position: absolute; inset: 0; display: block; }&lt;br /&gt;
.sf-hub-hero-art img, .sf-hub-hero-art .mw-file-element { width: 100%; height: 100%; object-fit: cover; object-position: center; }&lt;br /&gt;
.sf-hub-hero::after {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background: linear-gradient(180deg,rgba(7,9,14,.08),rgba(7,9,14,.18) 40%,rgba(7,9,14,.82));&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy {&lt;br /&gt;
  position: static;&lt;br /&gt;
  align-self: center;&lt;br /&gt;
  justify-self: center;&lt;br /&gt;
  width: min(92%,720px);&lt;br /&gt;
  padding: 26px 16px 24px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-lockup, .sf-hub-hero-copy &amp;gt; p, .sf-hub-primary { position: relative; z-index: 2; }&lt;br /&gt;
.sf-hub-hero-lockup { width: clamp(15rem,38vw,27rem); margin: 9px auto 7px; line-height: 0; }&lt;br /&gt;
.sf-hub-hero-lockup img { display: block; width: 100%; height: auto; filter: drop-shadow(0 3px 5px rgba(0,0,0,.94)) drop-shadow(0 0 13px rgba(230,201,135,.22)); }&lt;br /&gt;
.sf-hub-kicker, .sf-hub-heading-label {&lt;br /&gt;
  color: var(--hub-verdigris);&lt;br /&gt;
  font: 700 .68rem/1.3 var(--hub-mono);&lt;br /&gt;
  letter-spacing: .2em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero .sf-hub-kicker {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: clamp(18px,3vw,30px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  z-index: 3;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  max-width: calc(100% - 24px);&lt;br /&gt;
  padding: 5px 12px 4px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.72);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  text-shadow: 0 1px 4px #000;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero h1 {&lt;br /&gt;
  margin: 7px 0 5px;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(2.35rem,12vw,4.6rem)/.95 var(--hub-display);&lt;br /&gt;
  letter-spacing: .1em;&lt;br /&gt;
  text-shadow: 0 2px 8px #000;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy &amp;gt; p { margin: 0 auto 15px; color: var(--hub-parchment); font-size: clamp(.86rem,2.8vw,1rem); }&lt;br /&gt;
.sf-hub-primary { display: inline-block; }&lt;br /&gt;
.sf-hub-primary a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 42px;&lt;br /&gt;
  padding: 0 20px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-brass);&lt;br /&gt;
  background: rgba(7,9,14,.84);&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font: 700 .74rem/1 var(--hub-display);&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Shared sections */&lt;br /&gt;
.sf-hub-section { padding: 34px 0 0; }&lt;br /&gt;
.sf-hub-heading { display: grid; gap: 6px; margin-bottom: 16px; }&lt;br /&gt;
.sf-hub-heading h2 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(1.35rem,5vw,1.85rem)/1.12 var(--hub-display);&lt;br /&gt;
  letter-spacing: .035em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-heading h2::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 56px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  background: linear-gradient(90deg,var(--hub-brass),transparent);&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tasks */&lt;br /&gt;
.sf-task-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-task {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 44px minmax(0,1fr);&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(180deg,rgba(15,19,29,.88),rgba(9,12,19,.94));&lt;br /&gt;
}&lt;br /&gt;
.sf-task-icon, .sf-access-icon {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 1.05rem/1 var(--hub-display);&lt;br /&gt;
}&lt;br /&gt;
.sf-task &amp;gt; span:last-child, .sf-access &amp;gt; span:last-child { display: grid; gap: 4px; min-width: 0; padding: 11px 12px; }&lt;br /&gt;
.sf-task strong, .sf-access strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-task small, .sf-access small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
.sf-task:hover, .sf-task:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.06); }&lt;br /&gt;
&lt;br /&gt;
/* Downloads and access */&lt;br /&gt;
.sf-access-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-access {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 46px minmax(0,1fr);&lt;br /&gt;
  min-height: 72px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(135deg,rgba(200,162,92,.07),rgba(15,19,29,.72));&lt;br /&gt;
}&lt;br /&gt;
.sf-access:hover, .sf-access:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Resource directories */&lt;br /&gt;
.sf-directory-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }&lt;br /&gt;
.sf-directory { --directory-accent: var(--hub-brass); min-width: 0; border: 1px solid var(--hub-line); border-top: 2px solid var(--directory-accent); background: linear-gradient(160deg,color-mix(in srgb,var(--directory-accent) 6%,var(--hub-plate)),var(--hub-void)); }&lt;br /&gt;
.sf-directory--blue { --directory-accent: #5e91b8; }&lt;br /&gt;
.sf-directory--green { --directory-accent: #6c9f62; }&lt;br /&gt;
.sf-directory-head { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; min-height: 62px; border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-directory-head &amp;gt; span { display: grid; height: 100%; place-items: center; border-right: 1px solid var(--hub-line); color: var(--hub-brass-bright); }&lt;br /&gt;
.sf-directory h3 { margin: 0; padding: 10px 12px; color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-directory-links { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 7px 14px 12px; color: var(--hub-parchment); font-size: .8rem; line-height: 1.7; }&lt;br /&gt;
.sf-directory-links br { display: none; }&lt;br /&gt;
.sf-directory-links a { padding: 3px 0; text-decoration: underline; text-decoration-color: var(--hub-line-strong); text-underline-offset: 3px; }&lt;br /&gt;
&lt;br /&gt;
/* Living world */&lt;br /&gt;
.sf-community-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-community { display: grid; gap: 5px; min-width: 0; padding: 14px 15px; border: 1px solid var(--hub-line); border-left: 2px solid #9a6cac; background: rgba(15,19,29,.65); }&lt;br /&gt;
.sf-community strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-community small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Category registry */&lt;br /&gt;
.sf-category-list { display: grid; grid-template-columns: minmax(0,1fr); border-top: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-category-list &amp;gt; div { display: grid; gap: 4px; min-width: 0; padding: 13px 14px; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); background: rgba(15,19,29,.45); }&lt;br /&gt;
.sf-category-list strong { color: var(--hub-parchment); font-size: .84rem; }&lt;br /&gt;
.sf-category-list small { color: var(--hub-slate); font-size: .75rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Footer */&lt;br /&gt;
.sf-hub-footer {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 36px;&lt;br /&gt;
  padding: 22px 0 8px;&lt;br /&gt;
  border-top: 1px solid var(--hub-line-strong);&lt;br /&gt;
  color: var(--hub-slate);&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-footer-brand { display: grid; gap: 2px; }&lt;br /&gt;
.sf-hub-footer strong { color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-hub-footer small { color: var(--hub-slate); }&lt;br /&gt;
.sf-hub-footer a { color: var(--hub-parchment) !important; }&lt;br /&gt;
&lt;br /&gt;
/* Responsive compositions */&lt;br /&gt;
@container sf-hub (min-width: 506px) {&lt;br /&gt;
  .sf-task-grid, .sf-community-grid, .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 666px) {&lt;br /&gt;
  .sf-hub-masthead { margin-inline: -16px; }&lt;br /&gt;
  .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
  .sf-hub-nav-item, .sf-hub-nav-item:nth-child(2n) { border-right: 1px solid var(--hub-line); border-bottom: 0; }&lt;br /&gt;
  .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
  .sf-hub-nav a { min-height: 48px; }&lt;br /&gt;
  .sf-hub-hero { min-height: clamp(390px,50vw,550px); margin-top: 8px; }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: auto; }&lt;br /&gt;
  .sf-hub-footer { grid-template-columns: minmax(190px,.7fr) minmax(0,2fr); align-items: end; }&lt;br /&gt;
  .sf-hub-footer-links { text-align: right; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 910px) {&lt;br /&gt;
  .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
  .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 1138px) {&lt;br /&gt;
  .sf-hub-masthead {&lt;br /&gt;
    grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto;&lt;br /&gt;
    grid-template-areas: &amp;quot;brand nav search&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-hub-brand { min-height: 64px; padding-block: 8px; }&lt;br /&gt;
  .sf-hub-nav { border-top: 0; }&lt;br /&gt;
  .sf-hub-nav-item { border-left: 1px solid var(--hub-line); }&lt;br /&gt;
  .sf-hub-nav a { min-height: 64px; font-size: .78rem; }&lt;br /&gt;
  .sf-hub-hero { min-height: 520px; }&lt;br /&gt;
  .sf-hub-hero-copy { padding-block: 28px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Accessibility and static-motion lock */&lt;br /&gt;
.sf-hub a:focus-visible { outline: 2px solid var(--hub-verdigris); outline-offset: -3px; }&lt;br /&gt;
.sf-hub .sf-task, .sf-hub .sf-access, .sf-hub .sf-directory,&lt;br /&gt;
.sf-hub .sf-community, .sf-hub .sf-category-list &amp;gt; div, .sf-hub img, .sf-hub a { transform: none !important; transition: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-hub *, .sf-hub *::before, .sf-hub *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@supports not (container-type: inline-size) {&lt;br /&gt;
  @media screen and (min-width: 720px) {&lt;br /&gt;
    .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
    .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
    .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
    .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  }&lt;br /&gt;
  @media screen and (min-width: 1200px) {&lt;br /&gt;
    .sf-hub-masthead { grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto; grid-template-areas: &amp;quot;brand nav search&amp;quot;; }&lt;br /&gt;
    .sf-hub-nav { border-top: 0; }&lt;br /&gt;
    .sf-hub-nav a { min-height: 64px; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
    .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Wiki Interior Pages v1.0&lt;br /&gt;
   Additive extension for the existing Visual System v3.0.&lt;br /&gt;
&lt;br /&gt;
   Required outer wrapper:&lt;br /&gt;
   &amp;lt;div class=&amp;quot;sf-page sf-article-page&amp;quot;&amp;gt; ... &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
   This module intentionally reuses the existing sf-page, sf-hero,&lt;br /&gt;
   sf-section-title, sf-table, sf-note, sf-quickbar and sf-footerlinks&lt;br /&gt;
   components. It does not replace the main-page module.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-article-page {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 1180px;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page &amp;gt; *,&lt;br /&gt;
.sf-article-page .sf-table-scroll,&lt;br /&gt;
.sf-article-page .sf-figure-grid,&lt;br /&gt;
.sf-article-page .sf-figure {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  padding: clamp(20px, 4vw, 38px);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  background:&lt;br /&gt;
    linear-gradient(110deg, rgba(8, 11, 15, .95), rgba(22, 18, 17, .86)),&lt;br /&gt;
    var(--sf-bg-hero);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: auto 22px 18px auto;&lt;br /&gt;
  width: 88px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  background: linear-gradient(90deg, transparent, var(--sf-gold));&lt;br /&gt;
  opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero h1 {&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-family: Georgia, &amp;quot;Times New Roman&amp;quot;, serif;&lt;br /&gt;
  font-size: clamp(2rem, 5vw, 3.35rem);&lt;br /&gt;
  line-height: 1.05;&lt;br /&gt;
  font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero p {&lt;br /&gt;
  max-width: 760px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta,&lt;br /&gt;
.sf-summary-grid,&lt;br /&gt;
.sf-route-grid,&lt;br /&gt;
.sf-figure-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta &amp;gt; div,&lt;br /&gt;
.sf-summary-grid &amp;gt; div,&lt;br /&gt;
.sf-route-grid &amp;gt; div {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  padding: 11px 13px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .52);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta b,&lt;br /&gt;
.sf-summary-grid b,&lt;br /&gt;
.sf-route-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta span,&lt;br /&gt;
.sf-summary-grid span {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-summary-grid {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-route-grid {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-route-grid &amp;gt; div {&lt;br /&gt;
  border-top-color: var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-prose {&lt;br /&gt;
  max-width: 900px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-lead {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: 1.05rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note {&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-left: 3px solid var(--sf-gold);&lt;br /&gt;
  background: rgba(216, 180, 106, .08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note--teal {&lt;br /&gt;
  border-color: rgba(83, 202, 188, .42);&lt;br /&gt;
  border-left-color: #53cabc;&lt;br /&gt;
  background: rgba(83, 202, 188, .07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note--red {&lt;br /&gt;
  border-color: rgba(159, 75, 62, .6);&lt;br /&gt;
  border-left-color: #c46858;&lt;br /&gt;
  background: rgba(159, 75, 62, .12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-code {&lt;br /&gt;
  display: block;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  padding: 9px 11px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: #090c11;&lt;br /&gt;
  color: #dbe5f0;&lt;br /&gt;
  font-family: Consolas, &amp;quot;Cascadia Mono&amp;quot;, monospace;&lt;br /&gt;
  font-size: .9rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216, 180, 106, .1);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table th,&lt;br /&gt;
.sf-article-page .sf-table td {&lt;br /&gt;
  padding: 9px 11px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table td:first-child {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 12px auto 20px;&lt;br /&gt;
  padding: 7px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .56);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid .sf-figure,&lt;br /&gt;
.sf-figure--wide {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure &amp;gt; p,&lt;br /&gt;
.sf-figure span[typeof~=&amp;quot;mw:File&amp;quot;],&lt;br /&gt;
.sf-figure a.image,&lt;br /&gt;
.sf-figure a.mw-file-description {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page img,&lt;br /&gt;
.sf-figure img,&lt;br /&gt;
.sf-figure .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure img,&lt;br /&gt;
.sf-figure .mw-file-element {&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid .sf-figure img,&lt;br /&gt;
.sf-figure-grid .sf-figure .mw-file-element,&lt;br /&gt;
.sf-figure--wide img,&lt;br /&gt;
.sf-figure--wide .mw-file-element {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure figcaption,&lt;br /&gt;
.sf-caption {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 7px 4px 2px;&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
  font-size: .86rem;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Interior tables fit their article by default. Only genuinely dense tables&lt;br /&gt;
   opt into the explicit --wide modifier and retain a local scrollbar. */&lt;br /&gt;
.sf-article-page .sf-table-scroll .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table-scroll--wide .sf-table {&lt;br /&gt;
  width: 760px;&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .48);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue h3 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-steps {&lt;br /&gt;
  margin: 8px 0 0;&lt;br /&gt;
  padding-left: 1.4rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-steps li {&lt;br /&gt;
  margin: 0 0 5px;&lt;br /&gt;
  padding-left: .2rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-footerlinks {&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
  .sf-article-meta,&lt;br /&gt;
  .sf-summary-grid,&lt;br /&gt;
  .sf-route-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-figure-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .sf-article-page {&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-hero {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-meta,&lt;br /&gt;
  .sf-summary-grid,&lt;br /&gt;
  .sf-route-grid,&lt;br /&gt;
  .sf-figure-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-table-scroll {&lt;br /&gt;
    margin-right: -2px;&lt;br /&gt;
    padding-bottom: 4px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-table th,&lt;br /&gt;
  .sf-article-page .sf-table td {&lt;br /&gt;
    padding: 8px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-article-page *,&lt;br /&gt;
  .sf-article-page *::before,&lt;br /&gt;
  .sf-article-page *::after {&lt;br /&gt;
    scroll-behavior: auto !important;&lt;br /&gt;
    transition-duration: .01ms !important;&lt;br /&gt;
    animation-duration: .01ms !important;&lt;br /&gt;
    animation-iteration-count: 1 !important;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Sinfar guidance family v2. Opt-in only; does not restyle existing articles. */&lt;br /&gt;
.sf-page.sf-guidance-family {&lt;br /&gt;
  --sf-bg-shell:#0b0f17; --sf-bg-panel:#0f131d; --sf-text:#ece1c9;&lt;br /&gt;
  --sf-text-muted:#aab2c2; --sf-gold:#c8a25c; --sf-gold-bright:#e6c987;&lt;br /&gt;
  --sf-border:rgba(200,162,92,.28); --sf-border-strong:rgba(200,162,92,.5);&lt;br /&gt;
  width:100%; max-width:1180px; min-width:0; margin:0 auto; padding:16px;&lt;br /&gt;
  border:1px solid var(--sf-border); border-radius:0; background:#0b0f17;&lt;br /&gt;
  color:var(--sf-text); font:14px/1.55 system-ui,-apple-system,&amp;quot;Segoe UI&amp;quot;,sans-serif;&lt;br /&gt;
  overflow-wrap:anywhere; box-shadow:none;&lt;br /&gt;
}&lt;br /&gt;
.sf-guidance-family *, .sf-guidance-family *::before, .sf-guidance-family *::after { box-sizing:border-box; }&lt;br /&gt;
.sf-guidance-family p { margin:0 0 10px; }&lt;br /&gt;
.sf-guidance-family h2, .sf-guidance-family h3, .sf-guidance-family [id] { scroll-margin-top:88px; }&lt;br /&gt;
.sf-guidance-family a { color:#8fc6ff; }&lt;br /&gt;
.sf-guidance-family a:focus-visible { outline:2px solid #57b7a3; outline-offset:3px; }&lt;br /&gt;
.sf-guidance-family .sf-family-path { font-size:12px; margin-bottom:12px; }&lt;br /&gt;
.sf-guidance-family .sf-hero { min-height:0; padding:24px 26px 30px; margin:0 0 14px; border:1px solid var(--sf-border-strong); border-radius:0; text-align:left; background:linear-gradient(115deg,#080c12,#111823); }&lt;br /&gt;
.sf-guidance-family .sf-title { font:400 clamp(28px,4vw,45px)/1.12 &amp;quot;Palatino Linotype&amp;quot;,Palatino,Georgia,serif; color:var(--sf-gold-bright); margin:5px 0 9px; letter-spacing:.025em; }&lt;br /&gt;
.sf-guidance-family .sf-hero p { font-size:15px; max-width:760px; color:var(--sf-text); }&lt;br /&gt;
.sf-guidance-family .sf-eyebrow { color:#57b7a3; font:700 10px/1.4 Consolas,monospace; letter-spacing:.16em; text-transform:uppercase; }&lt;br /&gt;
.sf-guidance-family h2 { margin:26px 0 14px; padding:0; border:0; color:var(--sf-gold-bright); font:400 29px/1.15 &amp;quot;Palatino Linotype&amp;quot;,Palatino,Georgia,serif; letter-spacing:.025em; }&lt;br /&gt;
.sf-guidance-family h2::after { content:&amp;quot;&amp;quot;; display:block; width:54px; height:1px; margin-top:10px; background:linear-gradient(90deg,#c8a25c,transparent); }&lt;br /&gt;
.sf-guidance-family h3 { margin:0 0 10px; padding:0 0 10px; border:0; border-bottom:1px solid var(--sf-border); color:var(--sf-gold-bright); font:400 18px/1.3 &amp;quot;Palatino Linotype&amp;quot;,Palatino,Georgia,serif; }&lt;br /&gt;
.sf-guidance-family .sf-choice-grid, .sf-guidance-family .sf-menu-grid, .sf-guidance-family .sf-server-routes { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:10px; margin:0 0 16px; align-items:start; }&lt;br /&gt;
.sf-guidance-family .sf-choice-card, .sf-guidance-family .sf-menu-entry, .sf-guidance-family .sf-route-record, .sf-guidance-family .sf-content-panel { min-width:0; padding:14px; border:1px solid var(--sf-border); border-top:2px solid #5e91b8; border-radius:0; background:linear-gradient(160deg,#10151e,#080c12); }&lt;br /&gt;
.sf-guidance-family .sf-menu-entry &amp;gt; :last-child, .sf-guidance-family .sf-route-record &amp;gt; :last-child { margin-bottom:0; }&lt;br /&gt;
.sf-guidance-family .sf-screenshot-link { margin-top:9px; padding-top:7px; border-top:1px solid var(--sf-border); font-size:12px; }&lt;br /&gt;
.sf-guidance-family .sf-screenshot-link a { display:inline-flex; align-items:center; min-height:36px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 12px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index &amp;gt; div { border:1px solid var(--sf-border); background:#0a0e15; padding:12px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index b { display:block; font-size:14px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index b a { color:var(--sf-gold-bright); display:block; padding:2px 0 8px; }&lt;br /&gt;
.sf-guidance-family .sf-server-index span { color:var(--sf-text-muted); font-size:12px; }&lt;br /&gt;
.sf-guidance-family .sf-route-record h3 a { color:var(--sf-gold-bright); }&lt;br /&gt;
.sf-guidance-family .sf-route-start { color:var(--sf-text); font-size:13px; }&lt;br /&gt;
.sf-guidance-family .sf-route-path { color:var(--sf-text-muted); font-size:13px; }&lt;br /&gt;
.sf-guidance-family .sf-route-open { margin:9px 0 0; border-top:1px solid var(--sf-border); padding-top:4px; }&lt;br /&gt;
.sf-guidance-family .sf-route-open a { display:inline-flex; align-items:center; min-height:36px; font-weight:600; font-size:13px; }&lt;br /&gt;
.sf-guidance-family .sf-task-index { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }&lt;br /&gt;
.sf-guidance-family .sf-task-index a { display:inline-flex; min-height:40px; align-items:center; padding:8px 12px; border:1px solid var(--sf-border); color:var(--sf-gold-bright); background:#090d14; }&lt;br /&gt;
.sf-guidance-family .sf-tool-intro { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:16px; align-items:start; }&lt;br /&gt;
.sf-guidance-family .sf-guide-image { width:fit-content; max-width:100%; margin:0; padding:0; border:0; background:none; }&lt;br /&gt;
.sf-guidance-family .sf-guide-image img { width:auto; max-width:100%; height:auto; margin:0; }&lt;br /&gt;
.sf-guidance-family .sf-guide-image .sf-caption { color:var(--sf-text-muted); padding:6px 0; font-size:12px; }&lt;br /&gt;
.sf-guidance-family .sf-note { margin:12px 0; padding:12px; border:1px solid var(--sf-border); border-left:2px solid #c8a25c; border-radius:0; background:rgba(200,162,92,.06); }&lt;br /&gt;
.sf-guidance-family .sf-download { margin-top:12px; border:1px solid var(--sf-border-strong); background:#07090e; }&lt;br /&gt;
.sf-guidance-family .sf-download a { display:block; padding:10px 12px; min-height:42px; color:var(--sf-gold-bright); font-weight:600; text-align:center; }&lt;br /&gt;
.sf-guidance-family .sf-article-meta, .sf-guidance-family .sf-summary-grid, .sf-guidance-family .sf-route-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:16px; }&lt;br /&gt;
.sf-guidance-family .sf-article-meta &amp;gt; div, .sf-guidance-family .sf-summary-grid &amp;gt; div, .sf-guidance-family .sf-route-grid &amp;gt; div { min-width:0; padding:12px; background:#0a0e15; border:1px solid var(--sf-border); }&lt;br /&gt;
.sf-guidance-family .sf-article-meta span, .sf-guidance-family .sf-summary-grid span { color:var(--sf-text-muted); }&lt;br /&gt;
.sf-guidance-family .sf-content-panel { margin-bottom:12px; }&lt;br /&gt;
.sf-guidance-family .sf-disclosure, .sf-guidance-family .mw-collapsible.sf-note { margin:14px 0; padding:12px; border:1px solid var(--sf-border); background:#090d14; }&lt;br /&gt;
.sf-guidance-family .sf-disclosure summary { cursor:pointer; min-height:32px; color:var(--sf-gold-bright); font-weight:600; }&lt;br /&gt;
.sf-guidance-family .sf-disclosure li { margin-bottom:9px; }&lt;br /&gt;
.sf-guidance-family .sf-table-scroll { max-width:100%; overflow:visible; mask-image:none; -webkit-mask-image:none; }&lt;br /&gt;
.sf-guidance-family .sf-table-scroll::before, .sf-guidance-family .sf-table-scroll::after { display:none; }&lt;br /&gt;
.sf-guidance-family .sf-table { width:100%; min-width:0; table-layout:fixed; border-collapse:collapse; }&lt;br /&gt;
.sf-guidance-family .sf-table th, .sf-guidance-family .sf-table td { border:1px solid var(--sf-border); padding:9px; white-space:normal; overflow-wrap:anywhere; vertical-align:top; }&lt;br /&gt;
.sf-guidance-family .sf-table th { color:var(--sf-gold-bright); text-align:left; background:rgba(200,162,92,.07); }&lt;br /&gt;
.sf-guidance-family .sf-footerlinks { margin-top:20px; padding-top:10px; border-top:1px solid var(--sf-border); }&lt;br /&gt;
@media (max-width:900px) {&lt;br /&gt;
  .sf-guidance-family .sf-article-meta, .sf-guidance-family .sf-summary-grid, .sf-guidance-family .sf-route-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }&lt;br /&gt;
}&lt;br /&gt;
@media (max-width:560px) {&lt;br /&gt;
  .sf-page.sf-guidance-family { padding:10px; }&lt;br /&gt;
  .sf-guidance-family .sf-hero { padding:18px 14px 28px; }&lt;br /&gt;
  .sf-guidance-family .sf-server-index { grid-template-columns:repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-guidance-family .sf-tool-intro { grid-template-columns:minmax(0,1fr); }&lt;br /&gt;
  .sf-guidance-family .sf-tool-intro .sf-guide-image { max-width:150px; }&lt;br /&gt;
  .sf-guidance-family .sf-article-meta, .sf-guidance-family .sf-summary-grid, .sf-guidance-family .sf-route-grid { grid-template-columns:1fr; }&lt;br /&gt;
  .sf-guidance-family .sf-table, .sf-guidance-family .sf-table tbody { display:block; width:100%; }&lt;br /&gt;
  .sf-guidance-family .sf-table tr { display:block; border:1px solid var(--sf-border); margin:0 0 10px; }&lt;br /&gt;
  .sf-guidance-family .sf-table tr:first-child { display:none; }&lt;br /&gt;
  .sf-guidance-family .sf-table th, .sf-guidance-family .sf-table td { display:block; width:100%; border:0; }&lt;br /&gt;
  .sf-guidance-family .sf-table td:first-child { font-weight:600; color:var(--sf-gold-bright); background:rgba(200,162,92,.07); }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1357</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1357"/>
		<updated>2026-08-16T23:07:25Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Generalize interior figure sizing and table containment&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ============================================================&lt;br /&gt;
   Sinfar Wiki Visual System v3.0&lt;br /&gt;
   Unified Common.css Framework&lt;br /&gt;
   Scope doctrine:&lt;br /&gt;
   - New/refit pages use: &amp;lt;div class=&amp;quot;sf-page&amp;quot;&amp;gt;&lt;br /&gt;
   - Legacy pages may still use .sinfar-page / .sf-card / .sf-heading&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   1. DESIGN TOKENS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
  --sf-bg-page: #0f141b;&lt;br /&gt;
  --sf-bg-shell: #11161d;&lt;br /&gt;
  --sf-bg-panel: rgba(18, 14, 12, .78);&lt;br /&gt;
  --sf-bg-panel-solid: #181214;&lt;br /&gt;
  --sf-bg-panel-soft: rgba(216, 180, 106, .08);&lt;br /&gt;
  --sf-bg-hero: linear-gradient(135deg, #21150f, #3a2417);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-border: rgba(216, 180, 106, .28);&lt;br /&gt;
  --sf-border-strong: rgba(216, 180, 106, .48);&lt;br /&gt;
  --sf-border-muted: rgba(244, 239, 230, .09);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-text: #f4efe6;&lt;br /&gt;
  --sf-text-muted: #c9bda9;&lt;br /&gt;
  --sf-gold: #d8b46a;&lt;br /&gt;
  --sf-gold-bright: #f0d28a;&lt;br /&gt;
  --sf-link: #8fc6ff;&lt;br /&gt;
  --sf-link-hover: #b8d6ff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-red: #9f4b3e;&lt;br /&gt;
  --sf-green: #2f5d3a;&lt;br /&gt;
  --sf-blue: #334e7a;&lt;br /&gt;
  --sf-purple: #60456f;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-radius-sm: 7px;&lt;br /&gt;
  --sf-radius-md: 10px;&lt;br /&gt;
  --sf-gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   2. SOVEREIGN PAGE SHELL&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page,&lt;br /&gt;
.sinfar-page {&lt;br /&gt;
  background: var(--sf-bg-shell);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 16px;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
  font-size: 14px;&lt;br /&gt;
  box-shadow: 0 0 22px rgba(0,0,0,.35);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page *,&lt;br /&gt;
.sinfar-page * {&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a,&lt;br /&gt;
.sf-page a:visited,&lt;br /&gt;
.sf-page a.external,&lt;br /&gt;
.sf-page a.external:visited,&lt;br /&gt;
.sinfar-page a,&lt;br /&gt;
.sinfar-page a:visited,&lt;br /&gt;
.sinfar-page a.external,&lt;br /&gt;
.sinfar-page a.external:visited {&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a:hover,&lt;br /&gt;
.sinfar-page a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page code,&lt;br /&gt;
.sinfar-page code {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
  padding: 1px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   3. TYPOGRAPHY&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page h1,&lt;br /&gt;
.sf-page h2,&lt;br /&gt;
.sf-page h3,&lt;br /&gt;
.sinfar-page h1,&lt;br /&gt;
.sinfar-page h2,&lt;br /&gt;
.sinfar-page h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-section-title,&lt;br /&gt;
.sf-heading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  margin: 18px 0 8px;&lt;br /&gt;
  padding-bottom: 3px;&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-subheading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 10px 0 6px;&lt;br /&gt;
  font-size: 1.15rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-muted {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-label,&lt;br /&gt;
.sf-name {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-center {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   4. HEROES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero,&lt;br /&gt;
.sf-hero-compact {&lt;br /&gt;
  background: var(--sf-bg-hero);&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 14px 18px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero h1,&lt;br /&gt;
.sf-hero-compact h1,&lt;br /&gt;
.sf-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 4px;&lt;br /&gt;
  font-size: 1.85rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero p,&lt;br /&gt;
.sf-hero-compact p,&lt;br /&gt;
.sf-subtitle {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-eyebrow {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main {&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main h1 {&lt;br /&gt;
  font-size: 2.35rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   5. GRIDS / STATUS TILES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2,&lt;br /&gt;
.sf-grid-3,&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-grid-5,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status { grid-template-columns: repeat(4, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid &amp;gt; div,&lt;br /&gt;
.sf-start-status &amp;gt; div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid b,&lt;br /&gt;
.sf-start-status b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid span,&lt;br /&gt;
.sf-start-status span {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   6. QUICKBARS / INDEX GRIDS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar,&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar &amp;gt; div,&lt;br /&gt;
.sf-index-grid &amp;gt; div,&lt;br /&gt;
.sf-pathline {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar b,&lt;br /&gt;
.sf-index-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
============================================================&lt;br /&gt;
   6A. REFERENCE MANUAL LAYOUT&lt;br /&gt;
   Reusable side directory for long technical documentation.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content [id] {&lt;br /&gt;
  scroll-margin-top: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 12px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  max-height: calc(100vh - 24px);&lt;br /&gt;
  overflow-y: auto;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  padding-bottom: 7px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-group {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin: 12px 0 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a,&lt;br /&gt;
.sf-manual-toc a:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 5px 1px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example {&lt;br /&gt;
  background: rgba(216,180,106,.06);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  margin: 7px 0 9px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-color-swatch {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 22px;&lt;br /&gt;
  height: 14px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin-right: 7px;&lt;br /&gt;
  border: 1px solid rgba(255,255,255,.28);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  vertical-align: -2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
===========================================================&lt;br /&gt;
   7. DECISION PANELS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.25fr 1fr 1fr;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision,&lt;br /&gt;
.sf-card,&lt;br /&gt;
.sf-panel {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-primary {&lt;br /&gt;
  border-color: rgba(240,210,138,.58);&lt;br /&gt;
  background: linear-gradient(135deg, rgba(60,38,20,.88), rgba(18,14,12,.78));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-kicker {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  letter-spacing: .07em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   8. ACTION LISTS / BUTTONS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 12px 0 0 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list li {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a,&lt;br /&gt;
.sf-action-list a:visited,&lt;br /&gt;
.sf-action-list a.external,&lt;br /&gt;
.sf-action-list a.external:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: rgba(216,180,106,.10);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.32);&lt;br /&gt;
  border-radius: 7px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  color: #8fc6ff;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a:hover,&lt;br /&gt;
.sf-action-list a.external:hover {&lt;br /&gt;
  background: rgba(216,180,106,.16);&lt;br /&gt;
  border-color: rgba(240,210,138,.48);&lt;br /&gt;
  color: #b8d6ff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   9. TABLES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  border-collapse: collapse;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table td {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
  padding: 7px 10px;&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table tr:last-child td {&lt;br /&gt;
  border-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll .sf-table {&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value,&lt;br /&gt;
.sf-good {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value {&lt;br /&gt;
  color: #f4c96b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-good {&lt;br /&gt;
  color: #9fe6bd;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Standard table column helpers */&lt;br /&gt;
.sf-channel-table th:nth-child(1),&lt;br /&gt;
.sf-channel-table td:nth-child(1) { width: 14%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(2),&lt;br /&gt;
.sf-channel-table td:nth-child(2) { width: 31%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(3),&lt;br /&gt;
.sf-channel-table td:nth-child(3) { width: 37%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(4),&lt;br /&gt;
.sf-channel-table td:nth-child(4) { width: 18%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(1),&lt;br /&gt;
.sf-setup-table td:nth-child(1) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(2),&lt;br /&gt;
.sf-setup-table td:nth-child(2) { width: 52%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(3),&lt;br /&gt;
.sf-setup-table td:nth-child(3) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   10. BADGES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: 2px 7px;&lt;br /&gt;
  margin: 1px 2px 1px 0;&lt;br /&gt;
  font-size: .78rem;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge-ic { background: #2f5d3a; color: #eaffef; }&lt;br /&gt;
.sf-badge-ooc { background: #334e7a; color: #eef4ff; }&lt;br /&gt;
.sf-badge-dm { background: #6f3b3b; color: #fff0f0; }&lt;br /&gt;
.sf-badge-range { background: #5f4c27; color: #fff2c2; }&lt;br /&gt;
.sf-badge-area { background: #60456f; color: #f7eaff; }&lt;br /&gt;
.sf-badge-support { background: #4e5563; color: #f0f3f8; }&lt;br /&gt;
.sf-badge-best { background: #6a5423; color: #fff0bd; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   11. ALERTS / NOTES / RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note,&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning,&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  margin: 8px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.24);&lt;br /&gt;
  border-left: 4px solid #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert b,&lt;br /&gt;
.sf-warning b {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-info {&lt;br /&gt;
  background: rgba(38,58,92,.34);&lt;br /&gt;
  border-left-color: #6fa8dc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border-left-color: #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-danger,&lt;br /&gt;
.sf-note--red {&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
  border-left-color: var(--sf-red);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  border-left: 4px solid var(--sf-red);&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   12. PROGRESS LINES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line b {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  line-height: 24px;&lt;br /&gt;
  background: rgba(216,180,106,.24);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line span {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   13. CODE / SCRIPTING DOCS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock,&lt;br /&gt;
.sf-codebox,&lt;br /&gt;
.sf-page pre,&lt;br /&gt;
.sinfar-page pre {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock code,&lt;br /&gt;
.sf-codebox code,&lt;br /&gt;
.sf-page pre code,&lt;br /&gt;
.sinfar-page pre code {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* &lt;br /&gt;
============================================================&lt;br /&gt;
   14. IMAGES / SCREENSHOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 6px;&lt;br /&gt;
  margin: 8px 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame img {&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
/* &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
============================================================&lt;br /&gt;
   MAIN PAGE IMAGE SLOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot{&lt;br /&gt;
    position:relative;&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
    border:1px solid var(--sf-border);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    background:#120d10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot img{&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    height:100%;&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   15. CHAT CHANNEL COLOR LOCKS&lt;br /&gt;
   Match in-game channel color identity.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan {&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-shout   { color: #feef50; }&lt;br /&gt;
.sf-chan-dm      { color: #f67271; }&lt;br /&gt;
.sf-chan-event   { color: #ab23f2; }&lt;br /&gt;
.sf-chan-action  { color: #b56a23; }&lt;br /&gt;
.sf-chan-ooc     { color: #b1a2bd; }&lt;br /&gt;
.sf-chan-pvp     { color: #fe5f2e; }&lt;br /&gt;
.sf-chan-sex     { color: #f520e1; }&lt;br /&gt;
.sf-chan-build   { color: #b7f520; }&lt;br /&gt;
.sf-chan-ffa     { color: #20bff0; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-talk    { color: #fefefe; }&lt;br /&gt;
.sf-chan-whisper { color: #b0b0b0; }&lt;br /&gt;
.sf-chan-quiet   { color: #777777; }&lt;br /&gt;
.sf-chan-silent  { color: #666666; }&lt;br /&gt;
.sf-chan-yell    { color: #d92324; }&lt;br /&gt;
.sf-chan-party   { color: #fefefe; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   16. FOOTERS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footerlinks,&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  margin-top: 14px;&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  border-top: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  padding: 12px 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   17. LEGACY COMPATIBILITY&lt;br /&gt;
   Keeps older remaster pages readable without preserving chaos.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--gold,&lt;br /&gt;
.sf-table--gold {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border-color: var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--green,&lt;br /&gt;
.sf-table--green {&lt;br /&gt;
  background: rgba(17,26,18,.82);&lt;br /&gt;
  border-color: rgba(68,107,53,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--blue,&lt;br /&gt;
.sf-table--blue {&lt;br /&gt;
  background: rgba(16,24,32,.82);&lt;br /&gt;
  border-color: rgba(52,87,122,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--red,&lt;br /&gt;
.sf-table--red {&lt;br /&gt;
  background: rgba(26,16,16,.82);&lt;br /&gt;
  border-color: rgba(122,52,47,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--purple,&lt;br /&gt;
.sf-table--purple {&lt;br /&gt;
  background: rgba(25,17,29,.82);&lt;br /&gt;
  border-color: rgba(91,59,120,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-heading--gold { color: var(--sf-gold-bright); border-bottom-color: var(--sf-border); }&lt;br /&gt;
.sf-heading--green { color: #91d38f; border-bottom-color: #446b35; }&lt;br /&gt;
.sf-heading--blue { color: #8fc6ff; border-bottom-color: #34577a; }&lt;br /&gt;
.sf-heading--red { color: #ff9c8f; border-bottom-color: #7a342f; }&lt;br /&gt;
.sf-heading--purple { color: #c49cff; border-bottom-color: #5b3b78; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  margin: 9px 0 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket th {&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  padding: 9px 12px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket td {&lt;br /&gt;
  background: rgba(18,14,12,.72);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   18. LISTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page ul,&lt;br /&gt;
.sf-page ol,&lt;br /&gt;
.sinfar-page ul,&lt;br /&gt;
.sinfar-page ol {&lt;br /&gt;
  margin: 6px 0 8px;&lt;br /&gt;
  padding-left: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page li,&lt;br /&gt;
.sinfar-page li {&lt;br /&gt;
  margin: 2px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   19. MOBILE RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-decision-grid,&lt;br /&gt;
  .sf-index-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
  .sf-page,&lt;br /&gt;
  .sinfar-page {&lt;br /&gt;
    padding: 12px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-quickbar,&lt;br /&gt;
  .sf-grid-2,&lt;br /&gt;
  .sf-grid-3,&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status,&lt;br /&gt;
  .sf-progress-line {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-table {&lt;br /&gt;
    table-layout: auto;&lt;br /&gt;
    font-size: .92rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-channel-table th:nth-child(n),&lt;br /&gt;
  .sf-channel-table td:nth-child(n),&lt;br /&gt;
  .sf-setup-table th:nth-child(n),&lt;br /&gt;
  .sf-setup-table td:nth-child(n) {&lt;br /&gt;
    width: auto;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Main Page Module v1.0&lt;br /&gt;
   Purpose: cinematic front-door layout for Main Page only.&lt;br /&gt;
   Requires wrapper: &amp;lt;div class=&amp;quot;sf-page sf-main-page&amp;quot;&amp;gt;&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page {&lt;br /&gt;
  max-width: 1320px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Cinematic Main Hero ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  aspect-ratio: 16 / 9;&lt;br /&gt;
  min-height: 0;&lt;br /&gt;
&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  padding: 64px 48px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Hero Artwork ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 0;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: inherit;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; a,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; span,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Flat dark overlay for text readability. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
&lt;br /&gt;
  background: rgba(5, 8, 12, .48);&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Keep hero text above the artwork and overlay. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main &amp;gt; :not(.sf-hero-art-slot) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main h1 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
&lt;br /&gt;
  font-size: 3.15rem;&lt;br /&gt;
  line-height: 1.08;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
  text-shadow:&lt;br /&gt;
    0 2px 3px rgba(0,0,0,.95),&lt;br /&gt;
    0 0 14px rgba(0,0,0,.78);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main .sf-eyebrow,&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  text-shadow: 0 2px 4px rgba(0,0,0,.95);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  max-width: 680px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: 1.08rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision {&lt;br /&gt;
  min-height: 300px;&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision h3 {&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Feature Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-grid-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card {&lt;br /&gt;
  min-height: 190px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Action Links ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links {&lt;br /&gt;
  margin-top: 12px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  box-shadow: none;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a,&lt;br /&gt;
.sf-main-page .sf-action-links a:visited,&lt;br /&gt;
.sf-main-page .sf-action-links a.external,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:visited {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a:hover,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Community Strip ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
  gap: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Responsive Layout ---------- */&lt;br /&gt;
&lt;br /&gt;
/* Split desktop, tablets, landscape */&lt;br /&gt;
@media screen and (min-width: 721px) and (max-width: 860px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision,&lt;br /&gt;
  .sf-main-page .sf-card {&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 32px 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.35rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Phones */&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3,&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 24px 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.1rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Small phones */&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main .sf-eyebrow {&lt;br /&gt;
    font-size: .66rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    font-size: 1.85rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main p {&lt;br /&gt;
    margin-bottom: 7px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================================&lt;br /&gt;
   MAIN PAGE COMMUNITY LINKS — DISCORD / PATREON&lt;br /&gt;
   ========================================================= */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 8px 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 58px;&lt;br /&gt;
  padding: 8px 16px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Control MediaWiki-generated wrappers around file images. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link &amp;gt; p,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; span,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; a,&lt;br /&gt;
.sf-main-page .community-link .mw-file-description {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link img,&lt;br /&gt;
.sf-main-page .community-link .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: 30px;&lt;br /&gt;
  max-width: 82%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--discord {&lt;br /&gt;
  background-color: #5865f2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--patreon {&lt;br /&gt;
  background-color: #ff424d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
  .sf-main-page .community-link-grid {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   MAIN PAGE — COLORED CARD SYSTEM&lt;br /&gt;
   Static layered gradients only. No glow, blur, or filters.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Shared Card Construction ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card,&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: #181214;&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      135deg,&lt;br /&gt;
      rgba(255,255,255,.025) 0%,&lt;br /&gt;
      transparent 34%,&lt;br /&gt;
      rgba(0,0,0,.12) 70%,&lt;br /&gt;
      rgba(0,0,0,.24) 100%&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      118deg,&lt;br /&gt;
      rgba(255,255,255,.014) 0,&lt;br /&gt;
      rgba(255,255,255,.014) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 7px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Subtle inner line without glow or shadow. */&lt;br /&gt;
.sf-main-page .sf-journey-card::after,&lt;br /&gt;
.sf-main-page .sf-feature-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 4px;&lt;br /&gt;
  z-index: -1;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
  border: 1px solid rgba(244,239,230,.035);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Card Header ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  min-height: 48px;&lt;br /&gt;
  margin: -22px -22px 14px;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: var(--sf-card-head, rgba(216,180,106,.10));&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      90deg,&lt;br /&gt;
      rgba(255,255,255,.035),&lt;br /&gt;
      transparent 48%,&lt;br /&gt;
      rgba(0,0,0,.16)&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      120deg,&lt;br /&gt;
      rgba(255,255,255,.012) 0,&lt;br /&gt;
      rgba(255,255,255,.012) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 6px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border-bottom: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head h3 {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Header Icon Slot ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  width: 38px;&lt;br /&gt;
  height: 38px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon img,&lt;br /&gt;
.sf-main-page .sf-card-icon .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.42);&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Featured System Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.34);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head {&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  margin: -14px -14px 12px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head h3 {&lt;br /&gt;
  font-size: 1.02rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-icon {&lt;br /&gt;
  width: 23px;&lt;br /&gt;
  height: 23px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-action-links {&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   CATEGORY THEMES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* New arrivals — crimson */&lt;br /&gt;
.sf-main-page .sf-theme-crimson {&lt;br /&gt;
  --sf-card-head: rgba(83,20,20,.92);&lt;br /&gt;
  --sf-card-border: rgba(155,69,57,.70);&lt;br /&gt;
  background-color: #1b1011;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Player resources — midnight blue */&lt;br /&gt;
.sf-main-page .sf-theme-blue {&lt;br /&gt;
  --sf-card-head: rgba(18,46,74,.94);&lt;br /&gt;
  --sf-card-border: rgba(62,104,143,.72);&lt;br /&gt;
  background-color: #101922;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Builder resources — forest green */&lt;br /&gt;
.sf-main-page .sf-theme-green {&lt;br /&gt;
  --sf-card-head: rgba(29,65,38,.94);&lt;br /&gt;
  --sf-card-border: rgba(65,110,67,.72);&lt;br /&gt;
  background-color: #111a14;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Community — royal purple */&lt;br /&gt;
.sf-main-page .sf-theme-purple {&lt;br /&gt;
  --sf-card-head: rgba(67,32,79,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,68,124,.72);&lt;br /&gt;
  background-color: #19121d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Housing — slate blue */&lt;br /&gt;
.sf-main-page .sf-theme-slate {&lt;br /&gt;
  --sf-card-head: rgba(40,57,72,.94);&lt;br /&gt;
  --sf-card-border: rgba(76,102,123,.72);&lt;br /&gt;
  background-color: #141a1f;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Businesses — warm tavern bronze */&lt;br /&gt;
.sf-main-page .sf-theme-bronze {&lt;br /&gt;
  --sf-card-head: rgba(83,52,24,.94);&lt;br /&gt;
  --sf-card-border: rgba(133,89,43,.72);&lt;br /&gt;
  background-color: #1d1610;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Character development — arcane violet */&lt;br /&gt;
.sf-main-page .sf-theme-arcane {&lt;br /&gt;
  --sf-card-head: rgba(68,42,88,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,70,132,.72);&lt;br /&gt;
  background-color: #19131e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Dungeon running — deep teal */&lt;br /&gt;
.sf-main-page .sf-theme-teal {&lt;br /&gt;
  --sf-card-head: rgba(21,62,66,.94);&lt;br /&gt;
  --sf-card-border: rgba(48,104,108,.72);&lt;br /&gt;
  background-color: #101b1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* PvP — battle red */&lt;br /&gt;
.sf-main-page .sf-theme-battle {&lt;br /&gt;
  --sf-card-head: rgba(92,31,26,.94);&lt;br /&gt;
  --sf-card-border: rgba(145,65,54,.74);&lt;br /&gt;
  background-color: #1c1110;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Custom scripting — dark builder green */&lt;br /&gt;
.sf-main-page .sf-theme-script {&lt;br /&gt;
  --sf-card-head: rgba(37,67,42,.94);&lt;br /&gt;
  --sf-card-border: rgba(71,111,73,.72);&lt;br /&gt;
  background-color: #121a13;&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   REFERENCE MANUAL — DEFINITIVE WIDTH CONTAINMENT&lt;br /&gt;
   Keeps later source examples from widening the entire manual.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page,&lt;br /&gt;
.sf-manual-layout,&lt;br /&gt;
.sf-manual-content,&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Every direct manual component must be permitted to shrink. */&lt;br /&gt;
.sf-manual-content &amp;gt; *,&lt;br /&gt;
.sf-manual-example,&lt;br /&gt;
.sf-manual-page .sf-card,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert,&lt;br /&gt;
.sf-manual-page .sf-quickbar,&lt;br /&gt;
.sf-manual-page .sf-start-status,&lt;br /&gt;
.sf-manual-page .sf-progress-line,&lt;br /&gt;
.sf-manual-page .sf-img-frame,&lt;br /&gt;
.sf-manual-page .sf-footerlinks {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Ordinary prose and callout content must wrap. */&lt;br /&gt;
.sf-manual-page p,&lt;br /&gt;
.sf-manual-page li,&lt;br /&gt;
.sf-manual-page dd,&lt;br /&gt;
.sf-manual-page span,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert {&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Preformatted source remains intact, but scrolls only&lt;br /&gt;
   inside its own code box. */&lt;br /&gt;
.sf-manual-page pre,&lt;br /&gt;
.sf-manual-page .sf-codeblock,&lt;br /&gt;
.sf-manual-page .sf-codebox {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  white-space: pre;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Inline code inside tables and paragraphs may wrap. */&lt;br /&gt;
.sf-manual-page :not(pre) &amp;gt; code {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Tables may never establish the width of the whole page. */&lt;br /&gt;
.sf-manual-page .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page .sf-table th,&lt;br /&gt;
.sf-manual-page .sf-table td {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Explicit wrapper for tables that genuinely need more width. */&lt;br /&gt;
.sf-manual-page .sf-table-scroll {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Desktop manual layout. */&lt;br /&gt;
@media screen and (min-width: 901px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Mobile and narrow-tablet layout. */&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-content {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-page .sf-table th,&lt;br /&gt;
  .sf-manual-page .sf-table td {&lt;br /&gt;
    padding-left: 7px;&lt;br /&gt;
    padding-right: 7px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  /* Only deliberately wide tables scroll horizontally. */&lt;br /&gt;
  .sf-manual-page .sf-table-scroll .sf-table {&lt;br /&gt;
    width: 760px;&lt;br /&gt;
    min-width: 760px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ================================================================&lt;br /&gt;
   SINFAR WIKI MAIN v3.2 — RESPONSIVE PRODUCTION-READINESS PASS&lt;br /&gt;
   Complete premium-module replacement. Scoped to .sf-hub.&lt;br /&gt;
   ================================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-hub {&lt;br /&gt;
  --hub-void: #07090e;&lt;br /&gt;
  --hub-void-2: #0b0f17;&lt;br /&gt;
  --hub-plate: #0f131d;&lt;br /&gt;
  --hub-plate-2: #141923;&lt;br /&gt;
  --hub-brass: #c8a25c;&lt;br /&gt;
  --hub-brass-bright: #e6c987;&lt;br /&gt;
  --hub-line: rgba(200,162,92,.28);&lt;br /&gt;
  --hub-line-strong: rgba(200,162,92,.5);&lt;br /&gt;
  --hub-verdigris: #57b7a3;&lt;br /&gt;
  --hub-parchment: #ece1c9;&lt;br /&gt;
  --hub-slate: #9ba3b4;&lt;br /&gt;
  --hub-rose: #e0788a;&lt;br /&gt;
  --hub-display: &amp;quot;Trajan Pro 3&amp;quot;, &amp;quot;Cinzel&amp;quot;, &amp;quot;Palatino Linotype&amp;quot;, Palatino, Georgia, serif;&lt;br /&gt;
  --hub-reading: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Arial, sans-serif;&lt;br /&gt;
  --hub-mono: &amp;quot;Cascadia Code&amp;quot;, &amp;quot;Cascadia Mono&amp;quot;, Consolas, monospace;&lt;br /&gt;
  container: sf-hub / inline-size;&lt;br /&gt;
  overflow: clip;&lt;br /&gt;
  background:&lt;br /&gt;
    radial-gradient(circle at 50% 0, rgba(87,183,163,.04), transparent 34rem),&lt;br /&gt;
    var(--hub-void-2);&lt;br /&gt;
  color: var(--hub-parchment);&lt;br /&gt;
  font-family: var(--hub-reading);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub *, .sf-hub *::before, .sf-hub *::after { box-sizing: border-box; }&lt;br /&gt;
.sf-hub p, .sf-hub h1, .sf-hub h2, .sf-hub h3 { margin-block-start: 0; }&lt;br /&gt;
.sf-hub a, .sf-hub a:visited { color: inherit; text-decoration: none; }&lt;br /&gt;
.sf-hub a:hover { color: var(--hub-brass-bright); }&lt;br /&gt;
&lt;br /&gt;
/* Masthead */&lt;br /&gt;
.sf-hub-masthead {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: minmax(0,1fr) auto;&lt;br /&gt;
  grid-template-areas: &amp;quot;brand search&amp;quot; &amp;quot;nav nav&amp;quot;;&lt;br /&gt;
  margin-inline: -12px;&lt;br /&gt;
  border-block: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.98);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-brand {&lt;br /&gt;
  grid-area: brand;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  padding: 11px 14px;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-stewards { display: grid; width: 100%; min-width: 0; gap: 6px; }&lt;br /&gt;
.sf-hub-stewards-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--hub-verdigris); font: 700 .52rem/1.2 var(--hub-mono); letter-spacing: .15em; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-label strong { flex: none; color: var(--hub-rose); font-size: .49rem; letter-spacing: .12em; }&lt;br /&gt;
.sf-hub-stewards-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--hub-line); background: rgba(200,162,92,.025); }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div { display: grid; min-width: 0; gap: 2px; padding: 6px 5px 5px; border-right: 1px solid var(--hub-line); text-align: center; }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-stewards-list strong { overflow: hidden; color: var(--hub-brass-bright); font: 600 .6rem/1.15 var(--hub-mono); letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-list small { color: var(--hub-slate); font: 500 .46rem/1.2 var(--hub-reading); letter-spacing: .03em; }&lt;br /&gt;
&lt;br /&gt;
.sf-hub-search {&lt;br /&gt;
  grid-area: search;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-search a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 38px;&lt;br /&gt;
  padding: 0 13px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-nav {&lt;br /&gt;
  grid-area: nav;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2,minmax(0,1fr));&lt;br /&gt;
  border-top: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav-item { min-width: 0; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-hub-nav-item:nth-child(2n), .sf-hub-nav-item:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-nav-item:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
.sf-hub-nav a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .74rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .025em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 30px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 7px;&lt;br /&gt;
  background: linear-gradient(90deg,transparent,var(--hub-brass-bright),transparent);&lt;br /&gt;
  opacity: .72;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a:hover::after, .sf-hub-nav a:focus-visible::after { width: 46px; opacity: 1; }&lt;br /&gt;
.sf-hub-nav a:hover, .sf-hub-nav a:focus-visible { background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Hero */&lt;br /&gt;
.sf-hub-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: clamp(290px,74vw,410px);&lt;br /&gt;
  margin: 10px 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  background: var(--hub-void);&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-art, .sf-hub-hero-art &amp;gt; a, .sf-hub-hero-art &amp;gt; span,&lt;br /&gt;
.sf-hub-hero-art [typeof~=&amp;quot;mw:File&amp;quot;], .sf-hub-hero-art .mw-file-description { position: absolute; inset: 0; display: block; }&lt;br /&gt;
.sf-hub-hero-art img, .sf-hub-hero-art .mw-file-element { width: 100%; height: 100%; object-fit: cover; object-position: center; }&lt;br /&gt;
.sf-hub-hero::after {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background: linear-gradient(180deg,rgba(7,9,14,.08),rgba(7,9,14,.18) 40%,rgba(7,9,14,.82));&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy {&lt;br /&gt;
  position: static;&lt;br /&gt;
  align-self: center;&lt;br /&gt;
  justify-self: center;&lt;br /&gt;
  width: min(92%,720px);&lt;br /&gt;
  padding: 26px 16px 24px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-lockup, .sf-hub-hero-copy &amp;gt; p, .sf-hub-primary { position: relative; z-index: 2; }&lt;br /&gt;
.sf-hub-hero-lockup { width: clamp(15rem,38vw,27rem); margin: 9px auto 7px; line-height: 0; }&lt;br /&gt;
.sf-hub-hero-lockup img { display: block; width: 100%; height: auto; filter: drop-shadow(0 3px 5px rgba(0,0,0,.94)) drop-shadow(0 0 13px rgba(230,201,135,.22)); }&lt;br /&gt;
.sf-hub-kicker, .sf-hub-heading-label {&lt;br /&gt;
  color: var(--hub-verdigris);&lt;br /&gt;
  font: 700 .68rem/1.3 var(--hub-mono);&lt;br /&gt;
  letter-spacing: .2em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero .sf-hub-kicker {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: clamp(18px,3vw,30px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  z-index: 3;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  max-width: calc(100% - 24px);&lt;br /&gt;
  padding: 5px 12px 4px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.72);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  text-shadow: 0 1px 4px #000;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero h1 {&lt;br /&gt;
  margin: 7px 0 5px;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(2.35rem,12vw,4.6rem)/.95 var(--hub-display);&lt;br /&gt;
  letter-spacing: .1em;&lt;br /&gt;
  text-shadow: 0 2px 8px #000;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy &amp;gt; p { margin: 0 auto 15px; color: var(--hub-parchment); font-size: clamp(.86rem,2.8vw,1rem); }&lt;br /&gt;
.sf-hub-primary { display: inline-block; }&lt;br /&gt;
.sf-hub-primary a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 42px;&lt;br /&gt;
  padding: 0 20px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-brass);&lt;br /&gt;
  background: rgba(7,9,14,.84);&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font: 700 .74rem/1 var(--hub-display);&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Shared sections */&lt;br /&gt;
.sf-hub-section { padding: 34px 0 0; }&lt;br /&gt;
.sf-hub-heading { display: grid; gap: 6px; margin-bottom: 16px; }&lt;br /&gt;
.sf-hub-heading h2 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(1.35rem,5vw,1.85rem)/1.12 var(--hub-display);&lt;br /&gt;
  letter-spacing: .035em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-heading h2::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 56px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  background: linear-gradient(90deg,var(--hub-brass),transparent);&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tasks */&lt;br /&gt;
.sf-task-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-task {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 44px minmax(0,1fr);&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(180deg,rgba(15,19,29,.88),rgba(9,12,19,.94));&lt;br /&gt;
}&lt;br /&gt;
.sf-task-icon, .sf-access-icon {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 1.05rem/1 var(--hub-display);&lt;br /&gt;
}&lt;br /&gt;
.sf-task &amp;gt; span:last-child, .sf-access &amp;gt; span:last-child { display: grid; gap: 4px; min-width: 0; padding: 11px 12px; }&lt;br /&gt;
.sf-task strong, .sf-access strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-task small, .sf-access small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
.sf-task:hover, .sf-task:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.06); }&lt;br /&gt;
&lt;br /&gt;
/* Downloads and access */&lt;br /&gt;
.sf-access-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-access {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 46px minmax(0,1fr);&lt;br /&gt;
  min-height: 72px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(135deg,rgba(200,162,92,.07),rgba(15,19,29,.72));&lt;br /&gt;
}&lt;br /&gt;
.sf-access:hover, .sf-access:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Resource directories */&lt;br /&gt;
.sf-directory-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }&lt;br /&gt;
.sf-directory { --directory-accent: var(--hub-brass); min-width: 0; border: 1px solid var(--hub-line); border-top: 2px solid var(--directory-accent); background: linear-gradient(160deg,color-mix(in srgb,var(--directory-accent) 6%,var(--hub-plate)),var(--hub-void)); }&lt;br /&gt;
.sf-directory--blue { --directory-accent: #5e91b8; }&lt;br /&gt;
.sf-directory--green { --directory-accent: #6c9f62; }&lt;br /&gt;
.sf-directory-head { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; min-height: 62px; border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-directory-head &amp;gt; span { display: grid; height: 100%; place-items: center; border-right: 1px solid var(--hub-line); color: var(--hub-brass-bright); }&lt;br /&gt;
.sf-directory h3 { margin: 0; padding: 10px 12px; color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-directory-links { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 7px 14px 12px; color: var(--hub-parchment); font-size: .8rem; line-height: 1.7; }&lt;br /&gt;
.sf-directory-links br { display: none; }&lt;br /&gt;
.sf-directory-links a { padding: 3px 0; text-decoration: underline; text-decoration-color: var(--hub-line-strong); text-underline-offset: 3px; }&lt;br /&gt;
&lt;br /&gt;
/* Living world */&lt;br /&gt;
.sf-community-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-community { display: grid; gap: 5px; min-width: 0; padding: 14px 15px; border: 1px solid var(--hub-line); border-left: 2px solid #9a6cac; background: rgba(15,19,29,.65); }&lt;br /&gt;
.sf-community strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-community small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Category registry */&lt;br /&gt;
.sf-category-list { display: grid; grid-template-columns: minmax(0,1fr); border-top: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-category-list &amp;gt; div { display: grid; gap: 4px; min-width: 0; padding: 13px 14px; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); background: rgba(15,19,29,.45); }&lt;br /&gt;
.sf-category-list strong { color: var(--hub-parchment); font-size: .84rem; }&lt;br /&gt;
.sf-category-list small { color: var(--hub-slate); font-size: .75rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Footer */&lt;br /&gt;
.sf-hub-footer {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 36px;&lt;br /&gt;
  padding: 22px 0 8px;&lt;br /&gt;
  border-top: 1px solid var(--hub-line-strong);&lt;br /&gt;
  color: var(--hub-slate);&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-footer-brand { display: grid; gap: 2px; }&lt;br /&gt;
.sf-hub-footer strong { color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-hub-footer small { color: var(--hub-slate); }&lt;br /&gt;
.sf-hub-footer a { color: var(--hub-parchment) !important; }&lt;br /&gt;
&lt;br /&gt;
/* Responsive compositions */&lt;br /&gt;
@container sf-hub (min-width: 506px) {&lt;br /&gt;
  .sf-task-grid, .sf-community-grid, .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 666px) {&lt;br /&gt;
  .sf-hub-masthead { margin-inline: -16px; }&lt;br /&gt;
  .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
  .sf-hub-nav-item, .sf-hub-nav-item:nth-child(2n) { border-right: 1px solid var(--hub-line); border-bottom: 0; }&lt;br /&gt;
  .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
  .sf-hub-nav a { min-height: 48px; }&lt;br /&gt;
  .sf-hub-hero { min-height: clamp(390px,50vw,550px); margin-top: 8px; }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: auto; }&lt;br /&gt;
  .sf-hub-footer { grid-template-columns: minmax(190px,.7fr) minmax(0,2fr); align-items: end; }&lt;br /&gt;
  .sf-hub-footer-links { text-align: right; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 910px) {&lt;br /&gt;
  .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
  .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 1138px) {&lt;br /&gt;
  .sf-hub-masthead {&lt;br /&gt;
    grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto;&lt;br /&gt;
    grid-template-areas: &amp;quot;brand nav search&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-hub-brand { min-height: 64px; padding-block: 8px; }&lt;br /&gt;
  .sf-hub-nav { border-top: 0; }&lt;br /&gt;
  .sf-hub-nav-item { border-left: 1px solid var(--hub-line); }&lt;br /&gt;
  .sf-hub-nav a { min-height: 64px; font-size: .78rem; }&lt;br /&gt;
  .sf-hub-hero { min-height: 520px; }&lt;br /&gt;
  .sf-hub-hero-copy { padding-block: 28px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Accessibility and static-motion lock */&lt;br /&gt;
.sf-hub a:focus-visible { outline: 2px solid var(--hub-verdigris); outline-offset: -3px; }&lt;br /&gt;
.sf-hub .sf-task, .sf-hub .sf-access, .sf-hub .sf-directory,&lt;br /&gt;
.sf-hub .sf-community, .sf-hub .sf-category-list &amp;gt; div, .sf-hub img, .sf-hub a { transform: none !important; transition: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-hub *, .sf-hub *::before, .sf-hub *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@supports not (container-type: inline-size) {&lt;br /&gt;
  @media screen and (min-width: 720px) {&lt;br /&gt;
    .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
    .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
    .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
    .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  }&lt;br /&gt;
  @media screen and (min-width: 1200px) {&lt;br /&gt;
    .sf-hub-masthead { grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto; grid-template-areas: &amp;quot;brand nav search&amp;quot;; }&lt;br /&gt;
    .sf-hub-nav { border-top: 0; }&lt;br /&gt;
    .sf-hub-nav a { min-height: 64px; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
    .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Wiki Interior Pages v1.0&lt;br /&gt;
   Additive extension for the existing Visual System v3.0.&lt;br /&gt;
&lt;br /&gt;
   Required outer wrapper:&lt;br /&gt;
   &amp;lt;div class=&amp;quot;sf-page sf-article-page&amp;quot;&amp;gt; ... &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
   This module intentionally reuses the existing sf-page, sf-hero,&lt;br /&gt;
   sf-section-title, sf-table, sf-note, sf-quickbar and sf-footerlinks&lt;br /&gt;
   components. It does not replace the main-page module.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-article-page {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 1180px;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page &amp;gt; *,&lt;br /&gt;
.sf-article-page .sf-table-scroll,&lt;br /&gt;
.sf-article-page .sf-figure-grid,&lt;br /&gt;
.sf-article-page .sf-figure {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  padding: clamp(20px, 4vw, 38px);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  background:&lt;br /&gt;
    linear-gradient(110deg, rgba(8, 11, 15, .95), rgba(22, 18, 17, .86)),&lt;br /&gt;
    var(--sf-bg-hero);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: auto 22px 18px auto;&lt;br /&gt;
  width: 88px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  background: linear-gradient(90deg, transparent, var(--sf-gold));&lt;br /&gt;
  opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero h1 {&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-family: Georgia, &amp;quot;Times New Roman&amp;quot;, serif;&lt;br /&gt;
  font-size: clamp(2rem, 5vw, 3.35rem);&lt;br /&gt;
  line-height: 1.05;&lt;br /&gt;
  font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero p {&lt;br /&gt;
  max-width: 760px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta,&lt;br /&gt;
.sf-summary-grid,&lt;br /&gt;
.sf-route-grid,&lt;br /&gt;
.sf-figure-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta &amp;gt; div,&lt;br /&gt;
.sf-summary-grid &amp;gt; div,&lt;br /&gt;
.sf-route-grid &amp;gt; div {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  padding: 11px 13px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .52);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta b,&lt;br /&gt;
.sf-summary-grid b,&lt;br /&gt;
.sf-route-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta span,&lt;br /&gt;
.sf-summary-grid span {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-summary-grid {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-route-grid {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-route-grid &amp;gt; div {&lt;br /&gt;
  border-top-color: var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-prose {&lt;br /&gt;
  max-width: 900px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-lead {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: 1.05rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note {&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-left: 3px solid var(--sf-gold);&lt;br /&gt;
  background: rgba(216, 180, 106, .08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note--teal {&lt;br /&gt;
  border-color: rgba(83, 202, 188, .42);&lt;br /&gt;
  border-left-color: #53cabc;&lt;br /&gt;
  background: rgba(83, 202, 188, .07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note--red {&lt;br /&gt;
  border-color: rgba(159, 75, 62, .6);&lt;br /&gt;
  border-left-color: #c46858;&lt;br /&gt;
  background: rgba(159, 75, 62, .12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-code {&lt;br /&gt;
  display: block;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  padding: 9px 11px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: #090c11;&lt;br /&gt;
  color: #dbe5f0;&lt;br /&gt;
  font-family: Consolas, &amp;quot;Cascadia Mono&amp;quot;, monospace;&lt;br /&gt;
  font-size: .9rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216, 180, 106, .1);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table th,&lt;br /&gt;
.sf-article-page .sf-table td {&lt;br /&gt;
  padding: 9px 11px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table td:first-child {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 12px auto 20px;&lt;br /&gt;
  padding: 7px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .56);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid .sf-figure,&lt;br /&gt;
.sf-figure--wide {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure &amp;gt; p,&lt;br /&gt;
.sf-figure span[typeof~=&amp;quot;mw:File&amp;quot;],&lt;br /&gt;
.sf-figure a.image,&lt;br /&gt;
.sf-figure a.mw-file-description {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page img,&lt;br /&gt;
.sf-figure img,&lt;br /&gt;
.sf-figure .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure img,&lt;br /&gt;
.sf-figure .mw-file-element {&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid .sf-figure img,&lt;br /&gt;
.sf-figure-grid .sf-figure .mw-file-element,&lt;br /&gt;
.sf-figure--wide img,&lt;br /&gt;
.sf-figure--wide .mw-file-element {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure figcaption,&lt;br /&gt;
.sf-caption {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 7px 4px 2px;&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
  font-size: .86rem;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Interior tables fit their article by default. Only genuinely dense tables&lt;br /&gt;
   opt into the explicit --wide modifier and retain a local scrollbar. */&lt;br /&gt;
.sf-article-page .sf-table-scroll .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table-scroll--wide .sf-table {&lt;br /&gt;
  width: 760px;&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .48);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue h3 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-steps {&lt;br /&gt;
  margin: 8px 0 0;&lt;br /&gt;
  padding-left: 1.4rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-steps li {&lt;br /&gt;
  margin: 0 0 5px;&lt;br /&gt;
  padding-left: .2rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-footerlinks {&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
  .sf-article-meta,&lt;br /&gt;
  .sf-summary-grid,&lt;br /&gt;
  .sf-route-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-figure-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .sf-article-page {&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-hero {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-meta,&lt;br /&gt;
  .sf-summary-grid,&lt;br /&gt;
  .sf-route-grid,&lt;br /&gt;
  .sf-figure-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-table-scroll {&lt;br /&gt;
    margin-right: -2px;&lt;br /&gt;
    padding-bottom: 4px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-table th,&lt;br /&gt;
  .sf-article-page .sf-table td {&lt;br /&gt;
    padding: 8px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-article-page *,&lt;br /&gt;
  .sf-article-page *::before,&lt;br /&gt;
  .sf-article-page *::after {&lt;br /&gt;
    scroll-behavior: auto !important;&lt;br /&gt;
    transition-duration: .01ms !important;&lt;br /&gt;
    animation-duration: .01ms !important;&lt;br /&gt;
    animation-iteration-count: 1 !important;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Solving_Client_or_Connection_Issues&amp;diff=1356</id>
		<title>Solving Client or Connection Issues</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Solving_Client_or_Connection_Issues&amp;diff=1356"/>
		<updated>2026-08-16T22:10:20Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Repair MediaWiki-safe image wrappers and mobile containment&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-troubleshooting-page&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Client Support&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Client &amp;amp;amp; Connection Issues&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Common fixes for crashes, missing files, graphical errors, connection failures, and client launch problems.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-grid&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Install Guide&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Getting Started|Confirm the correct setup path.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Required Files&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Hak Files|Check haks and overrides.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Client Settings&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Recommended Settings|Apply the stable baseline.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Client Extender&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Sinfar Client Extender (SinfarX)|Check the SinfarX launcher.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Before troubleshooting:&amp;lt;/b&amp;gt; verify that you followed the correct setup guide and installed every required file. Missing haks, missing overrides, incorrect settings, or the wrong launcher account for many apparent connection and crash problems.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note sf-note--teal&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Enhanced Edition:&amp;lt;/b&amp;gt; make sure the additional override files are installed. If the client consistently crashes in a specific area after installation, report the location on the [https://discord.gg/sinfar Sinfar Discord].&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Graphical Issues&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Faces Have a Metallic Texture&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;This usually means required override files are missing.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ol class=&amp;quot;sf-steps&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Download the required files from [[Hak Files]].&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Place the files in your &amp;lt;code&amp;gt;&amp;amp;lt;NWN&amp;amp;gt;\override&amp;lt;/code&amp;gt; folder.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;If you use Enhanced Edition, confirm that the files included by the SinfarX launcher are present.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Restart the client and test again.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Issues 20190410-133524.png|720px|alt=Example of the metallic face texture caused by missing override files]]&amp;lt;div class=&amp;quot;sf-caption&amp;quot;&amp;gt;Example of missing override files.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Invisible Robes, Cloaks, or Wings&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;This can happen when using an older or unsupported NVIDIA graphics driver. Update the driver from the official [https://www.nvidia.com/Download/index.aspx NVIDIA Driver Downloads] page, restart the system, and test again.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Direct Connect&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Connect Without the Server List&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Click &amp;lt;b&amp;gt;Direct Connect&amp;lt;/b&amp;gt; and enter:&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;code class=&amp;quot;sf-code&amp;quot;&amp;gt;nwn.sinfar.net&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;If the server list fails, direct connect is usually the cleanest connection method.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Connect 20190327-143046.png|720px|alt=Neverwinter Nights Direct Connect screen]]&amp;lt;div class=&amp;quot;sf-caption&amp;quot;&amp;gt;The Direct Connect screen.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Launch Directly Into Sinfar&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Create a shortcut to &amp;lt;code&amp;gt;sinfarx.exe&amp;lt;/code&amp;gt; and add the appropriate connection text after the executable path.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Player shortcut&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;code class=&amp;quot;sf-code&amp;quot;&amp;gt;+connect nwn.sinfar.net&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;DM client shortcut&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;code class=&amp;quot;sf-code&amp;quot;&amp;gt;-dmc +connect nwn.sinfar.net +password [insert DM password]&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Account &amp;amp;amp; Connection Errors&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Password Could Not Be Verified&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;This is usually a CD-key issue, not a password issue. The account may be tied to a different CD key from the one currently in use.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Find and use the previous CD key.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Unlock the account through [http://nwn.sinfar.net/my_account.php My Account] if you know the website password.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Use a player name that has not already been registered; check [https://nwn.sinfar.net/search_characters.php Character Search].&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;If you moved to a new computer or cannot access the account, contact an administrator through the [https://discord.gg/sinfar Sinfar Discord].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Connect 20190327-145432.png|720px|alt=Neverwinter Nights password verification error]]&amp;lt;div class=&amp;quot;sf-caption&amp;quot;&amp;gt;Connection verification error.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Server Is Not Responding or Timed Out&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;If the internet connection is working, the server appears online, and [https://nwn.sinfar.net nwn.sinfar.net] loads in a browser, changing the client port may fix the issue.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ol class=&amp;quot;sf-steps&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Open the NWN directory.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Open &amp;lt;code&amp;gt;nwnplayer.ini&amp;lt;/code&amp;gt; in a text editor.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Find the line beginning with &amp;lt;code&amp;gt;Client Port=&amp;lt;/code&amp;gt;.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Change the number to a value between &amp;lt;code&amp;gt;10000&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;65000&amp;lt;/code&amp;gt;.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Save the file and restart the game.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Connect 20190327-151421.png|720px|alt=Neverwinter Nights server timeout message]]&amp;lt;div class=&amp;quot;sf-caption&amp;quot;&amp;gt;Server timeout message.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Booted After Choosing a Character&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;If the client reports that a doorway remains sealed behind an unknown magical barrier, the server may have detected a VPN or proxy.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Turn off the VPN or proxy and reconnect.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;If this is your real and stable IP address, contact an administrator on Discord.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Obtain an approval point in game.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Social &amp;amp;amp; Gameplay Issues&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;On the main Sinfar hub, you do not have to become involved in something you do not want. Sinfar provides rules and tools for handling unwanted situations. If those tools are not sufficient, report the issue to Sinfar Staff.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Side servers such as Arche Terre and Dreaded Lands may have additional rules while still following the main server rules. Non-connected side servers using Sinfar infrastructure may provide their own rules and experiences.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[Getting Started]] · [[Hak Files]] · [[Recommended Settings]] · [[Sinfar Client Extender (SinfarX)]] · [https://discord.gg/sinfar Ask on Discord]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Recommended_Settings&amp;diff=1355</id>
		<title>Recommended Settings</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Recommended_Settings&amp;diff=1355"/>
		<updated>2026-08-16T22:09:58Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Repair MediaWiki-safe image wrappers and mobile containment&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-settings-page&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Client Configuration&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Recommended Settings&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;A stable starting point for smoother play on Sinfar. Apply the baseline first, test the client, and adjust visual preferences afterward.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-summary-grid&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Graphics Quality&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Good or Very Good&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Environmental Shadows&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Off&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Creature Shadows&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;None or Minimum&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;VSync&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Enabled&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Performance first:&amp;lt;/b&amp;gt; Neverwinter Nights is an older game running on modern hardware. Some visual settings can cause performance issues, crashes, or instability depending on the system. Higher settings are not always better in Diamond Edition.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Diamond Edition on Windows&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h3&amp;gt;Video Options&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-table-scroll&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;Setting&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;Recommended value&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Overall Graphics Quality&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Good or Very Good&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Texture Quality&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Max at 64 MB or higher&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Sky Boxes&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Enabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Environmental Shadows&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Disabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Creature Shadow Detail&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;None or Minimum&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Gamma&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Personal preference&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Recommended settings 20190324-170418.png|800px|alt=Example of the recommended Neverwinter Nights video options]]&amp;lt;div class=&amp;quot;sf-caption&amp;quot;&amp;gt;Example Video Options configuration.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h3&amp;gt;Advanced Video Options&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-table-scroll&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;Setting&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;Recommended value&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Grass&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Fast Grass or lower&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Creature / Grass Wind&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Off&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Dynamic Lights&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;High&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Shadow Casting Lights&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Max&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Antialiasing&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Nice 4 Sample&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Texture Animation&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Enabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Environmental Mapping&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Enabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Visual Effects High&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Enabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Shiny Water&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Disabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;VSync&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Enabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;High Resolution Font&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Personal preference&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Recommended settings 20190324-175818.png|800px|alt=Example of the recommended Neverwinter Nights advanced video options]]&amp;lt;div class=&amp;quot;sf-caption&amp;quot;&amp;gt;Example Advanced Video Options configuration.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Other Client Settings&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Control Options, Game Options, Resolution, and Game Feedback Options are mostly personal preference. Resolution depends on whether you prefer fullscreen or windowed play.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;For additional client-side configuration, review the [https://nwn.fandom.com/wiki/Nwn.ini nwn.ini] and [https://nwn.fandom.com/wiki/Nwnplayer.ini nwnplayer.ini] references.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Diamond Edition on Lutris&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Once Neverwinter Nights appears under your installed games in Lutris, right-click the banner and select &amp;lt;b&amp;gt;Configure&amp;lt;/b&amp;gt;. Under Game Info, you may rename the game to Sinfar if desired; this changes only how it appears to you.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h3&amp;gt;Game Options&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Change the executable from:&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;code class=&amp;quot;sf-code&amp;quot;&amp;gt;NWN.EXE&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;to:&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;code class=&amp;quot;sf-code&amp;quot;&amp;gt;Sinfarx.EXE&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The remaining paths should usually not need to be changed.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h3&amp;gt;Runner Options&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-table-scroll&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;Setting&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;Recommended value&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;E-sync&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Off&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;F-sync&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Off&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;AMD FSR&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Off&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;BattlEye&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Off&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Easy Anti-cheat&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Off&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Windowed Virtual Desktop&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;On&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note sf-note--teal&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Still having trouble?&amp;lt;/b&amp;gt; Apply the baseline, restart the client, and then use the connection guide to isolate the remaining problem.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[Getting Started]] · [[Solving Client or Connection Issues]] · [[Sinfar Client Extender (SinfarX)]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=About_Sinfar&amp;diff=1354</id>
		<title>About Sinfar</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=About_Sinfar&amp;diff=1354"/>
		<updated>2026-08-16T22:09:40Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Repair MediaWiki-safe image wrappers and mobile containment&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-about-page&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;A Persistent World Since 2010&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;About Sinfar&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;A player-shaped Neverwinter Nights world built around roleplay, character expression, shared adventures, and creative freedom for an adult community.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-article-meta&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Founded&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;2010&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Community&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;International · LGBTQ+ friendly&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Play Styles&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Roleplay · PvE · Controlled PvP&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Audience&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Adults 18+&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-prose&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-lead&amp;quot;&amp;gt;Welcome to Sinfar: a persistent game world built with the Neverwinter Nights Aurora Engine and sustained by years of volunteer-created content.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Sinfar is a sandbox environment where players socialize, roleplay, develop characters, explore stories, run raid-level content, and participate in controlled or factional PvP. The world is shaped not only by its systems, but by the players, builders, artists, writers, and volunteers who continue to expand it.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Create the Character You Imagine&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-grid-2&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-card sf-card--gold&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h3&amp;gt;Deep Character Expression&amp;lt;/h3&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;Sinfar offers extensive character and costume tools. Racial and physical features can be adjusted, costume pieces can be tinted, and a wide range of accessories can be used to build a distinctive appearance.&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-card sf-card--blue&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h3&amp;gt;A Player-Shaped Sandbox&amp;lt;/h3&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;Players have broad freedom to create the kinds of characters and stories they want to explore. Custom shapes can also be created to support a particular character concept or experience.&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-figure-grid&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:CtF_3.jpg|640px|alt=Characters meeting on a Sinfar battlefield]]&amp;lt;div class=&amp;quot;sf-caption&amp;quot;&amp;gt;Carnage on the battlefield.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Image9.jpg|640px|alt=A customized barbarian character in Sinfar]]&amp;lt;div class=&amp;quot;sf-caption&amp;quot;&amp;gt;Character creation supports a wide range of appearances.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Image11.jpg|960px|alt=Players gathered for a Sinfar beach party]]&amp;lt;div class=&amp;quot;sf-caption&amp;quot;&amp;gt;Community events bring players together beyond adventuring.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;A Community Across Worlds&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-prose&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Sinfar has a large and welcoming LGBTQ+ population, with players joining from multiple continents and bringing global perspectives into the same shared world. The community is proud of both its players and the volunteers who help make the server a place to play, create, and spend time together.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note sf-note--teal&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Adult community:&amp;lt;/b&amp;gt; Sinfar is an 18+ server. Its adult designation supports creative freedom in roleplay while remaining subject to the server’s rules, consent expectations, and community standards.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Choose Your Next Step&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-grid&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;New Player Setup&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Getting Started|Install the client files and connect.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Community Standards&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Rules|Read the rules before entering the world.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Playing Sinfar&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Character Customisation|Begin with character customisation.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Building Sinfar&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[The Sinfar Wiki Contribution Guide|Help document the world and its systems.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[Getting Started]] · [[Rules]] · [https://discord.gg/sinfar Join the Sinfar Discord]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1353</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1353"/>
		<updated>2026-08-16T22:07:38Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Repair MediaWiki image wrappers and responsive article containment&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ============================================================&lt;br /&gt;
   Sinfar Wiki Visual System v3.0&lt;br /&gt;
   Unified Common.css Framework&lt;br /&gt;
   Scope doctrine:&lt;br /&gt;
   - New/refit pages use: &amp;lt;div class=&amp;quot;sf-page&amp;quot;&amp;gt;&lt;br /&gt;
   - Legacy pages may still use .sinfar-page / .sf-card / .sf-heading&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   1. DESIGN TOKENS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
  --sf-bg-page: #0f141b;&lt;br /&gt;
  --sf-bg-shell: #11161d;&lt;br /&gt;
  --sf-bg-panel: rgba(18, 14, 12, .78);&lt;br /&gt;
  --sf-bg-panel-solid: #181214;&lt;br /&gt;
  --sf-bg-panel-soft: rgba(216, 180, 106, .08);&lt;br /&gt;
  --sf-bg-hero: linear-gradient(135deg, #21150f, #3a2417);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-border: rgba(216, 180, 106, .28);&lt;br /&gt;
  --sf-border-strong: rgba(216, 180, 106, .48);&lt;br /&gt;
  --sf-border-muted: rgba(244, 239, 230, .09);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-text: #f4efe6;&lt;br /&gt;
  --sf-text-muted: #c9bda9;&lt;br /&gt;
  --sf-gold: #d8b46a;&lt;br /&gt;
  --sf-gold-bright: #f0d28a;&lt;br /&gt;
  --sf-link: #8fc6ff;&lt;br /&gt;
  --sf-link-hover: #b8d6ff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-red: #9f4b3e;&lt;br /&gt;
  --sf-green: #2f5d3a;&lt;br /&gt;
  --sf-blue: #334e7a;&lt;br /&gt;
  --sf-purple: #60456f;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-radius-sm: 7px;&lt;br /&gt;
  --sf-radius-md: 10px;&lt;br /&gt;
  --sf-gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   2. SOVEREIGN PAGE SHELL&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page,&lt;br /&gt;
.sinfar-page {&lt;br /&gt;
  background: var(--sf-bg-shell);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 16px;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
  font-size: 14px;&lt;br /&gt;
  box-shadow: 0 0 22px rgba(0,0,0,.35);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page *,&lt;br /&gt;
.sinfar-page * {&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a,&lt;br /&gt;
.sf-page a:visited,&lt;br /&gt;
.sf-page a.external,&lt;br /&gt;
.sf-page a.external:visited,&lt;br /&gt;
.sinfar-page a,&lt;br /&gt;
.sinfar-page a:visited,&lt;br /&gt;
.sinfar-page a.external,&lt;br /&gt;
.sinfar-page a.external:visited {&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a:hover,&lt;br /&gt;
.sinfar-page a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page code,&lt;br /&gt;
.sinfar-page code {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
  padding: 1px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   3. TYPOGRAPHY&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page h1,&lt;br /&gt;
.sf-page h2,&lt;br /&gt;
.sf-page h3,&lt;br /&gt;
.sinfar-page h1,&lt;br /&gt;
.sinfar-page h2,&lt;br /&gt;
.sinfar-page h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-section-title,&lt;br /&gt;
.sf-heading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  margin: 18px 0 8px;&lt;br /&gt;
  padding-bottom: 3px;&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-subheading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 10px 0 6px;&lt;br /&gt;
  font-size: 1.15rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-muted {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-label,&lt;br /&gt;
.sf-name {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-center {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   4. HEROES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero,&lt;br /&gt;
.sf-hero-compact {&lt;br /&gt;
  background: var(--sf-bg-hero);&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 14px 18px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero h1,&lt;br /&gt;
.sf-hero-compact h1,&lt;br /&gt;
.sf-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 4px;&lt;br /&gt;
  font-size: 1.85rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero p,&lt;br /&gt;
.sf-hero-compact p,&lt;br /&gt;
.sf-subtitle {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-eyebrow {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main {&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main h1 {&lt;br /&gt;
  font-size: 2.35rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   5. GRIDS / STATUS TILES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2,&lt;br /&gt;
.sf-grid-3,&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-grid-5,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status { grid-template-columns: repeat(4, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid &amp;gt; div,&lt;br /&gt;
.sf-start-status &amp;gt; div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid b,&lt;br /&gt;
.sf-start-status b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid span,&lt;br /&gt;
.sf-start-status span {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   6. QUICKBARS / INDEX GRIDS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar,&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar &amp;gt; div,&lt;br /&gt;
.sf-index-grid &amp;gt; div,&lt;br /&gt;
.sf-pathline {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar b,&lt;br /&gt;
.sf-index-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
============================================================&lt;br /&gt;
   6A. REFERENCE MANUAL LAYOUT&lt;br /&gt;
   Reusable side directory for long technical documentation.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content [id] {&lt;br /&gt;
  scroll-margin-top: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 12px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  max-height: calc(100vh - 24px);&lt;br /&gt;
  overflow-y: auto;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  padding-bottom: 7px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-group {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin: 12px 0 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a,&lt;br /&gt;
.sf-manual-toc a:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 5px 1px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example {&lt;br /&gt;
  background: rgba(216,180,106,.06);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  margin: 7px 0 9px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-color-swatch {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 22px;&lt;br /&gt;
  height: 14px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin-right: 7px;&lt;br /&gt;
  border: 1px solid rgba(255,255,255,.28);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  vertical-align: -2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
===========================================================&lt;br /&gt;
   7. DECISION PANELS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.25fr 1fr 1fr;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision,&lt;br /&gt;
.sf-card,&lt;br /&gt;
.sf-panel {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-primary {&lt;br /&gt;
  border-color: rgba(240,210,138,.58);&lt;br /&gt;
  background: linear-gradient(135deg, rgba(60,38,20,.88), rgba(18,14,12,.78));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-kicker {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  letter-spacing: .07em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   8. ACTION LISTS / BUTTONS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 12px 0 0 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list li {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a,&lt;br /&gt;
.sf-action-list a:visited,&lt;br /&gt;
.sf-action-list a.external,&lt;br /&gt;
.sf-action-list a.external:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: rgba(216,180,106,.10);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.32);&lt;br /&gt;
  border-radius: 7px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  color: #8fc6ff;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a:hover,&lt;br /&gt;
.sf-action-list a.external:hover {&lt;br /&gt;
  background: rgba(216,180,106,.16);&lt;br /&gt;
  border-color: rgba(240,210,138,.48);&lt;br /&gt;
  color: #b8d6ff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   9. TABLES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  border-collapse: collapse;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table td {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
  padding: 7px 10px;&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table tr:last-child td {&lt;br /&gt;
  border-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll .sf-table {&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value,&lt;br /&gt;
.sf-good {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value {&lt;br /&gt;
  color: #f4c96b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-good {&lt;br /&gt;
  color: #9fe6bd;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Standard table column helpers */&lt;br /&gt;
.sf-channel-table th:nth-child(1),&lt;br /&gt;
.sf-channel-table td:nth-child(1) { width: 14%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(2),&lt;br /&gt;
.sf-channel-table td:nth-child(2) { width: 31%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(3),&lt;br /&gt;
.sf-channel-table td:nth-child(3) { width: 37%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(4),&lt;br /&gt;
.sf-channel-table td:nth-child(4) { width: 18%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(1),&lt;br /&gt;
.sf-setup-table td:nth-child(1) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(2),&lt;br /&gt;
.sf-setup-table td:nth-child(2) { width: 52%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(3),&lt;br /&gt;
.sf-setup-table td:nth-child(3) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   10. BADGES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: 2px 7px;&lt;br /&gt;
  margin: 1px 2px 1px 0;&lt;br /&gt;
  font-size: .78rem;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge-ic { background: #2f5d3a; color: #eaffef; }&lt;br /&gt;
.sf-badge-ooc { background: #334e7a; color: #eef4ff; }&lt;br /&gt;
.sf-badge-dm { background: #6f3b3b; color: #fff0f0; }&lt;br /&gt;
.sf-badge-range { background: #5f4c27; color: #fff2c2; }&lt;br /&gt;
.sf-badge-area { background: #60456f; color: #f7eaff; }&lt;br /&gt;
.sf-badge-support { background: #4e5563; color: #f0f3f8; }&lt;br /&gt;
.sf-badge-best { background: #6a5423; color: #fff0bd; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   11. ALERTS / NOTES / RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note,&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning,&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  margin: 8px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.24);&lt;br /&gt;
  border-left: 4px solid #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert b,&lt;br /&gt;
.sf-warning b {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-info {&lt;br /&gt;
  background: rgba(38,58,92,.34);&lt;br /&gt;
  border-left-color: #6fa8dc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border-left-color: #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-danger,&lt;br /&gt;
.sf-note--red {&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
  border-left-color: var(--sf-red);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  border-left: 4px solid var(--sf-red);&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   12. PROGRESS LINES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line b {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  line-height: 24px;&lt;br /&gt;
  background: rgba(216,180,106,.24);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line span {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   13. CODE / SCRIPTING DOCS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock,&lt;br /&gt;
.sf-codebox,&lt;br /&gt;
.sf-page pre,&lt;br /&gt;
.sinfar-page pre {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock code,&lt;br /&gt;
.sf-codebox code,&lt;br /&gt;
.sf-page pre code,&lt;br /&gt;
.sinfar-page pre code {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* &lt;br /&gt;
============================================================&lt;br /&gt;
   14. IMAGES / SCREENSHOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 6px;&lt;br /&gt;
  margin: 8px 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame img {&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
/* &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
============================================================&lt;br /&gt;
   MAIN PAGE IMAGE SLOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot{&lt;br /&gt;
    position:relative;&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
    border:1px solid var(--sf-border);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    background:#120d10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot img{&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    height:100%;&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   15. CHAT CHANNEL COLOR LOCKS&lt;br /&gt;
   Match in-game channel color identity.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan {&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-shout   { color: #feef50; }&lt;br /&gt;
.sf-chan-dm      { color: #f67271; }&lt;br /&gt;
.sf-chan-event   { color: #ab23f2; }&lt;br /&gt;
.sf-chan-action  { color: #b56a23; }&lt;br /&gt;
.sf-chan-ooc     { color: #b1a2bd; }&lt;br /&gt;
.sf-chan-pvp     { color: #fe5f2e; }&lt;br /&gt;
.sf-chan-sex     { color: #f520e1; }&lt;br /&gt;
.sf-chan-build   { color: #b7f520; }&lt;br /&gt;
.sf-chan-ffa     { color: #20bff0; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-talk    { color: #fefefe; }&lt;br /&gt;
.sf-chan-whisper { color: #b0b0b0; }&lt;br /&gt;
.sf-chan-quiet   { color: #777777; }&lt;br /&gt;
.sf-chan-silent  { color: #666666; }&lt;br /&gt;
.sf-chan-yell    { color: #d92324; }&lt;br /&gt;
.sf-chan-party   { color: #fefefe; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   16. FOOTERS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footerlinks,&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  margin-top: 14px;&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  border-top: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  padding: 12px 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   17. LEGACY COMPATIBILITY&lt;br /&gt;
   Keeps older remaster pages readable without preserving chaos.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--gold,&lt;br /&gt;
.sf-table--gold {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border-color: var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--green,&lt;br /&gt;
.sf-table--green {&lt;br /&gt;
  background: rgba(17,26,18,.82);&lt;br /&gt;
  border-color: rgba(68,107,53,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--blue,&lt;br /&gt;
.sf-table--blue {&lt;br /&gt;
  background: rgba(16,24,32,.82);&lt;br /&gt;
  border-color: rgba(52,87,122,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--red,&lt;br /&gt;
.sf-table--red {&lt;br /&gt;
  background: rgba(26,16,16,.82);&lt;br /&gt;
  border-color: rgba(122,52,47,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--purple,&lt;br /&gt;
.sf-table--purple {&lt;br /&gt;
  background: rgba(25,17,29,.82);&lt;br /&gt;
  border-color: rgba(91,59,120,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-heading--gold { color: var(--sf-gold-bright); border-bottom-color: var(--sf-border); }&lt;br /&gt;
.sf-heading--green { color: #91d38f; border-bottom-color: #446b35; }&lt;br /&gt;
.sf-heading--blue { color: #8fc6ff; border-bottom-color: #34577a; }&lt;br /&gt;
.sf-heading--red { color: #ff9c8f; border-bottom-color: #7a342f; }&lt;br /&gt;
.sf-heading--purple { color: #c49cff; border-bottom-color: #5b3b78; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  margin: 9px 0 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket th {&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  padding: 9px 12px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket td {&lt;br /&gt;
  background: rgba(18,14,12,.72);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   18. LISTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page ul,&lt;br /&gt;
.sf-page ol,&lt;br /&gt;
.sinfar-page ul,&lt;br /&gt;
.sinfar-page ol {&lt;br /&gt;
  margin: 6px 0 8px;&lt;br /&gt;
  padding-left: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page li,&lt;br /&gt;
.sinfar-page li {&lt;br /&gt;
  margin: 2px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   19. MOBILE RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-decision-grid,&lt;br /&gt;
  .sf-index-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
  .sf-page,&lt;br /&gt;
  .sinfar-page {&lt;br /&gt;
    padding: 12px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-quickbar,&lt;br /&gt;
  .sf-grid-2,&lt;br /&gt;
  .sf-grid-3,&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status,&lt;br /&gt;
  .sf-progress-line {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-table {&lt;br /&gt;
    table-layout: auto;&lt;br /&gt;
    font-size: .92rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-channel-table th:nth-child(n),&lt;br /&gt;
  .sf-channel-table td:nth-child(n),&lt;br /&gt;
  .sf-setup-table th:nth-child(n),&lt;br /&gt;
  .sf-setup-table td:nth-child(n) {&lt;br /&gt;
    width: auto;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Main Page Module v1.0&lt;br /&gt;
   Purpose: cinematic front-door layout for Main Page only.&lt;br /&gt;
   Requires wrapper: &amp;lt;div class=&amp;quot;sf-page sf-main-page&amp;quot;&amp;gt;&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page {&lt;br /&gt;
  max-width: 1320px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Cinematic Main Hero ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  aspect-ratio: 16 / 9;&lt;br /&gt;
  min-height: 0;&lt;br /&gt;
&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  padding: 64px 48px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Hero Artwork ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 0;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: inherit;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; a,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; span,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Flat dark overlay for text readability. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
&lt;br /&gt;
  background: rgba(5, 8, 12, .48);&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Keep hero text above the artwork and overlay. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main &amp;gt; :not(.sf-hero-art-slot) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main h1 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
&lt;br /&gt;
  font-size: 3.15rem;&lt;br /&gt;
  line-height: 1.08;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
  text-shadow:&lt;br /&gt;
    0 2px 3px rgba(0,0,0,.95),&lt;br /&gt;
    0 0 14px rgba(0,0,0,.78);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main .sf-eyebrow,&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  text-shadow: 0 2px 4px rgba(0,0,0,.95);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  max-width: 680px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: 1.08rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision {&lt;br /&gt;
  min-height: 300px;&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision h3 {&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Feature Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-grid-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card {&lt;br /&gt;
  min-height: 190px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Action Links ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links {&lt;br /&gt;
  margin-top: 12px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  box-shadow: none;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a,&lt;br /&gt;
.sf-main-page .sf-action-links a:visited,&lt;br /&gt;
.sf-main-page .sf-action-links a.external,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:visited {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a:hover,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Community Strip ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
  gap: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Responsive Layout ---------- */&lt;br /&gt;
&lt;br /&gt;
/* Split desktop, tablets, landscape */&lt;br /&gt;
@media screen and (min-width: 721px) and (max-width: 860px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision,&lt;br /&gt;
  .sf-main-page .sf-card {&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 32px 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.35rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Phones */&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3,&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 24px 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.1rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Small phones */&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main .sf-eyebrow {&lt;br /&gt;
    font-size: .66rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    font-size: 1.85rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main p {&lt;br /&gt;
    margin-bottom: 7px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================================&lt;br /&gt;
   MAIN PAGE COMMUNITY LINKS — DISCORD / PATREON&lt;br /&gt;
   ========================================================= */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 8px 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 58px;&lt;br /&gt;
  padding: 8px 16px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Control MediaWiki-generated wrappers around file images. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link &amp;gt; p,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; span,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; a,&lt;br /&gt;
.sf-main-page .community-link .mw-file-description {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link img,&lt;br /&gt;
.sf-main-page .community-link .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: 30px;&lt;br /&gt;
  max-width: 82%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--discord {&lt;br /&gt;
  background-color: #5865f2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--patreon {&lt;br /&gt;
  background-color: #ff424d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
  .sf-main-page .community-link-grid {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   MAIN PAGE — COLORED CARD SYSTEM&lt;br /&gt;
   Static layered gradients only. No glow, blur, or filters.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Shared Card Construction ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card,&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: #181214;&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      135deg,&lt;br /&gt;
      rgba(255,255,255,.025) 0%,&lt;br /&gt;
      transparent 34%,&lt;br /&gt;
      rgba(0,0,0,.12) 70%,&lt;br /&gt;
      rgba(0,0,0,.24) 100%&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      118deg,&lt;br /&gt;
      rgba(255,255,255,.014) 0,&lt;br /&gt;
      rgba(255,255,255,.014) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 7px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Subtle inner line without glow or shadow. */&lt;br /&gt;
.sf-main-page .sf-journey-card::after,&lt;br /&gt;
.sf-main-page .sf-feature-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 4px;&lt;br /&gt;
  z-index: -1;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
  border: 1px solid rgba(244,239,230,.035);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Card Header ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  min-height: 48px;&lt;br /&gt;
  margin: -22px -22px 14px;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: var(--sf-card-head, rgba(216,180,106,.10));&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      90deg,&lt;br /&gt;
      rgba(255,255,255,.035),&lt;br /&gt;
      transparent 48%,&lt;br /&gt;
      rgba(0,0,0,.16)&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      120deg,&lt;br /&gt;
      rgba(255,255,255,.012) 0,&lt;br /&gt;
      rgba(255,255,255,.012) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 6px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border-bottom: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head h3 {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Header Icon Slot ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  width: 38px;&lt;br /&gt;
  height: 38px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon img,&lt;br /&gt;
.sf-main-page .sf-card-icon .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.42);&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Featured System Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.34);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head {&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  margin: -14px -14px 12px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head h3 {&lt;br /&gt;
  font-size: 1.02rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-icon {&lt;br /&gt;
  width: 23px;&lt;br /&gt;
  height: 23px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-action-links {&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   CATEGORY THEMES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* New arrivals — crimson */&lt;br /&gt;
.sf-main-page .sf-theme-crimson {&lt;br /&gt;
  --sf-card-head: rgba(83,20,20,.92);&lt;br /&gt;
  --sf-card-border: rgba(155,69,57,.70);&lt;br /&gt;
  background-color: #1b1011;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Player resources — midnight blue */&lt;br /&gt;
.sf-main-page .sf-theme-blue {&lt;br /&gt;
  --sf-card-head: rgba(18,46,74,.94);&lt;br /&gt;
  --sf-card-border: rgba(62,104,143,.72);&lt;br /&gt;
  background-color: #101922;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Builder resources — forest green */&lt;br /&gt;
.sf-main-page .sf-theme-green {&lt;br /&gt;
  --sf-card-head: rgba(29,65,38,.94);&lt;br /&gt;
  --sf-card-border: rgba(65,110,67,.72);&lt;br /&gt;
  background-color: #111a14;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Community — royal purple */&lt;br /&gt;
.sf-main-page .sf-theme-purple {&lt;br /&gt;
  --sf-card-head: rgba(67,32,79,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,68,124,.72);&lt;br /&gt;
  background-color: #19121d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Housing — slate blue */&lt;br /&gt;
.sf-main-page .sf-theme-slate {&lt;br /&gt;
  --sf-card-head: rgba(40,57,72,.94);&lt;br /&gt;
  --sf-card-border: rgba(76,102,123,.72);&lt;br /&gt;
  background-color: #141a1f;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Businesses — warm tavern bronze */&lt;br /&gt;
.sf-main-page .sf-theme-bronze {&lt;br /&gt;
  --sf-card-head: rgba(83,52,24,.94);&lt;br /&gt;
  --sf-card-border: rgba(133,89,43,.72);&lt;br /&gt;
  background-color: #1d1610;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Character development — arcane violet */&lt;br /&gt;
.sf-main-page .sf-theme-arcane {&lt;br /&gt;
  --sf-card-head: rgba(68,42,88,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,70,132,.72);&lt;br /&gt;
  background-color: #19131e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Dungeon running — deep teal */&lt;br /&gt;
.sf-main-page .sf-theme-teal {&lt;br /&gt;
  --sf-card-head: rgba(21,62,66,.94);&lt;br /&gt;
  --sf-card-border: rgba(48,104,108,.72);&lt;br /&gt;
  background-color: #101b1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* PvP — battle red */&lt;br /&gt;
.sf-main-page .sf-theme-battle {&lt;br /&gt;
  --sf-card-head: rgba(92,31,26,.94);&lt;br /&gt;
  --sf-card-border: rgba(145,65,54,.74);&lt;br /&gt;
  background-color: #1c1110;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Custom scripting — dark builder green */&lt;br /&gt;
.sf-main-page .sf-theme-script {&lt;br /&gt;
  --sf-card-head: rgba(37,67,42,.94);&lt;br /&gt;
  --sf-card-border: rgba(71,111,73,.72);&lt;br /&gt;
  background-color: #121a13;&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   REFERENCE MANUAL — DEFINITIVE WIDTH CONTAINMENT&lt;br /&gt;
   Keeps later source examples from widening the entire manual.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page,&lt;br /&gt;
.sf-manual-layout,&lt;br /&gt;
.sf-manual-content,&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Every direct manual component must be permitted to shrink. */&lt;br /&gt;
.sf-manual-content &amp;gt; *,&lt;br /&gt;
.sf-manual-example,&lt;br /&gt;
.sf-manual-page .sf-card,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert,&lt;br /&gt;
.sf-manual-page .sf-quickbar,&lt;br /&gt;
.sf-manual-page .sf-start-status,&lt;br /&gt;
.sf-manual-page .sf-progress-line,&lt;br /&gt;
.sf-manual-page .sf-img-frame,&lt;br /&gt;
.sf-manual-page .sf-footerlinks {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Ordinary prose and callout content must wrap. */&lt;br /&gt;
.sf-manual-page p,&lt;br /&gt;
.sf-manual-page li,&lt;br /&gt;
.sf-manual-page dd,&lt;br /&gt;
.sf-manual-page span,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert {&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Preformatted source remains intact, but scrolls only&lt;br /&gt;
   inside its own code box. */&lt;br /&gt;
.sf-manual-page pre,&lt;br /&gt;
.sf-manual-page .sf-codeblock,&lt;br /&gt;
.sf-manual-page .sf-codebox {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  white-space: pre;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Inline code inside tables and paragraphs may wrap. */&lt;br /&gt;
.sf-manual-page :not(pre) &amp;gt; code {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Tables may never establish the width of the whole page. */&lt;br /&gt;
.sf-manual-page .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page .sf-table th,&lt;br /&gt;
.sf-manual-page .sf-table td {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Explicit wrapper for tables that genuinely need more width. */&lt;br /&gt;
.sf-manual-page .sf-table-scroll {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Desktop manual layout. */&lt;br /&gt;
@media screen and (min-width: 901px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Mobile and narrow-tablet layout. */&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-content {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-page .sf-table th,&lt;br /&gt;
  .sf-manual-page .sf-table td {&lt;br /&gt;
    padding-left: 7px;&lt;br /&gt;
    padding-right: 7px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  /* Only deliberately wide tables scroll horizontally. */&lt;br /&gt;
  .sf-manual-page .sf-table-scroll .sf-table {&lt;br /&gt;
    width: 760px;&lt;br /&gt;
    min-width: 760px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ================================================================&lt;br /&gt;
   SINFAR WIKI MAIN v3.2 — RESPONSIVE PRODUCTION-READINESS PASS&lt;br /&gt;
   Complete premium-module replacement. Scoped to .sf-hub.&lt;br /&gt;
   ================================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-hub {&lt;br /&gt;
  --hub-void: #07090e;&lt;br /&gt;
  --hub-void-2: #0b0f17;&lt;br /&gt;
  --hub-plate: #0f131d;&lt;br /&gt;
  --hub-plate-2: #141923;&lt;br /&gt;
  --hub-brass: #c8a25c;&lt;br /&gt;
  --hub-brass-bright: #e6c987;&lt;br /&gt;
  --hub-line: rgba(200,162,92,.28);&lt;br /&gt;
  --hub-line-strong: rgba(200,162,92,.5);&lt;br /&gt;
  --hub-verdigris: #57b7a3;&lt;br /&gt;
  --hub-parchment: #ece1c9;&lt;br /&gt;
  --hub-slate: #9ba3b4;&lt;br /&gt;
  --hub-rose: #e0788a;&lt;br /&gt;
  --hub-display: &amp;quot;Trajan Pro 3&amp;quot;, &amp;quot;Cinzel&amp;quot;, &amp;quot;Palatino Linotype&amp;quot;, Palatino, Georgia, serif;&lt;br /&gt;
  --hub-reading: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Arial, sans-serif;&lt;br /&gt;
  --hub-mono: &amp;quot;Cascadia Code&amp;quot;, &amp;quot;Cascadia Mono&amp;quot;, Consolas, monospace;&lt;br /&gt;
  container: sf-hub / inline-size;&lt;br /&gt;
  overflow: clip;&lt;br /&gt;
  background:&lt;br /&gt;
    radial-gradient(circle at 50% 0, rgba(87,183,163,.04), transparent 34rem),&lt;br /&gt;
    var(--hub-void-2);&lt;br /&gt;
  color: var(--hub-parchment);&lt;br /&gt;
  font-family: var(--hub-reading);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub *, .sf-hub *::before, .sf-hub *::after { box-sizing: border-box; }&lt;br /&gt;
.sf-hub p, .sf-hub h1, .sf-hub h2, .sf-hub h3 { margin-block-start: 0; }&lt;br /&gt;
.sf-hub a, .sf-hub a:visited { color: inherit; text-decoration: none; }&lt;br /&gt;
.sf-hub a:hover { color: var(--hub-brass-bright); }&lt;br /&gt;
&lt;br /&gt;
/* Masthead */&lt;br /&gt;
.sf-hub-masthead {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: minmax(0,1fr) auto;&lt;br /&gt;
  grid-template-areas: &amp;quot;brand search&amp;quot; &amp;quot;nav nav&amp;quot;;&lt;br /&gt;
  margin-inline: -12px;&lt;br /&gt;
  border-block: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.98);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-brand {&lt;br /&gt;
  grid-area: brand;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  padding: 11px 14px;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-stewards { display: grid; width: 100%; min-width: 0; gap: 6px; }&lt;br /&gt;
.sf-hub-stewards-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--hub-verdigris); font: 700 .52rem/1.2 var(--hub-mono); letter-spacing: .15em; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-label strong { flex: none; color: var(--hub-rose); font-size: .49rem; letter-spacing: .12em; }&lt;br /&gt;
.sf-hub-stewards-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--hub-line); background: rgba(200,162,92,.025); }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div { display: grid; min-width: 0; gap: 2px; padding: 6px 5px 5px; border-right: 1px solid var(--hub-line); text-align: center; }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-stewards-list strong { overflow: hidden; color: var(--hub-brass-bright); font: 600 .6rem/1.15 var(--hub-mono); letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-list small { color: var(--hub-slate); font: 500 .46rem/1.2 var(--hub-reading); letter-spacing: .03em; }&lt;br /&gt;
&lt;br /&gt;
.sf-hub-search {&lt;br /&gt;
  grid-area: search;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-search a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 38px;&lt;br /&gt;
  padding: 0 13px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-nav {&lt;br /&gt;
  grid-area: nav;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2,minmax(0,1fr));&lt;br /&gt;
  border-top: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav-item { min-width: 0; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-hub-nav-item:nth-child(2n), .sf-hub-nav-item:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-nav-item:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
.sf-hub-nav a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .74rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .025em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 30px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 7px;&lt;br /&gt;
  background: linear-gradient(90deg,transparent,var(--hub-brass-bright),transparent);&lt;br /&gt;
  opacity: .72;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a:hover::after, .sf-hub-nav a:focus-visible::after { width: 46px; opacity: 1; }&lt;br /&gt;
.sf-hub-nav a:hover, .sf-hub-nav a:focus-visible { background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Hero */&lt;br /&gt;
.sf-hub-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: clamp(290px,74vw,410px);&lt;br /&gt;
  margin: 10px 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  background: var(--hub-void);&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-art, .sf-hub-hero-art &amp;gt; a, .sf-hub-hero-art &amp;gt; span,&lt;br /&gt;
.sf-hub-hero-art [typeof~=&amp;quot;mw:File&amp;quot;], .sf-hub-hero-art .mw-file-description { position: absolute; inset: 0; display: block; }&lt;br /&gt;
.sf-hub-hero-art img, .sf-hub-hero-art .mw-file-element { width: 100%; height: 100%; object-fit: cover; object-position: center; }&lt;br /&gt;
.sf-hub-hero::after {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background: linear-gradient(180deg,rgba(7,9,14,.08),rgba(7,9,14,.18) 40%,rgba(7,9,14,.82));&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy {&lt;br /&gt;
  position: static;&lt;br /&gt;
  align-self: center;&lt;br /&gt;
  justify-self: center;&lt;br /&gt;
  width: min(92%,720px);&lt;br /&gt;
  padding: 26px 16px 24px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-lockup, .sf-hub-hero-copy &amp;gt; p, .sf-hub-primary { position: relative; z-index: 2; }&lt;br /&gt;
.sf-hub-hero-lockup { width: clamp(15rem,38vw,27rem); margin: 9px auto 7px; line-height: 0; }&lt;br /&gt;
.sf-hub-hero-lockup img { display: block; width: 100%; height: auto; filter: drop-shadow(0 3px 5px rgba(0,0,0,.94)) drop-shadow(0 0 13px rgba(230,201,135,.22)); }&lt;br /&gt;
.sf-hub-kicker, .sf-hub-heading-label {&lt;br /&gt;
  color: var(--hub-verdigris);&lt;br /&gt;
  font: 700 .68rem/1.3 var(--hub-mono);&lt;br /&gt;
  letter-spacing: .2em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero .sf-hub-kicker {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: clamp(18px,3vw,30px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  z-index: 3;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  max-width: calc(100% - 24px);&lt;br /&gt;
  padding: 5px 12px 4px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.72);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  text-shadow: 0 1px 4px #000;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero h1 {&lt;br /&gt;
  margin: 7px 0 5px;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(2.35rem,12vw,4.6rem)/.95 var(--hub-display);&lt;br /&gt;
  letter-spacing: .1em;&lt;br /&gt;
  text-shadow: 0 2px 8px #000;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy &amp;gt; p { margin: 0 auto 15px; color: var(--hub-parchment); font-size: clamp(.86rem,2.8vw,1rem); }&lt;br /&gt;
.sf-hub-primary { display: inline-block; }&lt;br /&gt;
.sf-hub-primary a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 42px;&lt;br /&gt;
  padding: 0 20px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-brass);&lt;br /&gt;
  background: rgba(7,9,14,.84);&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font: 700 .74rem/1 var(--hub-display);&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Shared sections */&lt;br /&gt;
.sf-hub-section { padding: 34px 0 0; }&lt;br /&gt;
.sf-hub-heading { display: grid; gap: 6px; margin-bottom: 16px; }&lt;br /&gt;
.sf-hub-heading h2 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(1.35rem,5vw,1.85rem)/1.12 var(--hub-display);&lt;br /&gt;
  letter-spacing: .035em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-heading h2::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 56px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  background: linear-gradient(90deg,var(--hub-brass),transparent);&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tasks */&lt;br /&gt;
.sf-task-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-task {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 44px minmax(0,1fr);&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(180deg,rgba(15,19,29,.88),rgba(9,12,19,.94));&lt;br /&gt;
}&lt;br /&gt;
.sf-task-icon, .sf-access-icon {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 1.05rem/1 var(--hub-display);&lt;br /&gt;
}&lt;br /&gt;
.sf-task &amp;gt; span:last-child, .sf-access &amp;gt; span:last-child { display: grid; gap: 4px; min-width: 0; padding: 11px 12px; }&lt;br /&gt;
.sf-task strong, .sf-access strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-task small, .sf-access small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
.sf-task:hover, .sf-task:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.06); }&lt;br /&gt;
&lt;br /&gt;
/* Downloads and access */&lt;br /&gt;
.sf-access-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-access {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 46px minmax(0,1fr);&lt;br /&gt;
  min-height: 72px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(135deg,rgba(200,162,92,.07),rgba(15,19,29,.72));&lt;br /&gt;
}&lt;br /&gt;
.sf-access:hover, .sf-access:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Resource directories */&lt;br /&gt;
.sf-directory-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }&lt;br /&gt;
.sf-directory { --directory-accent: var(--hub-brass); min-width: 0; border: 1px solid var(--hub-line); border-top: 2px solid var(--directory-accent); background: linear-gradient(160deg,color-mix(in srgb,var(--directory-accent) 6%,var(--hub-plate)),var(--hub-void)); }&lt;br /&gt;
.sf-directory--blue { --directory-accent: #5e91b8; }&lt;br /&gt;
.sf-directory--green { --directory-accent: #6c9f62; }&lt;br /&gt;
.sf-directory-head { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; min-height: 62px; border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-directory-head &amp;gt; span { display: grid; height: 100%; place-items: center; border-right: 1px solid var(--hub-line); color: var(--hub-brass-bright); }&lt;br /&gt;
.sf-directory h3 { margin: 0; padding: 10px 12px; color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-directory-links { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 7px 14px 12px; color: var(--hub-parchment); font-size: .8rem; line-height: 1.7; }&lt;br /&gt;
.sf-directory-links br { display: none; }&lt;br /&gt;
.sf-directory-links a { padding: 3px 0; text-decoration: underline; text-decoration-color: var(--hub-line-strong); text-underline-offset: 3px; }&lt;br /&gt;
&lt;br /&gt;
/* Living world */&lt;br /&gt;
.sf-community-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-community { display: grid; gap: 5px; min-width: 0; padding: 14px 15px; border: 1px solid var(--hub-line); border-left: 2px solid #9a6cac; background: rgba(15,19,29,.65); }&lt;br /&gt;
.sf-community strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-community small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Category registry */&lt;br /&gt;
.sf-category-list { display: grid; grid-template-columns: minmax(0,1fr); border-top: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-category-list &amp;gt; div { display: grid; gap: 4px; min-width: 0; padding: 13px 14px; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); background: rgba(15,19,29,.45); }&lt;br /&gt;
.sf-category-list strong { color: var(--hub-parchment); font-size: .84rem; }&lt;br /&gt;
.sf-category-list small { color: var(--hub-slate); font-size: .75rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Footer */&lt;br /&gt;
.sf-hub-footer {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 36px;&lt;br /&gt;
  padding: 22px 0 8px;&lt;br /&gt;
  border-top: 1px solid var(--hub-line-strong);&lt;br /&gt;
  color: var(--hub-slate);&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-footer-brand { display: grid; gap: 2px; }&lt;br /&gt;
.sf-hub-footer strong { color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-hub-footer small { color: var(--hub-slate); }&lt;br /&gt;
.sf-hub-footer a { color: var(--hub-parchment) !important; }&lt;br /&gt;
&lt;br /&gt;
/* Responsive compositions */&lt;br /&gt;
@container sf-hub (min-width: 506px) {&lt;br /&gt;
  .sf-task-grid, .sf-community-grid, .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 666px) {&lt;br /&gt;
  .sf-hub-masthead { margin-inline: -16px; }&lt;br /&gt;
  .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
  .sf-hub-nav-item, .sf-hub-nav-item:nth-child(2n) { border-right: 1px solid var(--hub-line); border-bottom: 0; }&lt;br /&gt;
  .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
  .sf-hub-nav a { min-height: 48px; }&lt;br /&gt;
  .sf-hub-hero { min-height: clamp(390px,50vw,550px); margin-top: 8px; }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: auto; }&lt;br /&gt;
  .sf-hub-footer { grid-template-columns: minmax(190px,.7fr) minmax(0,2fr); align-items: end; }&lt;br /&gt;
  .sf-hub-footer-links { text-align: right; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 910px) {&lt;br /&gt;
  .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
  .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 1138px) {&lt;br /&gt;
  .sf-hub-masthead {&lt;br /&gt;
    grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto;&lt;br /&gt;
    grid-template-areas: &amp;quot;brand nav search&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-hub-brand { min-height: 64px; padding-block: 8px; }&lt;br /&gt;
  .sf-hub-nav { border-top: 0; }&lt;br /&gt;
  .sf-hub-nav-item { border-left: 1px solid var(--hub-line); }&lt;br /&gt;
  .sf-hub-nav a { min-height: 64px; font-size: .78rem; }&lt;br /&gt;
  .sf-hub-hero { min-height: 520px; }&lt;br /&gt;
  .sf-hub-hero-copy { padding-block: 28px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Accessibility and static-motion lock */&lt;br /&gt;
.sf-hub a:focus-visible { outline: 2px solid var(--hub-verdigris); outline-offset: -3px; }&lt;br /&gt;
.sf-hub .sf-task, .sf-hub .sf-access, .sf-hub .sf-directory,&lt;br /&gt;
.sf-hub .sf-community, .sf-hub .sf-category-list &amp;gt; div, .sf-hub img, .sf-hub a { transform: none !important; transition: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-hub *, .sf-hub *::before, .sf-hub *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@supports not (container-type: inline-size) {&lt;br /&gt;
  @media screen and (min-width: 720px) {&lt;br /&gt;
    .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
    .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
    .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
    .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  }&lt;br /&gt;
  @media screen and (min-width: 1200px) {&lt;br /&gt;
    .sf-hub-masthead { grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto; grid-template-areas: &amp;quot;brand nav search&amp;quot;; }&lt;br /&gt;
    .sf-hub-nav { border-top: 0; }&lt;br /&gt;
    .sf-hub-nav a { min-height: 64px; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
    .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Wiki Interior Pages v1.0&lt;br /&gt;
   Additive extension for the existing Visual System v3.0.&lt;br /&gt;
&lt;br /&gt;
   Required outer wrapper:&lt;br /&gt;
   &amp;lt;div class=&amp;quot;sf-page sf-article-page&amp;quot;&amp;gt; ... &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
   This module intentionally reuses the existing sf-page, sf-hero,&lt;br /&gt;
   sf-section-title, sf-table, sf-note, sf-quickbar and sf-footerlinks&lt;br /&gt;
   components. It does not replace the main-page module.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-article-page {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 1180px;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page &amp;gt; *,&lt;br /&gt;
.sf-article-page .sf-table-scroll,&lt;br /&gt;
.sf-article-page .sf-figure-grid,&lt;br /&gt;
.sf-article-page .sf-figure {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  padding: clamp(20px, 4vw, 38px);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  background:&lt;br /&gt;
    linear-gradient(110deg, rgba(8, 11, 15, .95), rgba(22, 18, 17, .86)),&lt;br /&gt;
    var(--sf-bg-hero);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: auto 22px 18px auto;&lt;br /&gt;
  width: 88px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  background: linear-gradient(90deg, transparent, var(--sf-gold));&lt;br /&gt;
  opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero h1 {&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-family: Georgia, &amp;quot;Times New Roman&amp;quot;, serif;&lt;br /&gt;
  font-size: clamp(2rem, 5vw, 3.35rem);&lt;br /&gt;
  line-height: 1.05;&lt;br /&gt;
  font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero p {&lt;br /&gt;
  max-width: 760px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta,&lt;br /&gt;
.sf-summary-grid,&lt;br /&gt;
.sf-route-grid,&lt;br /&gt;
.sf-figure-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta &amp;gt; div,&lt;br /&gt;
.sf-summary-grid &amp;gt; div,&lt;br /&gt;
.sf-route-grid &amp;gt; div {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  padding: 11px 13px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .52);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta b,&lt;br /&gt;
.sf-summary-grid b,&lt;br /&gt;
.sf-route-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta span,&lt;br /&gt;
.sf-summary-grid span {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-summary-grid {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-route-grid {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-route-grid &amp;gt; div {&lt;br /&gt;
  border-top-color: var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-prose {&lt;br /&gt;
  max-width: 900px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-lead {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: 1.05rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note {&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-left: 3px solid var(--sf-gold);&lt;br /&gt;
  background: rgba(216, 180, 106, .08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note--teal {&lt;br /&gt;
  border-color: rgba(83, 202, 188, .42);&lt;br /&gt;
  border-left-color: #53cabc;&lt;br /&gt;
  background: rgba(83, 202, 188, .07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note--red {&lt;br /&gt;
  border-color: rgba(159, 75, 62, .6);&lt;br /&gt;
  border-left-color: #c46858;&lt;br /&gt;
  background: rgba(159, 75, 62, .12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-code {&lt;br /&gt;
  display: block;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  padding: 9px 11px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: #090c11;&lt;br /&gt;
  color: #dbe5f0;&lt;br /&gt;
  font-family: Consolas, &amp;quot;Cascadia Mono&amp;quot;, monospace;&lt;br /&gt;
  font-size: .9rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216, 180, 106, .1);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table th,&lt;br /&gt;
.sf-article-page .sf-table td {&lt;br /&gt;
  padding: 9px 11px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table td:first-child {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure {&lt;br /&gt;
  display: block;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 7px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .56);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure &amp;gt; p,&lt;br /&gt;
.sf-figure span[typeof~=&amp;quot;mw:File&amp;quot;],&lt;br /&gt;
.sf-figure a.image,&lt;br /&gt;
.sf-figure a.mw-file-description {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page img,&lt;br /&gt;
.sf-figure img,&lt;br /&gt;
.sf-figure .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure img,&lt;br /&gt;
.sf-figure .mw-file-element {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure figcaption,&lt;br /&gt;
.sf-caption {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 7px 4px 2px;&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
  font-size: .86rem;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .48);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue h3 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-steps {&lt;br /&gt;
  margin: 8px 0 0;&lt;br /&gt;
  padding-left: 1.4rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-steps li {&lt;br /&gt;
  margin: 0 0 5px;&lt;br /&gt;
  padding-left: .2rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-footerlinks {&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
  .sf-article-meta,&lt;br /&gt;
  .sf-summary-grid,&lt;br /&gt;
  .sf-route-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-figure-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .sf-article-page {&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-hero {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-meta,&lt;br /&gt;
  .sf-summary-grid,&lt;br /&gt;
  .sf-route-grid,&lt;br /&gt;
  .sf-figure-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-table-scroll {&lt;br /&gt;
    margin-right: -2px;&lt;br /&gt;
    padding-bottom: 4px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-article-page *,&lt;br /&gt;
  .sf-article-page *::before,&lt;br /&gt;
  .sf-article-page *::after {&lt;br /&gt;
    scroll-behavior: auto !important;&lt;br /&gt;
    transition-duration: .01ms !important;&lt;br /&gt;
    animation-duration: .01ms !important;&lt;br /&gt;
    animation-iteration-count: 1 !important;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Solving_Client_or_Connection_Issues&amp;diff=1352</id>
		<title>Solving Client or Connection Issues</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Solving_Client_or_Connection_Issues&amp;diff=1352"/>
		<updated>2026-08-16T21:49:13Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Replace inline styling with scoped Sinfar Interior Pages v1.0 troubleshooting layout&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-troubleshooting-page&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Client Support&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Client &amp;amp;amp; Connection Issues&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Common fixes for crashes, missing files, graphical errors, connection failures, and client launch problems.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-grid&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Install Guide&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Getting Started|Confirm the correct setup path.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Required Files&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Hak Files|Check haks and overrides.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Client Settings&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Recommended Settings|Apply the stable baseline.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Client Extender&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Sinfar Client Extender (SinfarX)|Check the SinfarX launcher.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Before troubleshooting:&amp;lt;/b&amp;gt; verify that you followed the correct setup guide and installed every required file. Missing haks, missing overrides, incorrect settings, or the wrong launcher account for many apparent connection and crash problems.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note sf-note--teal&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Enhanced Edition:&amp;lt;/b&amp;gt; make sure the additional override files are installed. If the client consistently crashes in a specific area after installation, report the location on the [https://discord.gg/sinfar Sinfar Discord].&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Graphical Issues&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Faces Have a Metallic Texture&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;This usually means required override files are missing.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ol class=&amp;quot;sf-steps&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Download the required files from [[Hak Files]].&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Place the files in your &amp;lt;code&amp;gt;&amp;amp;lt;NWN&amp;amp;gt;\override&amp;lt;/code&amp;gt; folder.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;If you use Enhanced Edition, confirm that the files included by the SinfarX launcher are present.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Restart the client and test again.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;figure class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Issues 20190410-133524.png|720px|alt=Example of the metallic face texture caused by missing override files]]&amp;lt;figcaption&amp;gt;Example of missing override files.&amp;lt;/figcaption&amp;gt;&amp;lt;/figure&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Invisible Robes, Cloaks, or Wings&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;This can happen when using an older or unsupported NVIDIA graphics driver. Update the driver from the official [https://www.nvidia.com/Download/index.aspx NVIDIA Driver Downloads] page, restart the system, and test again.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Direct Connect&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Connect Without the Server List&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Click &amp;lt;b&amp;gt;Direct Connect&amp;lt;/b&amp;gt; and enter:&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;code class=&amp;quot;sf-code&amp;quot;&amp;gt;nwn.sinfar.net&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;If the server list fails, direct connect is usually the cleanest connection method.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;figure class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Connect 20190327-143046.png|720px|alt=Neverwinter Nights Direct Connect screen]]&amp;lt;figcaption&amp;gt;The Direct Connect screen.&amp;lt;/figcaption&amp;gt;&amp;lt;/figure&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Launch Directly Into Sinfar&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Create a shortcut to &amp;lt;code&amp;gt;sinfarx.exe&amp;lt;/code&amp;gt; and add the appropriate connection text after the executable path.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Player shortcut&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;code class=&amp;quot;sf-code&amp;quot;&amp;gt;+connect nwn.sinfar.net&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;DM client shortcut&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;code class=&amp;quot;sf-code&amp;quot;&amp;gt;-dmc +connect nwn.sinfar.net +password [insert DM password]&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Account &amp;amp;amp; Connection Errors&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Password Could Not Be Verified&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;This is usually a CD-key issue, not a password issue. The account may be tied to a different CD key from the one currently in use.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Find and use the previous CD key.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Unlock the account through [http://nwn.sinfar.net/my_account.php My Account] if you know the website password.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Use a player name that has not already been registered; check [https://nwn.sinfar.net/search_characters.php Character Search].&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;If you moved to a new computer or cannot access the account, contact an administrator through the [https://discord.gg/sinfar Sinfar Discord].&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;figure class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Connect 20190327-145432.png|720px|alt=Neverwinter Nights password verification error]]&amp;lt;figcaption&amp;gt;Connection verification error.&amp;lt;/figcaption&amp;gt;&amp;lt;/figure&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Server Is Not Responding or Timed Out&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;If the internet connection is working, the server appears online, and [https://nwn.sinfar.net nwn.sinfar.net] loads in a browser, changing the client port may fix the issue.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ol class=&amp;quot;sf-steps&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Open the NWN directory.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Open &amp;lt;code&amp;gt;nwnplayer.ini&amp;lt;/code&amp;gt; in a text editor.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Find the line beginning with &amp;lt;code&amp;gt;Client Port=&amp;lt;/code&amp;gt;.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Change the number to a value between &amp;lt;code&amp;gt;10000&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;65000&amp;lt;/code&amp;gt;.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Save the file and restart the game.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;br /&gt;
&amp;lt;figure class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Connect 20190327-151421.png|720px|alt=Neverwinter Nights server timeout message]]&amp;lt;figcaption&amp;gt;Server timeout message.&amp;lt;/figcaption&amp;gt;&amp;lt;/figure&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-issue&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;Booted After Choosing a Character&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;If the client reports that a doorway remains sealed behind an unknown magical barrier, the server may have detected a VPN or proxy.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Turn off the VPN or proxy and reconnect.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;If this is your real and stable IP address, contact an administrator on Discord.&amp;lt;/li&amp;gt;&lt;br /&gt;
  &amp;lt;li&amp;gt;Obtain an approval point in game.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Social &amp;amp;amp; Gameplay Issues&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;On the main Sinfar hub, you do not have to become involved in something you do not want. Sinfar provides rules and tools for handling unwanted situations. If those tools are not sufficient, report the issue to Sinfar Staff.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Side servers such as Arche Terre and Dreaded Lands may have additional rules while still following the main server rules. Non-connected side servers using Sinfar infrastructure may provide their own rules and experiences.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[Getting Started]] · [[Hak Files]] · [[Recommended Settings]] · [[Sinfar Client Extender (SinfarX)]] · [https://discord.gg/sinfar Ask on Discord]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Recommended_Settings&amp;diff=1351</id>
		<title>Recommended Settings</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Recommended_Settings&amp;diff=1351"/>
		<updated>2026-08-16T21:48:56Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Replace inline styling with scoped Sinfar Interior Pages v1.0 layout&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-settings-page&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;Client Configuration&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Recommended Settings&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;A stable starting point for smoother play on Sinfar. Apply the baseline first, test the client, and adjust visual preferences afterward.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-summary-grid&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Graphics Quality&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Good or Very Good&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Environmental Shadows&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Off&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Creature Shadows&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;None or Minimum&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;VSync&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Enabled&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Performance first:&amp;lt;/b&amp;gt; Neverwinter Nights is an older game running on modern hardware. Some visual settings can cause performance issues, crashes, or instability depending on the system. Higher settings are not always better in Diamond Edition.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Diamond Edition on Windows&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h3&amp;gt;Video Options&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-table-scroll&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;Setting&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;Recommended value&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Overall Graphics Quality&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Good or Very Good&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Texture Quality&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Max at 64 MB or higher&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Sky Boxes&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Enabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Environmental Shadows&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Disabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Creature Shadow Detail&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;None or Minimum&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Gamma&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Personal preference&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;figure class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Recommended settings 20190324-170418.png|800px|alt=Example of the recommended Neverwinter Nights video options]]&amp;lt;figcaption&amp;gt;Example Video Options configuration.&amp;lt;/figcaption&amp;gt;&amp;lt;/figure&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h3&amp;gt;Advanced Video Options&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-table-scroll&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;Setting&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;Recommended value&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Grass&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Fast Grass or lower&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Creature / Grass Wind&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Off&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Dynamic Lights&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;High&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Shadow Casting Lights&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Max&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Antialiasing&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Nice 4 Sample&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Texture Animation&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Enabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Environmental Mapping&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Enabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Visual Effects High&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Enabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Shiny Water&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Disabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;VSync&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Enabled&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;High Resolution Font&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Personal preference&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;figure class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Recommended settings 20190324-175818.png|800px|alt=Example of the recommended Neverwinter Nights advanced video options]]&amp;lt;figcaption&amp;gt;Example Advanced Video Options configuration.&amp;lt;/figcaption&amp;gt;&amp;lt;/figure&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Other Client Settings&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Control Options, Game Options, Resolution, and Game Feedback Options are mostly personal preference. Resolution depends on whether you prefer fullscreen or windowed play.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;For additional client-side configuration, review the [https://nwn.fandom.com/wiki/Nwn.ini nwn.ini] and [https://nwn.fandom.com/wiki/Nwnplayer.ini nwnplayer.ini] references.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Diamond Edition on Lutris&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Once Neverwinter Nights appears under your installed games in Lutris, right-click the banner and select &amp;lt;b&amp;gt;Configure&amp;lt;/b&amp;gt;. Under Game Info, you may rename the game to Sinfar if desired; this changes only how it appears to you.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h3&amp;gt;Game Options&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Change the executable from:&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;code class=&amp;quot;sf-code&amp;quot;&amp;gt;NWN.EXE&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;to:&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;code class=&amp;quot;sf-code&amp;quot;&amp;gt;Sinfarx.EXE&amp;lt;/code&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;The remaining paths should usually not need to be changed.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h3&amp;gt;Runner Options&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-table-scroll&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;table class=&amp;quot;sf-table&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;Setting&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;Recommended value&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;E-sync&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Off&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;F-sync&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Off&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;AMD FSR&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Off&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;BattlEye&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Off&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Easy Anti-cheat&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Off&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;Windowed Virtual Desktop&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;On&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note sf-note--teal&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Still having trouble?&amp;lt;/b&amp;gt; Apply the baseline, restart the client, and then use the connection guide to isolate the remaining problem.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[Getting Started]] · [[Solving Client or Connection Issues]] · [[Sinfar Client Extender (SinfarX)]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=About_Sinfar&amp;diff=1350</id>
		<title>About Sinfar</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=About_Sinfar&amp;diff=1350"/>
		<updated>2026-08-16T21:48:37Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Refit About Sinfar to the scoped v1.0 interior page system&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div class=&amp;quot;sf-page sf-article-page sf-about-page&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hero&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-eyebrow&amp;quot;&amp;gt;A Persistent World Since 2010&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;About Sinfar&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;A player-shaped Neverwinter Nights world built around roleplay, character expression, shared adventures, and creative freedom for an adult community.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-article-meta&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Founded&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;2010&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Community&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;International · LGBTQ+ friendly&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Play Styles&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Roleplay · PvE · Controlled PvP&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Audience&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&amp;lt;span&amp;gt;Adults 18+&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-prose&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;sf-lead&amp;quot;&amp;gt;Welcome to Sinfar: a persistent game world built with the Neverwinter Nights Aurora Engine and sustained by years of volunteer-created content.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;p&amp;gt;Sinfar is a sandbox environment where players socialize, roleplay, develop characters, explore stories, run raid-level content, and participate in controlled or factional PvP. The world is shaped not only by its systems, but by the players, builders, artists, writers, and volunteers who continue to expand it.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Create the Character You Imagine&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-grid-2&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-card sf-card--gold&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h3&amp;gt;Deep Character Expression&amp;lt;/h3&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;Sinfar offers extensive character and costume tools. Racial and physical features can be adjusted, costume pieces can be tinted, and a wide range of accessories can be used to build a distinctive appearance.&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div class=&amp;quot;sf-card sf-card--blue&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h3&amp;gt;A Player-Shaped Sandbox&amp;lt;/h3&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;Players have broad freedom to create the kinds of characters and stories they want to explore. Custom shapes can also be created to support a particular character concept or experience.&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-figure-grid&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;figure class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:CtF_3.jpg|640px|alt=Characters meeting on a Sinfar battlefield]]&amp;lt;figcaption&amp;gt;Carnage on the battlefield.&amp;lt;/figcaption&amp;gt;&amp;lt;/figure&amp;gt;&lt;br /&gt;
  &amp;lt;figure class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Image9.jpg|640px|alt=A customized barbarian character in Sinfar]]&amp;lt;figcaption&amp;gt;Character creation supports a wide range of appearances.&amp;lt;/figcaption&amp;gt;&amp;lt;/figure&amp;gt;&lt;br /&gt;
  &amp;lt;figure class=&amp;quot;sf-figure&amp;quot;&amp;gt;[[File:Image11.jpg|960px|alt=Players gathered for a Sinfar beach party]]&amp;lt;figcaption&amp;gt;Community events bring players together beyond adventuring.&amp;lt;/figcaption&amp;gt;&amp;lt;/figure&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;A Community Across Worlds&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-prose&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Sinfar has a large and welcoming LGBTQ+ population, with players joining from multiple continents and bringing global perspectives into the same shared world. The community is proud of both its players and the volunteers who help make the server a place to play, create, and spend time together.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-note sf-note--teal&amp;quot;&amp;gt;&amp;lt;b&amp;gt;Adult community:&amp;lt;/b&amp;gt; Sinfar is an 18+ server. Its adult designation supports creative freedom in roleplay while remaining subject to the server’s rules, consent expectations, and community standards.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h2 class=&amp;quot;sf-section-title&amp;quot;&amp;gt;Choose Your Next Step&amp;lt;/h2&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-route-grid&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;New Player Setup&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Getting Started|Install the client files and connect.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Community Standards&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Rules|Read the rules before entering the world.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Playing Sinfar&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[Character Customisation|Begin with character customisation.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div&amp;gt;&amp;lt;b&amp;gt;Building Sinfar&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;[[The Sinfar Wiki Contribution Guide|Help document the world and its systems.]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-footerlinks&amp;quot;&amp;gt;[[Main Page|Return to Main Page]] · [[Getting Started]] · [[Rules]] · [https://discord.gg/sinfar Join the Sinfar Discord]&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1349</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1349"/>
		<updated>2026-08-16T21:47:32Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Add scoped Sinfar Interior Pages v1.0 article components&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ============================================================&lt;br /&gt;
   Sinfar Wiki Visual System v3.0&lt;br /&gt;
   Unified Common.css Framework&lt;br /&gt;
   Scope doctrine:&lt;br /&gt;
   - New/refit pages use: &amp;lt;div class=&amp;quot;sf-page&amp;quot;&amp;gt;&lt;br /&gt;
   - Legacy pages may still use .sinfar-page / .sf-card / .sf-heading&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   1. DESIGN TOKENS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
  --sf-bg-page: #0f141b;&lt;br /&gt;
  --sf-bg-shell: #11161d;&lt;br /&gt;
  --sf-bg-panel: rgba(18, 14, 12, .78);&lt;br /&gt;
  --sf-bg-panel-solid: #181214;&lt;br /&gt;
  --sf-bg-panel-soft: rgba(216, 180, 106, .08);&lt;br /&gt;
  --sf-bg-hero: linear-gradient(135deg, #21150f, #3a2417);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-border: rgba(216, 180, 106, .28);&lt;br /&gt;
  --sf-border-strong: rgba(216, 180, 106, .48);&lt;br /&gt;
  --sf-border-muted: rgba(244, 239, 230, .09);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-text: #f4efe6;&lt;br /&gt;
  --sf-text-muted: #c9bda9;&lt;br /&gt;
  --sf-gold: #d8b46a;&lt;br /&gt;
  --sf-gold-bright: #f0d28a;&lt;br /&gt;
  --sf-link: #8fc6ff;&lt;br /&gt;
  --sf-link-hover: #b8d6ff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-red: #9f4b3e;&lt;br /&gt;
  --sf-green: #2f5d3a;&lt;br /&gt;
  --sf-blue: #334e7a;&lt;br /&gt;
  --sf-purple: #60456f;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-radius-sm: 7px;&lt;br /&gt;
  --sf-radius-md: 10px;&lt;br /&gt;
  --sf-gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   2. SOVEREIGN PAGE SHELL&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page,&lt;br /&gt;
.sinfar-page {&lt;br /&gt;
  background: var(--sf-bg-shell);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 16px;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
  font-size: 14px;&lt;br /&gt;
  box-shadow: 0 0 22px rgba(0,0,0,.35);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page *,&lt;br /&gt;
.sinfar-page * {&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a,&lt;br /&gt;
.sf-page a:visited,&lt;br /&gt;
.sf-page a.external,&lt;br /&gt;
.sf-page a.external:visited,&lt;br /&gt;
.sinfar-page a,&lt;br /&gt;
.sinfar-page a:visited,&lt;br /&gt;
.sinfar-page a.external,&lt;br /&gt;
.sinfar-page a.external:visited {&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a:hover,&lt;br /&gt;
.sinfar-page a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page code,&lt;br /&gt;
.sinfar-page code {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
  padding: 1px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   3. TYPOGRAPHY&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page h1,&lt;br /&gt;
.sf-page h2,&lt;br /&gt;
.sf-page h3,&lt;br /&gt;
.sinfar-page h1,&lt;br /&gt;
.sinfar-page h2,&lt;br /&gt;
.sinfar-page h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-section-title,&lt;br /&gt;
.sf-heading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  margin: 18px 0 8px;&lt;br /&gt;
  padding-bottom: 3px;&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-subheading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 10px 0 6px;&lt;br /&gt;
  font-size: 1.15rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-muted {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-label,&lt;br /&gt;
.sf-name {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-center {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   4. HEROES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero,&lt;br /&gt;
.sf-hero-compact {&lt;br /&gt;
  background: var(--sf-bg-hero);&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 14px 18px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero h1,&lt;br /&gt;
.sf-hero-compact h1,&lt;br /&gt;
.sf-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 4px;&lt;br /&gt;
  font-size: 1.85rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero p,&lt;br /&gt;
.sf-hero-compact p,&lt;br /&gt;
.sf-subtitle {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-eyebrow {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main {&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main h1 {&lt;br /&gt;
  font-size: 2.35rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   5. GRIDS / STATUS TILES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2,&lt;br /&gt;
.sf-grid-3,&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-grid-5,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status { grid-template-columns: repeat(4, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid &amp;gt; div,&lt;br /&gt;
.sf-start-status &amp;gt; div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid b,&lt;br /&gt;
.sf-start-status b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid span,&lt;br /&gt;
.sf-start-status span {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   6. QUICKBARS / INDEX GRIDS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar,&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar &amp;gt; div,&lt;br /&gt;
.sf-index-grid &amp;gt; div,&lt;br /&gt;
.sf-pathline {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar b,&lt;br /&gt;
.sf-index-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
============================================================&lt;br /&gt;
   6A. REFERENCE MANUAL LAYOUT&lt;br /&gt;
   Reusable side directory for long technical documentation.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content [id] {&lt;br /&gt;
  scroll-margin-top: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 12px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  max-height: calc(100vh - 24px);&lt;br /&gt;
  overflow-y: auto;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  padding-bottom: 7px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-group {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin: 12px 0 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a,&lt;br /&gt;
.sf-manual-toc a:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 5px 1px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example {&lt;br /&gt;
  background: rgba(216,180,106,.06);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  margin: 7px 0 9px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-color-swatch {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 22px;&lt;br /&gt;
  height: 14px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin-right: 7px;&lt;br /&gt;
  border: 1px solid rgba(255,255,255,.28);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  vertical-align: -2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
===========================================================&lt;br /&gt;
   7. DECISION PANELS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.25fr 1fr 1fr;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision,&lt;br /&gt;
.sf-card,&lt;br /&gt;
.sf-panel {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-primary {&lt;br /&gt;
  border-color: rgba(240,210,138,.58);&lt;br /&gt;
  background: linear-gradient(135deg, rgba(60,38,20,.88), rgba(18,14,12,.78));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-kicker {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  letter-spacing: .07em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   8. ACTION LISTS / BUTTONS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 12px 0 0 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list li {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a,&lt;br /&gt;
.sf-action-list a:visited,&lt;br /&gt;
.sf-action-list a.external,&lt;br /&gt;
.sf-action-list a.external:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: rgba(216,180,106,.10);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.32);&lt;br /&gt;
  border-radius: 7px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  color: #8fc6ff;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a:hover,&lt;br /&gt;
.sf-action-list a.external:hover {&lt;br /&gt;
  background: rgba(216,180,106,.16);&lt;br /&gt;
  border-color: rgba(240,210,138,.48);&lt;br /&gt;
  color: #b8d6ff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   9. TABLES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  border-collapse: collapse;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table td {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
  padding: 7px 10px;&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table tr:last-child td {&lt;br /&gt;
  border-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll .sf-table {&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value,&lt;br /&gt;
.sf-good {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value {&lt;br /&gt;
  color: #f4c96b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-good {&lt;br /&gt;
  color: #9fe6bd;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Standard table column helpers */&lt;br /&gt;
.sf-channel-table th:nth-child(1),&lt;br /&gt;
.sf-channel-table td:nth-child(1) { width: 14%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(2),&lt;br /&gt;
.sf-channel-table td:nth-child(2) { width: 31%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(3),&lt;br /&gt;
.sf-channel-table td:nth-child(3) { width: 37%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(4),&lt;br /&gt;
.sf-channel-table td:nth-child(4) { width: 18%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(1),&lt;br /&gt;
.sf-setup-table td:nth-child(1) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(2),&lt;br /&gt;
.sf-setup-table td:nth-child(2) { width: 52%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(3),&lt;br /&gt;
.sf-setup-table td:nth-child(3) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   10. BADGES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: 2px 7px;&lt;br /&gt;
  margin: 1px 2px 1px 0;&lt;br /&gt;
  font-size: .78rem;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge-ic { background: #2f5d3a; color: #eaffef; }&lt;br /&gt;
.sf-badge-ooc { background: #334e7a; color: #eef4ff; }&lt;br /&gt;
.sf-badge-dm { background: #6f3b3b; color: #fff0f0; }&lt;br /&gt;
.sf-badge-range { background: #5f4c27; color: #fff2c2; }&lt;br /&gt;
.sf-badge-area { background: #60456f; color: #f7eaff; }&lt;br /&gt;
.sf-badge-support { background: #4e5563; color: #f0f3f8; }&lt;br /&gt;
.sf-badge-best { background: #6a5423; color: #fff0bd; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   11. ALERTS / NOTES / RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note,&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning,&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  margin: 8px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.24);&lt;br /&gt;
  border-left: 4px solid #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert b,&lt;br /&gt;
.sf-warning b {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-info {&lt;br /&gt;
  background: rgba(38,58,92,.34);&lt;br /&gt;
  border-left-color: #6fa8dc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border-left-color: #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-danger,&lt;br /&gt;
.sf-note--red {&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
  border-left-color: var(--sf-red);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  border-left: 4px solid var(--sf-red);&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   12. PROGRESS LINES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line b {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  line-height: 24px;&lt;br /&gt;
  background: rgba(216,180,106,.24);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line span {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   13. CODE / SCRIPTING DOCS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock,&lt;br /&gt;
.sf-codebox,&lt;br /&gt;
.sf-page pre,&lt;br /&gt;
.sinfar-page pre {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock code,&lt;br /&gt;
.sf-codebox code,&lt;br /&gt;
.sf-page pre code,&lt;br /&gt;
.sinfar-page pre code {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* &lt;br /&gt;
============================================================&lt;br /&gt;
   14. IMAGES / SCREENSHOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 6px;&lt;br /&gt;
  margin: 8px 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame img {&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
/* &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
============================================================&lt;br /&gt;
   MAIN PAGE IMAGE SLOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot{&lt;br /&gt;
    position:relative;&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
    border:1px solid var(--sf-border);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    background:#120d10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot img{&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    height:100%;&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   15. CHAT CHANNEL COLOR LOCKS&lt;br /&gt;
   Match in-game channel color identity.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan {&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-shout   { color: #feef50; }&lt;br /&gt;
.sf-chan-dm      { color: #f67271; }&lt;br /&gt;
.sf-chan-event   { color: #ab23f2; }&lt;br /&gt;
.sf-chan-action  { color: #b56a23; }&lt;br /&gt;
.sf-chan-ooc     { color: #b1a2bd; }&lt;br /&gt;
.sf-chan-pvp     { color: #fe5f2e; }&lt;br /&gt;
.sf-chan-sex     { color: #f520e1; }&lt;br /&gt;
.sf-chan-build   { color: #b7f520; }&lt;br /&gt;
.sf-chan-ffa     { color: #20bff0; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-talk    { color: #fefefe; }&lt;br /&gt;
.sf-chan-whisper { color: #b0b0b0; }&lt;br /&gt;
.sf-chan-quiet   { color: #777777; }&lt;br /&gt;
.sf-chan-silent  { color: #666666; }&lt;br /&gt;
.sf-chan-yell    { color: #d92324; }&lt;br /&gt;
.sf-chan-party   { color: #fefefe; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   16. FOOTERS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footerlinks,&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  margin-top: 14px;&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  border-top: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  padding: 12px 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   17. LEGACY COMPATIBILITY&lt;br /&gt;
   Keeps older remaster pages readable without preserving chaos.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--gold,&lt;br /&gt;
.sf-table--gold {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border-color: var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--green,&lt;br /&gt;
.sf-table--green {&lt;br /&gt;
  background: rgba(17,26,18,.82);&lt;br /&gt;
  border-color: rgba(68,107,53,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--blue,&lt;br /&gt;
.sf-table--blue {&lt;br /&gt;
  background: rgba(16,24,32,.82);&lt;br /&gt;
  border-color: rgba(52,87,122,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--red,&lt;br /&gt;
.sf-table--red {&lt;br /&gt;
  background: rgba(26,16,16,.82);&lt;br /&gt;
  border-color: rgba(122,52,47,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--purple,&lt;br /&gt;
.sf-table--purple {&lt;br /&gt;
  background: rgba(25,17,29,.82);&lt;br /&gt;
  border-color: rgba(91,59,120,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-heading--gold { color: var(--sf-gold-bright); border-bottom-color: var(--sf-border); }&lt;br /&gt;
.sf-heading--green { color: #91d38f; border-bottom-color: #446b35; }&lt;br /&gt;
.sf-heading--blue { color: #8fc6ff; border-bottom-color: #34577a; }&lt;br /&gt;
.sf-heading--red { color: #ff9c8f; border-bottom-color: #7a342f; }&lt;br /&gt;
.sf-heading--purple { color: #c49cff; border-bottom-color: #5b3b78; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  margin: 9px 0 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket th {&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  padding: 9px 12px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket td {&lt;br /&gt;
  background: rgba(18,14,12,.72);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   18. LISTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page ul,&lt;br /&gt;
.sf-page ol,&lt;br /&gt;
.sinfar-page ul,&lt;br /&gt;
.sinfar-page ol {&lt;br /&gt;
  margin: 6px 0 8px;&lt;br /&gt;
  padding-left: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page li,&lt;br /&gt;
.sinfar-page li {&lt;br /&gt;
  margin: 2px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   19. MOBILE RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-decision-grid,&lt;br /&gt;
  .sf-index-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
  .sf-page,&lt;br /&gt;
  .sinfar-page {&lt;br /&gt;
    padding: 12px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-quickbar,&lt;br /&gt;
  .sf-grid-2,&lt;br /&gt;
  .sf-grid-3,&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status,&lt;br /&gt;
  .sf-progress-line {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-table {&lt;br /&gt;
    table-layout: auto;&lt;br /&gt;
    font-size: .92rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-channel-table th:nth-child(n),&lt;br /&gt;
  .sf-channel-table td:nth-child(n),&lt;br /&gt;
  .sf-setup-table th:nth-child(n),&lt;br /&gt;
  .sf-setup-table td:nth-child(n) {&lt;br /&gt;
    width: auto;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Main Page Module v1.0&lt;br /&gt;
   Purpose: cinematic front-door layout for Main Page only.&lt;br /&gt;
   Requires wrapper: &amp;lt;div class=&amp;quot;sf-page sf-main-page&amp;quot;&amp;gt;&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page {&lt;br /&gt;
  max-width: 1320px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Cinematic Main Hero ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  aspect-ratio: 16 / 9;&lt;br /&gt;
  min-height: 0;&lt;br /&gt;
&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  padding: 64px 48px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Hero Artwork ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 0;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: inherit;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; a,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; span,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Flat dark overlay for text readability. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
&lt;br /&gt;
  background: rgba(5, 8, 12, .48);&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Keep hero text above the artwork and overlay. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main &amp;gt; :not(.sf-hero-art-slot) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main h1 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
&lt;br /&gt;
  font-size: 3.15rem;&lt;br /&gt;
  line-height: 1.08;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
  text-shadow:&lt;br /&gt;
    0 2px 3px rgba(0,0,0,.95),&lt;br /&gt;
    0 0 14px rgba(0,0,0,.78);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main .sf-eyebrow,&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  text-shadow: 0 2px 4px rgba(0,0,0,.95);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  max-width: 680px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: 1.08rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision {&lt;br /&gt;
  min-height: 300px;&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision h3 {&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Feature Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-grid-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card {&lt;br /&gt;
  min-height: 190px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Action Links ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links {&lt;br /&gt;
  margin-top: 12px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  box-shadow: none;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a,&lt;br /&gt;
.sf-main-page .sf-action-links a:visited,&lt;br /&gt;
.sf-main-page .sf-action-links a.external,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:visited {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a:hover,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Community Strip ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
  gap: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Responsive Layout ---------- */&lt;br /&gt;
&lt;br /&gt;
/* Split desktop, tablets, landscape */&lt;br /&gt;
@media screen and (min-width: 721px) and (max-width: 860px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision,&lt;br /&gt;
  .sf-main-page .sf-card {&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 32px 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.35rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Phones */&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3,&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 24px 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.1rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Small phones */&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main .sf-eyebrow {&lt;br /&gt;
    font-size: .66rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    font-size: 1.85rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main p {&lt;br /&gt;
    margin-bottom: 7px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================================&lt;br /&gt;
   MAIN PAGE COMMUNITY LINKS — DISCORD / PATREON&lt;br /&gt;
   ========================================================= */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 8px 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 58px;&lt;br /&gt;
  padding: 8px 16px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Control MediaWiki-generated wrappers around file images. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link &amp;gt; p,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; span,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; a,&lt;br /&gt;
.sf-main-page .community-link .mw-file-description {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link img,&lt;br /&gt;
.sf-main-page .community-link .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: 30px;&lt;br /&gt;
  max-width: 82%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--discord {&lt;br /&gt;
  background-color: #5865f2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--patreon {&lt;br /&gt;
  background-color: #ff424d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
  .sf-main-page .community-link-grid {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   MAIN PAGE — COLORED CARD SYSTEM&lt;br /&gt;
   Static layered gradients only. No glow, blur, or filters.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Shared Card Construction ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card,&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: #181214;&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      135deg,&lt;br /&gt;
      rgba(255,255,255,.025) 0%,&lt;br /&gt;
      transparent 34%,&lt;br /&gt;
      rgba(0,0,0,.12) 70%,&lt;br /&gt;
      rgba(0,0,0,.24) 100%&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      118deg,&lt;br /&gt;
      rgba(255,255,255,.014) 0,&lt;br /&gt;
      rgba(255,255,255,.014) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 7px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Subtle inner line without glow or shadow. */&lt;br /&gt;
.sf-main-page .sf-journey-card::after,&lt;br /&gt;
.sf-main-page .sf-feature-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 4px;&lt;br /&gt;
  z-index: -1;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
  border: 1px solid rgba(244,239,230,.035);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Card Header ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  min-height: 48px;&lt;br /&gt;
  margin: -22px -22px 14px;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: var(--sf-card-head, rgba(216,180,106,.10));&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      90deg,&lt;br /&gt;
      rgba(255,255,255,.035),&lt;br /&gt;
      transparent 48%,&lt;br /&gt;
      rgba(0,0,0,.16)&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      120deg,&lt;br /&gt;
      rgba(255,255,255,.012) 0,&lt;br /&gt;
      rgba(255,255,255,.012) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 6px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border-bottom: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head h3 {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Header Icon Slot ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  width: 38px;&lt;br /&gt;
  height: 38px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon img,&lt;br /&gt;
.sf-main-page .sf-card-icon .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.42);&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Featured System Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.34);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head {&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  margin: -14px -14px 12px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head h3 {&lt;br /&gt;
  font-size: 1.02rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-icon {&lt;br /&gt;
  width: 23px;&lt;br /&gt;
  height: 23px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-action-links {&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   CATEGORY THEMES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* New arrivals — crimson */&lt;br /&gt;
.sf-main-page .sf-theme-crimson {&lt;br /&gt;
  --sf-card-head: rgba(83,20,20,.92);&lt;br /&gt;
  --sf-card-border: rgba(155,69,57,.70);&lt;br /&gt;
  background-color: #1b1011;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Player resources — midnight blue */&lt;br /&gt;
.sf-main-page .sf-theme-blue {&lt;br /&gt;
  --sf-card-head: rgba(18,46,74,.94);&lt;br /&gt;
  --sf-card-border: rgba(62,104,143,.72);&lt;br /&gt;
  background-color: #101922;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Builder resources — forest green */&lt;br /&gt;
.sf-main-page .sf-theme-green {&lt;br /&gt;
  --sf-card-head: rgba(29,65,38,.94);&lt;br /&gt;
  --sf-card-border: rgba(65,110,67,.72);&lt;br /&gt;
  background-color: #111a14;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Community — royal purple */&lt;br /&gt;
.sf-main-page .sf-theme-purple {&lt;br /&gt;
  --sf-card-head: rgba(67,32,79,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,68,124,.72);&lt;br /&gt;
  background-color: #19121d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Housing — slate blue */&lt;br /&gt;
.sf-main-page .sf-theme-slate {&lt;br /&gt;
  --sf-card-head: rgba(40,57,72,.94);&lt;br /&gt;
  --sf-card-border: rgba(76,102,123,.72);&lt;br /&gt;
  background-color: #141a1f;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Businesses — warm tavern bronze */&lt;br /&gt;
.sf-main-page .sf-theme-bronze {&lt;br /&gt;
  --sf-card-head: rgba(83,52,24,.94);&lt;br /&gt;
  --sf-card-border: rgba(133,89,43,.72);&lt;br /&gt;
  background-color: #1d1610;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Character development — arcane violet */&lt;br /&gt;
.sf-main-page .sf-theme-arcane {&lt;br /&gt;
  --sf-card-head: rgba(68,42,88,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,70,132,.72);&lt;br /&gt;
  background-color: #19131e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Dungeon running — deep teal */&lt;br /&gt;
.sf-main-page .sf-theme-teal {&lt;br /&gt;
  --sf-card-head: rgba(21,62,66,.94);&lt;br /&gt;
  --sf-card-border: rgba(48,104,108,.72);&lt;br /&gt;
  background-color: #101b1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* PvP — battle red */&lt;br /&gt;
.sf-main-page .sf-theme-battle {&lt;br /&gt;
  --sf-card-head: rgba(92,31,26,.94);&lt;br /&gt;
  --sf-card-border: rgba(145,65,54,.74);&lt;br /&gt;
  background-color: #1c1110;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Custom scripting — dark builder green */&lt;br /&gt;
.sf-main-page .sf-theme-script {&lt;br /&gt;
  --sf-card-head: rgba(37,67,42,.94);&lt;br /&gt;
  --sf-card-border: rgba(71,111,73,.72);&lt;br /&gt;
  background-color: #121a13;&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   REFERENCE MANUAL — DEFINITIVE WIDTH CONTAINMENT&lt;br /&gt;
   Keeps later source examples from widening the entire manual.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page,&lt;br /&gt;
.sf-manual-layout,&lt;br /&gt;
.sf-manual-content,&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Every direct manual component must be permitted to shrink. */&lt;br /&gt;
.sf-manual-content &amp;gt; *,&lt;br /&gt;
.sf-manual-example,&lt;br /&gt;
.sf-manual-page .sf-card,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert,&lt;br /&gt;
.sf-manual-page .sf-quickbar,&lt;br /&gt;
.sf-manual-page .sf-start-status,&lt;br /&gt;
.sf-manual-page .sf-progress-line,&lt;br /&gt;
.sf-manual-page .sf-img-frame,&lt;br /&gt;
.sf-manual-page .sf-footerlinks {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Ordinary prose and callout content must wrap. */&lt;br /&gt;
.sf-manual-page p,&lt;br /&gt;
.sf-manual-page li,&lt;br /&gt;
.sf-manual-page dd,&lt;br /&gt;
.sf-manual-page span,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert {&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Preformatted source remains intact, but scrolls only&lt;br /&gt;
   inside its own code box. */&lt;br /&gt;
.sf-manual-page pre,&lt;br /&gt;
.sf-manual-page .sf-codeblock,&lt;br /&gt;
.sf-manual-page .sf-codebox {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  white-space: pre;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Inline code inside tables and paragraphs may wrap. */&lt;br /&gt;
.sf-manual-page :not(pre) &amp;gt; code {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Tables may never establish the width of the whole page. */&lt;br /&gt;
.sf-manual-page .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page .sf-table th,&lt;br /&gt;
.sf-manual-page .sf-table td {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Explicit wrapper for tables that genuinely need more width. */&lt;br /&gt;
.sf-manual-page .sf-table-scroll {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Desktop manual layout. */&lt;br /&gt;
@media screen and (min-width: 901px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Mobile and narrow-tablet layout. */&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-content {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-page .sf-table th,&lt;br /&gt;
  .sf-manual-page .sf-table td {&lt;br /&gt;
    padding-left: 7px;&lt;br /&gt;
    padding-right: 7px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  /* Only deliberately wide tables scroll horizontally. */&lt;br /&gt;
  .sf-manual-page .sf-table-scroll .sf-table {&lt;br /&gt;
    width: 760px;&lt;br /&gt;
    min-width: 760px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ================================================================&lt;br /&gt;
   SINFAR WIKI MAIN v3.2 — RESPONSIVE PRODUCTION-READINESS PASS&lt;br /&gt;
   Complete premium-module replacement. Scoped to .sf-hub.&lt;br /&gt;
   ================================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-hub {&lt;br /&gt;
  --hub-void: #07090e;&lt;br /&gt;
  --hub-void-2: #0b0f17;&lt;br /&gt;
  --hub-plate: #0f131d;&lt;br /&gt;
  --hub-plate-2: #141923;&lt;br /&gt;
  --hub-brass: #c8a25c;&lt;br /&gt;
  --hub-brass-bright: #e6c987;&lt;br /&gt;
  --hub-line: rgba(200,162,92,.28);&lt;br /&gt;
  --hub-line-strong: rgba(200,162,92,.5);&lt;br /&gt;
  --hub-verdigris: #57b7a3;&lt;br /&gt;
  --hub-parchment: #ece1c9;&lt;br /&gt;
  --hub-slate: #9ba3b4;&lt;br /&gt;
  --hub-rose: #e0788a;&lt;br /&gt;
  --hub-display: &amp;quot;Trajan Pro 3&amp;quot;, &amp;quot;Cinzel&amp;quot;, &amp;quot;Palatino Linotype&amp;quot;, Palatino, Georgia, serif;&lt;br /&gt;
  --hub-reading: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Arial, sans-serif;&lt;br /&gt;
  --hub-mono: &amp;quot;Cascadia Code&amp;quot;, &amp;quot;Cascadia Mono&amp;quot;, Consolas, monospace;&lt;br /&gt;
  container: sf-hub / inline-size;&lt;br /&gt;
  overflow: clip;&lt;br /&gt;
  background:&lt;br /&gt;
    radial-gradient(circle at 50% 0, rgba(87,183,163,.04), transparent 34rem),&lt;br /&gt;
    var(--hub-void-2);&lt;br /&gt;
  color: var(--hub-parchment);&lt;br /&gt;
  font-family: var(--hub-reading);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub *, .sf-hub *::before, .sf-hub *::after { box-sizing: border-box; }&lt;br /&gt;
.sf-hub p, .sf-hub h1, .sf-hub h2, .sf-hub h3 { margin-block-start: 0; }&lt;br /&gt;
.sf-hub a, .sf-hub a:visited { color: inherit; text-decoration: none; }&lt;br /&gt;
.sf-hub a:hover { color: var(--hub-brass-bright); }&lt;br /&gt;
&lt;br /&gt;
/* Masthead */&lt;br /&gt;
.sf-hub-masthead {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: minmax(0,1fr) auto;&lt;br /&gt;
  grid-template-areas: &amp;quot;brand search&amp;quot; &amp;quot;nav nav&amp;quot;;&lt;br /&gt;
  margin-inline: -12px;&lt;br /&gt;
  border-block: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.98);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-brand {&lt;br /&gt;
  grid-area: brand;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  padding: 11px 14px;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-stewards { display: grid; width: 100%; min-width: 0; gap: 6px; }&lt;br /&gt;
.sf-hub-stewards-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--hub-verdigris); font: 700 .52rem/1.2 var(--hub-mono); letter-spacing: .15em; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-label strong { flex: none; color: var(--hub-rose); font-size: .49rem; letter-spacing: .12em; }&lt;br /&gt;
.sf-hub-stewards-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--hub-line); background: rgba(200,162,92,.025); }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div { display: grid; min-width: 0; gap: 2px; padding: 6px 5px 5px; border-right: 1px solid var(--hub-line); text-align: center; }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-stewards-list strong { overflow: hidden; color: var(--hub-brass-bright); font: 600 .6rem/1.15 var(--hub-mono); letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-list small { color: var(--hub-slate); font: 500 .46rem/1.2 var(--hub-reading); letter-spacing: .03em; }&lt;br /&gt;
&lt;br /&gt;
.sf-hub-search {&lt;br /&gt;
  grid-area: search;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-search a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 38px;&lt;br /&gt;
  padding: 0 13px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-nav {&lt;br /&gt;
  grid-area: nav;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2,minmax(0,1fr));&lt;br /&gt;
  border-top: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav-item { min-width: 0; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-hub-nav-item:nth-child(2n), .sf-hub-nav-item:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-nav-item:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
.sf-hub-nav a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .74rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .025em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 30px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 7px;&lt;br /&gt;
  background: linear-gradient(90deg,transparent,var(--hub-brass-bright),transparent);&lt;br /&gt;
  opacity: .72;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a:hover::after, .sf-hub-nav a:focus-visible::after { width: 46px; opacity: 1; }&lt;br /&gt;
.sf-hub-nav a:hover, .sf-hub-nav a:focus-visible { background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Hero */&lt;br /&gt;
.sf-hub-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: clamp(290px,74vw,410px);&lt;br /&gt;
  margin: 10px 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  background: var(--hub-void);&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-art, .sf-hub-hero-art &amp;gt; a, .sf-hub-hero-art &amp;gt; span,&lt;br /&gt;
.sf-hub-hero-art [typeof~=&amp;quot;mw:File&amp;quot;], .sf-hub-hero-art .mw-file-description { position: absolute; inset: 0; display: block; }&lt;br /&gt;
.sf-hub-hero-art img, .sf-hub-hero-art .mw-file-element { width: 100%; height: 100%; object-fit: cover; object-position: center; }&lt;br /&gt;
.sf-hub-hero::after {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background: linear-gradient(180deg,rgba(7,9,14,.08),rgba(7,9,14,.18) 40%,rgba(7,9,14,.82));&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy {&lt;br /&gt;
  position: static;&lt;br /&gt;
  align-self: center;&lt;br /&gt;
  justify-self: center;&lt;br /&gt;
  width: min(92%,720px);&lt;br /&gt;
  padding: 26px 16px 24px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-lockup, .sf-hub-hero-copy &amp;gt; p, .sf-hub-primary { position: relative; z-index: 2; }&lt;br /&gt;
.sf-hub-hero-lockup { width: clamp(15rem,38vw,27rem); margin: 9px auto 7px; line-height: 0; }&lt;br /&gt;
.sf-hub-hero-lockup img { display: block; width: 100%; height: auto; filter: drop-shadow(0 3px 5px rgba(0,0,0,.94)) drop-shadow(0 0 13px rgba(230,201,135,.22)); }&lt;br /&gt;
.sf-hub-kicker, .sf-hub-heading-label {&lt;br /&gt;
  color: var(--hub-verdigris);&lt;br /&gt;
  font: 700 .68rem/1.3 var(--hub-mono);&lt;br /&gt;
  letter-spacing: .2em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero .sf-hub-kicker {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: clamp(18px,3vw,30px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  z-index: 3;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  max-width: calc(100% - 24px);&lt;br /&gt;
  padding: 5px 12px 4px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.72);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  text-shadow: 0 1px 4px #000;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero h1 {&lt;br /&gt;
  margin: 7px 0 5px;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(2.35rem,12vw,4.6rem)/.95 var(--hub-display);&lt;br /&gt;
  letter-spacing: .1em;&lt;br /&gt;
  text-shadow: 0 2px 8px #000;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy &amp;gt; p { margin: 0 auto 15px; color: var(--hub-parchment); font-size: clamp(.86rem,2.8vw,1rem); }&lt;br /&gt;
.sf-hub-primary { display: inline-block; }&lt;br /&gt;
.sf-hub-primary a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 42px;&lt;br /&gt;
  padding: 0 20px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-brass);&lt;br /&gt;
  background: rgba(7,9,14,.84);&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font: 700 .74rem/1 var(--hub-display);&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Shared sections */&lt;br /&gt;
.sf-hub-section { padding: 34px 0 0; }&lt;br /&gt;
.sf-hub-heading { display: grid; gap: 6px; margin-bottom: 16px; }&lt;br /&gt;
.sf-hub-heading h2 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(1.35rem,5vw,1.85rem)/1.12 var(--hub-display);&lt;br /&gt;
  letter-spacing: .035em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-heading h2::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 56px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  background: linear-gradient(90deg,var(--hub-brass),transparent);&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tasks */&lt;br /&gt;
.sf-task-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-task {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 44px minmax(0,1fr);&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(180deg,rgba(15,19,29,.88),rgba(9,12,19,.94));&lt;br /&gt;
}&lt;br /&gt;
.sf-task-icon, .sf-access-icon {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 1.05rem/1 var(--hub-display);&lt;br /&gt;
}&lt;br /&gt;
.sf-task &amp;gt; span:last-child, .sf-access &amp;gt; span:last-child { display: grid; gap: 4px; min-width: 0; padding: 11px 12px; }&lt;br /&gt;
.sf-task strong, .sf-access strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-task small, .sf-access small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
.sf-task:hover, .sf-task:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.06); }&lt;br /&gt;
&lt;br /&gt;
/* Downloads and access */&lt;br /&gt;
.sf-access-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-access {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 46px minmax(0,1fr);&lt;br /&gt;
  min-height: 72px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(135deg,rgba(200,162,92,.07),rgba(15,19,29,.72));&lt;br /&gt;
}&lt;br /&gt;
.sf-access:hover, .sf-access:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Resource directories */&lt;br /&gt;
.sf-directory-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }&lt;br /&gt;
.sf-directory { --directory-accent: var(--hub-brass); min-width: 0; border: 1px solid var(--hub-line); border-top: 2px solid var(--directory-accent); background: linear-gradient(160deg,color-mix(in srgb,var(--directory-accent) 6%,var(--hub-plate)),var(--hub-void)); }&lt;br /&gt;
.sf-directory--blue { --directory-accent: #5e91b8; }&lt;br /&gt;
.sf-directory--green { --directory-accent: #6c9f62; }&lt;br /&gt;
.sf-directory-head { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; min-height: 62px; border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-directory-head &amp;gt; span { display: grid; height: 100%; place-items: center; border-right: 1px solid var(--hub-line); color: var(--hub-brass-bright); }&lt;br /&gt;
.sf-directory h3 { margin: 0; padding: 10px 12px; color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-directory-links { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 7px 14px 12px; color: var(--hub-parchment); font-size: .8rem; line-height: 1.7; }&lt;br /&gt;
.sf-directory-links br { display: none; }&lt;br /&gt;
.sf-directory-links a { padding: 3px 0; text-decoration: underline; text-decoration-color: var(--hub-line-strong); text-underline-offset: 3px; }&lt;br /&gt;
&lt;br /&gt;
/* Living world */&lt;br /&gt;
.sf-community-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-community { display: grid; gap: 5px; min-width: 0; padding: 14px 15px; border: 1px solid var(--hub-line); border-left: 2px solid #9a6cac; background: rgba(15,19,29,.65); }&lt;br /&gt;
.sf-community strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-community small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Category registry */&lt;br /&gt;
.sf-category-list { display: grid; grid-template-columns: minmax(0,1fr); border-top: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-category-list &amp;gt; div { display: grid; gap: 4px; min-width: 0; padding: 13px 14px; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); background: rgba(15,19,29,.45); }&lt;br /&gt;
.sf-category-list strong { color: var(--hub-parchment); font-size: .84rem; }&lt;br /&gt;
.sf-category-list small { color: var(--hub-slate); font-size: .75rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Footer */&lt;br /&gt;
.sf-hub-footer {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 36px;&lt;br /&gt;
  padding: 22px 0 8px;&lt;br /&gt;
  border-top: 1px solid var(--hub-line-strong);&lt;br /&gt;
  color: var(--hub-slate);&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-footer-brand { display: grid; gap: 2px; }&lt;br /&gt;
.sf-hub-footer strong { color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-hub-footer small { color: var(--hub-slate); }&lt;br /&gt;
.sf-hub-footer a { color: var(--hub-parchment) !important; }&lt;br /&gt;
&lt;br /&gt;
/* Responsive compositions */&lt;br /&gt;
@container sf-hub (min-width: 506px) {&lt;br /&gt;
  .sf-task-grid, .sf-community-grid, .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 666px) {&lt;br /&gt;
  .sf-hub-masthead { margin-inline: -16px; }&lt;br /&gt;
  .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
  .sf-hub-nav-item, .sf-hub-nav-item:nth-child(2n) { border-right: 1px solid var(--hub-line); border-bottom: 0; }&lt;br /&gt;
  .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
  .sf-hub-nav a { min-height: 48px; }&lt;br /&gt;
  .sf-hub-hero { min-height: clamp(390px,50vw,550px); margin-top: 8px; }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: auto; }&lt;br /&gt;
  .sf-hub-footer { grid-template-columns: minmax(190px,.7fr) minmax(0,2fr); align-items: end; }&lt;br /&gt;
  .sf-hub-footer-links { text-align: right; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 910px) {&lt;br /&gt;
  .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
  .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 1138px) {&lt;br /&gt;
  .sf-hub-masthead {&lt;br /&gt;
    grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto;&lt;br /&gt;
    grid-template-areas: &amp;quot;brand nav search&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-hub-brand { min-height: 64px; padding-block: 8px; }&lt;br /&gt;
  .sf-hub-nav { border-top: 0; }&lt;br /&gt;
  .sf-hub-nav-item { border-left: 1px solid var(--hub-line); }&lt;br /&gt;
  .sf-hub-nav a { min-height: 64px; font-size: .78rem; }&lt;br /&gt;
  .sf-hub-hero { min-height: 520px; }&lt;br /&gt;
  .sf-hub-hero-copy { padding-block: 28px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Accessibility and static-motion lock */&lt;br /&gt;
.sf-hub a:focus-visible { outline: 2px solid var(--hub-verdigris); outline-offset: -3px; }&lt;br /&gt;
.sf-hub .sf-task, .sf-hub .sf-access, .sf-hub .sf-directory,&lt;br /&gt;
.sf-hub .sf-community, .sf-hub .sf-category-list &amp;gt; div, .sf-hub img, .sf-hub a { transform: none !important; transition: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-hub *, .sf-hub *::before, .sf-hub *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@supports not (container-type: inline-size) {&lt;br /&gt;
  @media screen and (min-width: 720px) {&lt;br /&gt;
    .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
    .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
    .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
    .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  }&lt;br /&gt;
  @media screen and (min-width: 1200px) {&lt;br /&gt;
    .sf-hub-masthead { grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto; grid-template-areas: &amp;quot;brand nav search&amp;quot;; }&lt;br /&gt;
    .sf-hub-nav { border-top: 0; }&lt;br /&gt;
    .sf-hub-nav a { min-height: 64px; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
    .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Wiki Interior Pages v1.0&lt;br /&gt;
   Additive extension for the existing Visual System v3.0.&lt;br /&gt;
&lt;br /&gt;
   Required outer wrapper:&lt;br /&gt;
   &amp;lt;div class=&amp;quot;sf-page sf-article-page&amp;quot;&amp;gt; ... &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
   This module intentionally reuses the existing sf-page, sf-hero,&lt;br /&gt;
   sf-section-title, sf-table, sf-note, sf-quickbar and sf-footerlinks&lt;br /&gt;
   components. It does not replace the main-page module.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-article-page {&lt;br /&gt;
  max-width: 1180px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  padding: clamp(20px, 4vw, 38px);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  background:&lt;br /&gt;
    linear-gradient(110deg, rgba(8, 11, 15, .95), rgba(22, 18, 17, .86)),&lt;br /&gt;
    var(--sf-bg-hero);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: auto 22px 18px auto;&lt;br /&gt;
  width: 88px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  background: linear-gradient(90deg, transparent, var(--sf-gold));&lt;br /&gt;
  opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero h1 {&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-family: Georgia, &amp;quot;Times New Roman&amp;quot;, serif;&lt;br /&gt;
  font-size: clamp(2rem, 5vw, 3.35rem);&lt;br /&gt;
  line-height: 1.05;&lt;br /&gt;
  font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-hero p {&lt;br /&gt;
  max-width: 760px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta,&lt;br /&gt;
.sf-summary-grid,&lt;br /&gt;
.sf-route-grid,&lt;br /&gt;
.sf-figure-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta &amp;gt; div,&lt;br /&gt;
.sf-summary-grid &amp;gt; div,&lt;br /&gt;
.sf-route-grid &amp;gt; div {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  padding: 11px 13px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .52);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta b,&lt;br /&gt;
.sf-summary-grid b,&lt;br /&gt;
.sf-route-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-meta span,&lt;br /&gt;
.sf-summary-grid span {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-summary-grid {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-route-grid {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-route-grid &amp;gt; div {&lt;br /&gt;
  border-top-color: var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-prose {&lt;br /&gt;
  max-width: 900px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-lead {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: 1.05rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note {&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-left: 3px solid var(--sf-gold);&lt;br /&gt;
  background: rgba(216, 180, 106, .08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note--teal {&lt;br /&gt;
  border-color: rgba(83, 202, 188, .42);&lt;br /&gt;
  border-left-color: #53cabc;&lt;br /&gt;
  background: rgba(83, 202, 188, .07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-note--red {&lt;br /&gt;
  border-color: rgba(159, 75, 62, .6);&lt;br /&gt;
  border-left-color: #c46858;&lt;br /&gt;
  background: rgba(159, 75, 62, .12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-code {&lt;br /&gt;
  display: block;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  padding: 9px 11px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: #090c11;&lt;br /&gt;
  color: #dbe5f0;&lt;br /&gt;
  font-family: Consolas, &amp;quot;Cascadia Mono&amp;quot;, monospace;&lt;br /&gt;
  font-size: .9rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216, 180, 106, .1);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table th,&lt;br /&gt;
.sf-article-page .sf-table td {&lt;br /&gt;
  padding: 9px 11px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-table td:first-child {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 7px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .56);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-figure figcaption,&lt;br /&gt;
.sf-caption {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 7px 4px 2px;&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
  font-size: .86rem;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  background: rgba(8, 11, 15, .48);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue h3 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-issue &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-steps {&lt;br /&gt;
  margin: 8px 0 0;&lt;br /&gt;
  padding-left: 1.4rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-steps li {&lt;br /&gt;
  margin: 0 0 5px;&lt;br /&gt;
  padding-left: .2rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-article-page .sf-footerlinks {&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 900px) {&lt;br /&gt;
  .sf-article-meta,&lt;br /&gt;
  .sf-summary-grid,&lt;br /&gt;
  .sf-route-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-figure-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .sf-article-page {&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-hero {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-meta,&lt;br /&gt;
  .sf-summary-grid,&lt;br /&gt;
  .sf-route-grid,&lt;br /&gt;
  .sf-figure-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-article-page .sf-table-scroll {&lt;br /&gt;
    margin-right: -2px;&lt;br /&gt;
    padding-bottom: 4px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-article-page *,&lt;br /&gt;
  .sf-article-page *::before,&lt;br /&gt;
  .sf-article-page *::after {&lt;br /&gt;
    scroll-behavior: auto !important;&lt;br /&gt;
    transition-duration: .01ms !important;&lt;br /&gt;
    animation-duration: .01ms !important;&lt;br /&gt;
    animation-iteration-count: 1 !important;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=Main_Page&amp;diff=1345</id>
		<title>Main Page</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=Main_Page&amp;diff=1345"/>
		<updated>2026-08-05T22:22:08Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Launch the new responsive Sinfar Wiki main page&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
__NOTOC__&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-page sf-main-page sf-hub&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-masthead&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-brand&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-stewards&amp;quot; aria-label=&amp;quot;Sinfar server ownership and adult-content notice&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-stewards-label&amp;quot;&amp;gt;&amp;lt;span&amp;gt;World Stewards&amp;lt;/span&amp;gt;&amp;lt;strong&amp;gt;18+ Roleplay&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-stewards-list&amp;quot;&amp;gt;&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Lockon&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Server Owner&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;NelaK&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Owner · Host&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Badger0&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Server Owner&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-search&amp;quot;&amp;gt;[[Special:Search|Search Wiki]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-nav&amp;quot; role=&amp;quot;navigation&amp;quot; aria-label=&amp;quot;Primary&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-nav-item&amp;quot;&amp;gt;[[#Begin Here|Start Here]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-nav-item&amp;quot;&amp;gt;[[#Player Resources|Players]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-nav-item&amp;quot;&amp;gt;[[#Build, Script &amp;amp; Support|Builders]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-nav-item&amp;quot;&amp;gt;[[#Player Resources|Systems]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-nav-item&amp;quot;&amp;gt;[[#Living World &amp;amp; Community|Living World]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-hero&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-hero-art&amp;quot;&amp;gt;[[File:Sinfar_Main_Islands_1400.jpg|link=|alt=The island world of Sinfar]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-hero-copy&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-kicker&amp;quot;&amp;gt;Passage Aboard · The Sinfar Wiki&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-hero-lockup&amp;quot; aria-label=&amp;quot;Sinfar&amp;quot;&amp;gt;[[File:Sinfar_Hero_Lockup_Gold.png|link=|alt=Sinfar]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Forge your legend. Build your home. Shape the world.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-primary&amp;quot;&amp;gt;[[Getting Started|Begin Your Journey ›]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-section sf-hub-section--begin&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading-label&amp;quot;&amp;gt;Passage Aboard&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;Begin Here&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-task-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;✦&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[About Sinfar]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Meet the server and its persistent world.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-task-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;⌂&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[The Sinfar Wiki Contribution Guide|Contribute to the Wiki]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Help keep Sinfar&#039;s knowledge current. [[Creating a New Page|Create your first page ›]]&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-task-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;▣&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[Recommended Settings]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Configure the client for a smoother experience.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-task&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-task-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;⌕&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[Solving Client or Connection Issues|Connection Issues]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Troubleshoot login, connection, and client problems.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-section sf-hub-section--access&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading-label&amp;quot;&amp;gt;Client Registry&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;Downloads &amp;amp;amp; Access&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-access-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-access&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-access-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;▥&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[Hak Files|Sinfar Hak Files]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Required custom content used by the server.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-access&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-access-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;✦&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[Sinfar Client Extender (SinfarX)|SinfarX Client Extender]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Client-side extension and quality-of-life support.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-access&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sf-access-icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;⚔&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;strong&amp;gt;[[Rules|Server Rules]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Standards for participating in the Sinfar community.&amp;lt;/small&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-section sf-hub-section--players&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading-label&amp;quot;&amp;gt;Play Your Story&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;Player Resources&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory sf-directory--blue&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-head&amp;quot;&amp;gt;&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;◆&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Character &amp;amp;amp; Roleplay&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-links&amp;quot;&amp;gt;[[Character Customisation]]&amp;lt;br&amp;gt;[[Chat Commands]]&amp;lt;br&amp;gt;[[Chat Channels]]&amp;lt;br&amp;gt;[[Custom Emotes]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory sf-directory--blue&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-head&amp;quot;&amp;gt;&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;⚔&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Gameplay Systems&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-links&amp;quot;&amp;gt;[[Campfire Cooking]]&amp;lt;br&amp;gt;[[Dungeon Running]]&amp;lt;br&amp;gt;[[Magical Items]]&amp;lt;br&amp;gt;[[House Scripts]]&amp;lt;br&amp;gt;[[Player Housing]]&amp;lt;br&amp;gt;[[PvP Changes]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory sf-directory--blue&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-head&amp;quot;&amp;gt;&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;✥&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Character Mechanics&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-links&amp;quot;&amp;gt;[[Class Changes]]&amp;lt;br&amp;gt;[[Feat Changes]]&amp;lt;br&amp;gt;[[Spell Changes]]&amp;lt;br&amp;gt;[[Class Bonuses]]&amp;lt;br&amp;gt;[[Racial Changes]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-section sf-hub-section--builders&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading-label&amp;quot;&amp;gt;Create the World&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;Build, Script &amp;amp;amp; Support&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory sf-directory--green&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-head&amp;quot;&amp;gt;&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;✦&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Supporter Resources&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-links&amp;quot;&amp;gt;[[Custom Scripting]]&amp;lt;br&amp;gt;[[Your Resources]]&amp;lt;br&amp;gt;[[All Supporter Resources]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory sf-directory--green&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-head&amp;quot;&amp;gt;&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;⚒&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Builder Resources&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-links&amp;quot;&amp;gt;[[Creature Event System]]&amp;lt;br&amp;gt;[[Registered Events]]&amp;lt;br&amp;gt;[[Variable Events]]&amp;lt;br&amp;gt;[[Builder List]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-directory sf-directory--green&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-head&amp;quot;&amp;gt;&amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;▦&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Scripter Resources&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sf-directory-links&amp;quot;&amp;gt;[[Common Includes]]&amp;lt;br&amp;gt;[[Category:Systems|Scripting Systems]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-section sf-hub-section--world&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-hub-heading-label&amp;quot;&amp;gt;A Living Realm&amp;lt;/div&amp;gt;&amp;lt;h2&amp;gt;Living World &amp;amp;amp; Community&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-community-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-community&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;[[Living World]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Events, guilds, news, and the stories of Sinfar.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-community&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;[https://discord.gg/sinfar Discord]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Join the active community conversation.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-community&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;[https://forum.sinfar.net/ Forums]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Long-form community and server discussions.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-community&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;[https://nwn.sinfar.net/ Main Website]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Account, server, and player-facing services.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-section sf-hub-section--categories&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-heading&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sf-hub-heading-label&amp;quot;&amp;gt;Knowledge Registry&amp;lt;/div&amp;gt;&amp;lt;h2&amp;gt;Wiki Categories&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-category-list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;[[:Category:Builder Contributions|Builder Contributions]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;ERF guides and builder-contribution instructions.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;[[:Category:Builders Tools|Builders Tools]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Documentation for tools used by builders.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;[[:Category:Sinfar Supporters|Sinfar Supporters]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Tools and resources primarily used by supporters.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;[[:Category:Player Businesses|Player Businesses]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Lore for in-game player establishments.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;[[:Category:Builder Businesses|Builder Businesses]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Builder-made businesses outside player houses.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;[[:Category:Player Tools|Player Tools]]&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Useful tools and references for all players.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-footer&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-footer-brand&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Sinfar Wiki&amp;lt;/strong&amp;gt;&amp;lt;small&amp;gt;Knowledge for a living world.&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sf-hub-footer-links&amp;quot;&amp;gt;[[Special:RecentChanges|Recent Changes]] · [[Special:Random|Random Page]] · [[The Sinfar Wiki Contribution Guide|Contribution Guide]] · [[Creating a New Page]] · [[Special:Search|Search]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1344</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1344"/>
		<updated>2026-08-05T22:20:12Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Anchor hero kicker to the artwork frame rather than the centered copy group&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ============================================================&lt;br /&gt;
   Sinfar Wiki Visual System v3.0&lt;br /&gt;
   Unified Common.css Framework&lt;br /&gt;
   Scope doctrine:&lt;br /&gt;
   - New/refit pages use: &amp;lt;div class=&amp;quot;sf-page&amp;quot;&amp;gt;&lt;br /&gt;
   - Legacy pages may still use .sinfar-page / .sf-card / .sf-heading&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   1. DESIGN TOKENS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
  --sf-bg-page: #0f141b;&lt;br /&gt;
  --sf-bg-shell: #11161d;&lt;br /&gt;
  --sf-bg-panel: rgba(18, 14, 12, .78);&lt;br /&gt;
  --sf-bg-panel-solid: #181214;&lt;br /&gt;
  --sf-bg-panel-soft: rgba(216, 180, 106, .08);&lt;br /&gt;
  --sf-bg-hero: linear-gradient(135deg, #21150f, #3a2417);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-border: rgba(216, 180, 106, .28);&lt;br /&gt;
  --sf-border-strong: rgba(216, 180, 106, .48);&lt;br /&gt;
  --sf-border-muted: rgba(244, 239, 230, .09);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-text: #f4efe6;&lt;br /&gt;
  --sf-text-muted: #c9bda9;&lt;br /&gt;
  --sf-gold: #d8b46a;&lt;br /&gt;
  --sf-gold-bright: #f0d28a;&lt;br /&gt;
  --sf-link: #8fc6ff;&lt;br /&gt;
  --sf-link-hover: #b8d6ff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-red: #9f4b3e;&lt;br /&gt;
  --sf-green: #2f5d3a;&lt;br /&gt;
  --sf-blue: #334e7a;&lt;br /&gt;
  --sf-purple: #60456f;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-radius-sm: 7px;&lt;br /&gt;
  --sf-radius-md: 10px;&lt;br /&gt;
  --sf-gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   2. SOVEREIGN PAGE SHELL&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page,&lt;br /&gt;
.sinfar-page {&lt;br /&gt;
  background: var(--sf-bg-shell);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 16px;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
  font-size: 14px;&lt;br /&gt;
  box-shadow: 0 0 22px rgba(0,0,0,.35);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page *,&lt;br /&gt;
.sinfar-page * {&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a,&lt;br /&gt;
.sf-page a:visited,&lt;br /&gt;
.sf-page a.external,&lt;br /&gt;
.sf-page a.external:visited,&lt;br /&gt;
.sinfar-page a,&lt;br /&gt;
.sinfar-page a:visited,&lt;br /&gt;
.sinfar-page a.external,&lt;br /&gt;
.sinfar-page a.external:visited {&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a:hover,&lt;br /&gt;
.sinfar-page a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page code,&lt;br /&gt;
.sinfar-page code {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
  padding: 1px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   3. TYPOGRAPHY&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page h1,&lt;br /&gt;
.sf-page h2,&lt;br /&gt;
.sf-page h3,&lt;br /&gt;
.sinfar-page h1,&lt;br /&gt;
.sinfar-page h2,&lt;br /&gt;
.sinfar-page h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-section-title,&lt;br /&gt;
.sf-heading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  margin: 18px 0 8px;&lt;br /&gt;
  padding-bottom: 3px;&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-subheading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 10px 0 6px;&lt;br /&gt;
  font-size: 1.15rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-muted {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-label,&lt;br /&gt;
.sf-name {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-center {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   4. HEROES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero,&lt;br /&gt;
.sf-hero-compact {&lt;br /&gt;
  background: var(--sf-bg-hero);&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 14px 18px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero h1,&lt;br /&gt;
.sf-hero-compact h1,&lt;br /&gt;
.sf-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 4px;&lt;br /&gt;
  font-size: 1.85rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero p,&lt;br /&gt;
.sf-hero-compact p,&lt;br /&gt;
.sf-subtitle {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-eyebrow {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main {&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main h1 {&lt;br /&gt;
  font-size: 2.35rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   5. GRIDS / STATUS TILES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2,&lt;br /&gt;
.sf-grid-3,&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-grid-5,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status { grid-template-columns: repeat(4, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid &amp;gt; div,&lt;br /&gt;
.sf-start-status &amp;gt; div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid b,&lt;br /&gt;
.sf-start-status b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid span,&lt;br /&gt;
.sf-start-status span {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   6. QUICKBARS / INDEX GRIDS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar,&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar &amp;gt; div,&lt;br /&gt;
.sf-index-grid &amp;gt; div,&lt;br /&gt;
.sf-pathline {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar b,&lt;br /&gt;
.sf-index-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
============================================================&lt;br /&gt;
   6A. REFERENCE MANUAL LAYOUT&lt;br /&gt;
   Reusable side directory for long technical documentation.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content [id] {&lt;br /&gt;
  scroll-margin-top: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 12px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  max-height: calc(100vh - 24px);&lt;br /&gt;
  overflow-y: auto;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  padding-bottom: 7px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-group {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin: 12px 0 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a,&lt;br /&gt;
.sf-manual-toc a:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 5px 1px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example {&lt;br /&gt;
  background: rgba(216,180,106,.06);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  margin: 7px 0 9px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-color-swatch {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 22px;&lt;br /&gt;
  height: 14px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin-right: 7px;&lt;br /&gt;
  border: 1px solid rgba(255,255,255,.28);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  vertical-align: -2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
===========================================================&lt;br /&gt;
   7. DECISION PANELS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.25fr 1fr 1fr;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision,&lt;br /&gt;
.sf-card,&lt;br /&gt;
.sf-panel {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-primary {&lt;br /&gt;
  border-color: rgba(240,210,138,.58);&lt;br /&gt;
  background: linear-gradient(135deg, rgba(60,38,20,.88), rgba(18,14,12,.78));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-kicker {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  letter-spacing: .07em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   8. ACTION LISTS / BUTTONS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 12px 0 0 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list li {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a,&lt;br /&gt;
.sf-action-list a:visited,&lt;br /&gt;
.sf-action-list a.external,&lt;br /&gt;
.sf-action-list a.external:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: rgba(216,180,106,.10);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.32);&lt;br /&gt;
  border-radius: 7px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  color: #8fc6ff;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a:hover,&lt;br /&gt;
.sf-action-list a.external:hover {&lt;br /&gt;
  background: rgba(216,180,106,.16);&lt;br /&gt;
  border-color: rgba(240,210,138,.48);&lt;br /&gt;
  color: #b8d6ff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   9. TABLES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  border-collapse: collapse;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table td {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
  padding: 7px 10px;&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table tr:last-child td {&lt;br /&gt;
  border-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll .sf-table {&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value,&lt;br /&gt;
.sf-good {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value {&lt;br /&gt;
  color: #f4c96b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-good {&lt;br /&gt;
  color: #9fe6bd;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Standard table column helpers */&lt;br /&gt;
.sf-channel-table th:nth-child(1),&lt;br /&gt;
.sf-channel-table td:nth-child(1) { width: 14%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(2),&lt;br /&gt;
.sf-channel-table td:nth-child(2) { width: 31%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(3),&lt;br /&gt;
.sf-channel-table td:nth-child(3) { width: 37%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(4),&lt;br /&gt;
.sf-channel-table td:nth-child(4) { width: 18%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(1),&lt;br /&gt;
.sf-setup-table td:nth-child(1) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(2),&lt;br /&gt;
.sf-setup-table td:nth-child(2) { width: 52%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(3),&lt;br /&gt;
.sf-setup-table td:nth-child(3) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   10. BADGES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: 2px 7px;&lt;br /&gt;
  margin: 1px 2px 1px 0;&lt;br /&gt;
  font-size: .78rem;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge-ic { background: #2f5d3a; color: #eaffef; }&lt;br /&gt;
.sf-badge-ooc { background: #334e7a; color: #eef4ff; }&lt;br /&gt;
.sf-badge-dm { background: #6f3b3b; color: #fff0f0; }&lt;br /&gt;
.sf-badge-range { background: #5f4c27; color: #fff2c2; }&lt;br /&gt;
.sf-badge-area { background: #60456f; color: #f7eaff; }&lt;br /&gt;
.sf-badge-support { background: #4e5563; color: #f0f3f8; }&lt;br /&gt;
.sf-badge-best { background: #6a5423; color: #fff0bd; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   11. ALERTS / NOTES / RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note,&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning,&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  margin: 8px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.24);&lt;br /&gt;
  border-left: 4px solid #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert b,&lt;br /&gt;
.sf-warning b {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-info {&lt;br /&gt;
  background: rgba(38,58,92,.34);&lt;br /&gt;
  border-left-color: #6fa8dc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border-left-color: #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-danger,&lt;br /&gt;
.sf-note--red {&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
  border-left-color: var(--sf-red);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  border-left: 4px solid var(--sf-red);&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   12. PROGRESS LINES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line b {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  line-height: 24px;&lt;br /&gt;
  background: rgba(216,180,106,.24);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line span {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   13. CODE / SCRIPTING DOCS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock,&lt;br /&gt;
.sf-codebox,&lt;br /&gt;
.sf-page pre,&lt;br /&gt;
.sinfar-page pre {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock code,&lt;br /&gt;
.sf-codebox code,&lt;br /&gt;
.sf-page pre code,&lt;br /&gt;
.sinfar-page pre code {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* &lt;br /&gt;
============================================================&lt;br /&gt;
   14. IMAGES / SCREENSHOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 6px;&lt;br /&gt;
  margin: 8px 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame img {&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
/* &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
============================================================&lt;br /&gt;
   MAIN PAGE IMAGE SLOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot{&lt;br /&gt;
    position:relative;&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
    border:1px solid var(--sf-border);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    background:#120d10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot img{&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    height:100%;&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   15. CHAT CHANNEL COLOR LOCKS&lt;br /&gt;
   Match in-game channel color identity.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan {&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-shout   { color: #feef50; }&lt;br /&gt;
.sf-chan-dm      { color: #f67271; }&lt;br /&gt;
.sf-chan-event   { color: #ab23f2; }&lt;br /&gt;
.sf-chan-action  { color: #b56a23; }&lt;br /&gt;
.sf-chan-ooc     { color: #b1a2bd; }&lt;br /&gt;
.sf-chan-pvp     { color: #fe5f2e; }&lt;br /&gt;
.sf-chan-sex     { color: #f520e1; }&lt;br /&gt;
.sf-chan-build   { color: #b7f520; }&lt;br /&gt;
.sf-chan-ffa     { color: #20bff0; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-talk    { color: #fefefe; }&lt;br /&gt;
.sf-chan-whisper { color: #b0b0b0; }&lt;br /&gt;
.sf-chan-quiet   { color: #777777; }&lt;br /&gt;
.sf-chan-silent  { color: #666666; }&lt;br /&gt;
.sf-chan-yell    { color: #d92324; }&lt;br /&gt;
.sf-chan-party   { color: #fefefe; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   16. FOOTERS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footerlinks,&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  margin-top: 14px;&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  border-top: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  padding: 12px 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   17. LEGACY COMPATIBILITY&lt;br /&gt;
   Keeps older remaster pages readable without preserving chaos.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--gold,&lt;br /&gt;
.sf-table--gold {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border-color: var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--green,&lt;br /&gt;
.sf-table--green {&lt;br /&gt;
  background: rgba(17,26,18,.82);&lt;br /&gt;
  border-color: rgba(68,107,53,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--blue,&lt;br /&gt;
.sf-table--blue {&lt;br /&gt;
  background: rgba(16,24,32,.82);&lt;br /&gt;
  border-color: rgba(52,87,122,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--red,&lt;br /&gt;
.sf-table--red {&lt;br /&gt;
  background: rgba(26,16,16,.82);&lt;br /&gt;
  border-color: rgba(122,52,47,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--purple,&lt;br /&gt;
.sf-table--purple {&lt;br /&gt;
  background: rgba(25,17,29,.82);&lt;br /&gt;
  border-color: rgba(91,59,120,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-heading--gold { color: var(--sf-gold-bright); border-bottom-color: var(--sf-border); }&lt;br /&gt;
.sf-heading--green { color: #91d38f; border-bottom-color: #446b35; }&lt;br /&gt;
.sf-heading--blue { color: #8fc6ff; border-bottom-color: #34577a; }&lt;br /&gt;
.sf-heading--red { color: #ff9c8f; border-bottom-color: #7a342f; }&lt;br /&gt;
.sf-heading--purple { color: #c49cff; border-bottom-color: #5b3b78; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  margin: 9px 0 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket th {&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  padding: 9px 12px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket td {&lt;br /&gt;
  background: rgba(18,14,12,.72);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   18. LISTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page ul,&lt;br /&gt;
.sf-page ol,&lt;br /&gt;
.sinfar-page ul,&lt;br /&gt;
.sinfar-page ol {&lt;br /&gt;
  margin: 6px 0 8px;&lt;br /&gt;
  padding-left: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page li,&lt;br /&gt;
.sinfar-page li {&lt;br /&gt;
  margin: 2px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   19. MOBILE RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-decision-grid,&lt;br /&gt;
  .sf-index-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
  .sf-page,&lt;br /&gt;
  .sinfar-page {&lt;br /&gt;
    padding: 12px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-quickbar,&lt;br /&gt;
  .sf-grid-2,&lt;br /&gt;
  .sf-grid-3,&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status,&lt;br /&gt;
  .sf-progress-line {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-table {&lt;br /&gt;
    table-layout: auto;&lt;br /&gt;
    font-size: .92rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-channel-table th:nth-child(n),&lt;br /&gt;
  .sf-channel-table td:nth-child(n),&lt;br /&gt;
  .sf-setup-table th:nth-child(n),&lt;br /&gt;
  .sf-setup-table td:nth-child(n) {&lt;br /&gt;
    width: auto;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Main Page Module v1.0&lt;br /&gt;
   Purpose: cinematic front-door layout for Main Page only.&lt;br /&gt;
   Requires wrapper: &amp;lt;div class=&amp;quot;sf-page sf-main-page&amp;quot;&amp;gt;&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page {&lt;br /&gt;
  max-width: 1320px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Cinematic Main Hero ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  aspect-ratio: 16 / 9;&lt;br /&gt;
  min-height: 0;&lt;br /&gt;
&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  padding: 64px 48px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Hero Artwork ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 0;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: inherit;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; a,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; span,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Flat dark overlay for text readability. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
&lt;br /&gt;
  background: rgba(5, 8, 12, .48);&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Keep hero text above the artwork and overlay. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main &amp;gt; :not(.sf-hero-art-slot) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main h1 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
&lt;br /&gt;
  font-size: 3.15rem;&lt;br /&gt;
  line-height: 1.08;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
  text-shadow:&lt;br /&gt;
    0 2px 3px rgba(0,0,0,.95),&lt;br /&gt;
    0 0 14px rgba(0,0,0,.78);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main .sf-eyebrow,&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  text-shadow: 0 2px 4px rgba(0,0,0,.95);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  max-width: 680px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: 1.08rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision {&lt;br /&gt;
  min-height: 300px;&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision h3 {&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Feature Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-grid-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card {&lt;br /&gt;
  min-height: 190px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Action Links ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links {&lt;br /&gt;
  margin-top: 12px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  box-shadow: none;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a,&lt;br /&gt;
.sf-main-page .sf-action-links a:visited,&lt;br /&gt;
.sf-main-page .sf-action-links a.external,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:visited {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a:hover,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Community Strip ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
  gap: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Responsive Layout ---------- */&lt;br /&gt;
&lt;br /&gt;
/* Split desktop, tablets, landscape */&lt;br /&gt;
@media screen and (min-width: 721px) and (max-width: 860px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision,&lt;br /&gt;
  .sf-main-page .sf-card {&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 32px 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.35rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Phones */&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3,&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 24px 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.1rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Small phones */&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main .sf-eyebrow {&lt;br /&gt;
    font-size: .66rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    font-size: 1.85rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main p {&lt;br /&gt;
    margin-bottom: 7px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================================&lt;br /&gt;
   MAIN PAGE COMMUNITY LINKS — DISCORD / PATREON&lt;br /&gt;
   ========================================================= */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 8px 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 58px;&lt;br /&gt;
  padding: 8px 16px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Control MediaWiki-generated wrappers around file images. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link &amp;gt; p,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; span,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; a,&lt;br /&gt;
.sf-main-page .community-link .mw-file-description {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link img,&lt;br /&gt;
.sf-main-page .community-link .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: 30px;&lt;br /&gt;
  max-width: 82%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--discord {&lt;br /&gt;
  background-color: #5865f2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--patreon {&lt;br /&gt;
  background-color: #ff424d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
  .sf-main-page .community-link-grid {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   MAIN PAGE — COLORED CARD SYSTEM&lt;br /&gt;
   Static layered gradients only. No glow, blur, or filters.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Shared Card Construction ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card,&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: #181214;&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      135deg,&lt;br /&gt;
      rgba(255,255,255,.025) 0%,&lt;br /&gt;
      transparent 34%,&lt;br /&gt;
      rgba(0,0,0,.12) 70%,&lt;br /&gt;
      rgba(0,0,0,.24) 100%&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      118deg,&lt;br /&gt;
      rgba(255,255,255,.014) 0,&lt;br /&gt;
      rgba(255,255,255,.014) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 7px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Subtle inner line without glow or shadow. */&lt;br /&gt;
.sf-main-page .sf-journey-card::after,&lt;br /&gt;
.sf-main-page .sf-feature-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 4px;&lt;br /&gt;
  z-index: -1;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
  border: 1px solid rgba(244,239,230,.035);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Card Header ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  min-height: 48px;&lt;br /&gt;
  margin: -22px -22px 14px;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: var(--sf-card-head, rgba(216,180,106,.10));&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      90deg,&lt;br /&gt;
      rgba(255,255,255,.035),&lt;br /&gt;
      transparent 48%,&lt;br /&gt;
      rgba(0,0,0,.16)&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      120deg,&lt;br /&gt;
      rgba(255,255,255,.012) 0,&lt;br /&gt;
      rgba(255,255,255,.012) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 6px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border-bottom: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head h3 {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Header Icon Slot ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  width: 38px;&lt;br /&gt;
  height: 38px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon img,&lt;br /&gt;
.sf-main-page .sf-card-icon .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.42);&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Featured System Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.34);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head {&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  margin: -14px -14px 12px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head h3 {&lt;br /&gt;
  font-size: 1.02rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-icon {&lt;br /&gt;
  width: 23px;&lt;br /&gt;
  height: 23px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-action-links {&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   CATEGORY THEMES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* New arrivals — crimson */&lt;br /&gt;
.sf-main-page .sf-theme-crimson {&lt;br /&gt;
  --sf-card-head: rgba(83,20,20,.92);&lt;br /&gt;
  --sf-card-border: rgba(155,69,57,.70);&lt;br /&gt;
  background-color: #1b1011;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Player resources — midnight blue */&lt;br /&gt;
.sf-main-page .sf-theme-blue {&lt;br /&gt;
  --sf-card-head: rgba(18,46,74,.94);&lt;br /&gt;
  --sf-card-border: rgba(62,104,143,.72);&lt;br /&gt;
  background-color: #101922;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Builder resources — forest green */&lt;br /&gt;
.sf-main-page .sf-theme-green {&lt;br /&gt;
  --sf-card-head: rgba(29,65,38,.94);&lt;br /&gt;
  --sf-card-border: rgba(65,110,67,.72);&lt;br /&gt;
  background-color: #111a14;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Community — royal purple */&lt;br /&gt;
.sf-main-page .sf-theme-purple {&lt;br /&gt;
  --sf-card-head: rgba(67,32,79,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,68,124,.72);&lt;br /&gt;
  background-color: #19121d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Housing — slate blue */&lt;br /&gt;
.sf-main-page .sf-theme-slate {&lt;br /&gt;
  --sf-card-head: rgba(40,57,72,.94);&lt;br /&gt;
  --sf-card-border: rgba(76,102,123,.72);&lt;br /&gt;
  background-color: #141a1f;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Businesses — warm tavern bronze */&lt;br /&gt;
.sf-main-page .sf-theme-bronze {&lt;br /&gt;
  --sf-card-head: rgba(83,52,24,.94);&lt;br /&gt;
  --sf-card-border: rgba(133,89,43,.72);&lt;br /&gt;
  background-color: #1d1610;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Character development — arcane violet */&lt;br /&gt;
.sf-main-page .sf-theme-arcane {&lt;br /&gt;
  --sf-card-head: rgba(68,42,88,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,70,132,.72);&lt;br /&gt;
  background-color: #19131e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Dungeon running — deep teal */&lt;br /&gt;
.sf-main-page .sf-theme-teal {&lt;br /&gt;
  --sf-card-head: rgba(21,62,66,.94);&lt;br /&gt;
  --sf-card-border: rgba(48,104,108,.72);&lt;br /&gt;
  background-color: #101b1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* PvP — battle red */&lt;br /&gt;
.sf-main-page .sf-theme-battle {&lt;br /&gt;
  --sf-card-head: rgba(92,31,26,.94);&lt;br /&gt;
  --sf-card-border: rgba(145,65,54,.74);&lt;br /&gt;
  background-color: #1c1110;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Custom scripting — dark builder green */&lt;br /&gt;
.sf-main-page .sf-theme-script {&lt;br /&gt;
  --sf-card-head: rgba(37,67,42,.94);&lt;br /&gt;
  --sf-card-border: rgba(71,111,73,.72);&lt;br /&gt;
  background-color: #121a13;&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   REFERENCE MANUAL — DEFINITIVE WIDTH CONTAINMENT&lt;br /&gt;
   Keeps later source examples from widening the entire manual.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page,&lt;br /&gt;
.sf-manual-layout,&lt;br /&gt;
.sf-manual-content,&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Every direct manual component must be permitted to shrink. */&lt;br /&gt;
.sf-manual-content &amp;gt; *,&lt;br /&gt;
.sf-manual-example,&lt;br /&gt;
.sf-manual-page .sf-card,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert,&lt;br /&gt;
.sf-manual-page .sf-quickbar,&lt;br /&gt;
.sf-manual-page .sf-start-status,&lt;br /&gt;
.sf-manual-page .sf-progress-line,&lt;br /&gt;
.sf-manual-page .sf-img-frame,&lt;br /&gt;
.sf-manual-page .sf-footerlinks {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Ordinary prose and callout content must wrap. */&lt;br /&gt;
.sf-manual-page p,&lt;br /&gt;
.sf-manual-page li,&lt;br /&gt;
.sf-manual-page dd,&lt;br /&gt;
.sf-manual-page span,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert {&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Preformatted source remains intact, but scrolls only&lt;br /&gt;
   inside its own code box. */&lt;br /&gt;
.sf-manual-page pre,&lt;br /&gt;
.sf-manual-page .sf-codeblock,&lt;br /&gt;
.sf-manual-page .sf-codebox {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  white-space: pre;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Inline code inside tables and paragraphs may wrap. */&lt;br /&gt;
.sf-manual-page :not(pre) &amp;gt; code {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Tables may never establish the width of the whole page. */&lt;br /&gt;
.sf-manual-page .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page .sf-table th,&lt;br /&gt;
.sf-manual-page .sf-table td {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Explicit wrapper for tables that genuinely need more width. */&lt;br /&gt;
.sf-manual-page .sf-table-scroll {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Desktop manual layout. */&lt;br /&gt;
@media screen and (min-width: 901px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Mobile and narrow-tablet layout. */&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-content {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-page .sf-table th,&lt;br /&gt;
  .sf-manual-page .sf-table td {&lt;br /&gt;
    padding-left: 7px;&lt;br /&gt;
    padding-right: 7px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  /* Only deliberately wide tables scroll horizontally. */&lt;br /&gt;
  .sf-manual-page .sf-table-scroll .sf-table {&lt;br /&gt;
    width: 760px;&lt;br /&gt;
    min-width: 760px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ================================================================&lt;br /&gt;
   SINFAR WIKI MAIN v3.2 — RESPONSIVE PRODUCTION-READINESS PASS&lt;br /&gt;
   Complete premium-module replacement. Scoped to .sf-hub.&lt;br /&gt;
   ================================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-hub {&lt;br /&gt;
  --hub-void: #07090e;&lt;br /&gt;
  --hub-void-2: #0b0f17;&lt;br /&gt;
  --hub-plate: #0f131d;&lt;br /&gt;
  --hub-plate-2: #141923;&lt;br /&gt;
  --hub-brass: #c8a25c;&lt;br /&gt;
  --hub-brass-bright: #e6c987;&lt;br /&gt;
  --hub-line: rgba(200,162,92,.28);&lt;br /&gt;
  --hub-line-strong: rgba(200,162,92,.5);&lt;br /&gt;
  --hub-verdigris: #57b7a3;&lt;br /&gt;
  --hub-parchment: #ece1c9;&lt;br /&gt;
  --hub-slate: #9ba3b4;&lt;br /&gt;
  --hub-rose: #e0788a;&lt;br /&gt;
  --hub-display: &amp;quot;Trajan Pro 3&amp;quot;, &amp;quot;Cinzel&amp;quot;, &amp;quot;Palatino Linotype&amp;quot;, Palatino, Georgia, serif;&lt;br /&gt;
  --hub-reading: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Arial, sans-serif;&lt;br /&gt;
  --hub-mono: &amp;quot;Cascadia Code&amp;quot;, &amp;quot;Cascadia Mono&amp;quot;, Consolas, monospace;&lt;br /&gt;
  container: sf-hub / inline-size;&lt;br /&gt;
  overflow: clip;&lt;br /&gt;
  background:&lt;br /&gt;
    radial-gradient(circle at 50% 0, rgba(87,183,163,.04), transparent 34rem),&lt;br /&gt;
    var(--hub-void-2);&lt;br /&gt;
  color: var(--hub-parchment);&lt;br /&gt;
  font-family: var(--hub-reading);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub *, .sf-hub *::before, .sf-hub *::after { box-sizing: border-box; }&lt;br /&gt;
.sf-hub p, .sf-hub h1, .sf-hub h2, .sf-hub h3 { margin-block-start: 0; }&lt;br /&gt;
.sf-hub a, .sf-hub a:visited { color: inherit; text-decoration: none; }&lt;br /&gt;
.sf-hub a:hover { color: var(--hub-brass-bright); }&lt;br /&gt;
&lt;br /&gt;
/* Masthead */&lt;br /&gt;
.sf-hub-masthead {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: minmax(0,1fr) auto;&lt;br /&gt;
  grid-template-areas: &amp;quot;brand search&amp;quot; &amp;quot;nav nav&amp;quot;;&lt;br /&gt;
  margin-inline: -12px;&lt;br /&gt;
  border-block: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.98);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-brand {&lt;br /&gt;
  grid-area: brand;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  padding: 11px 14px;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-stewards { display: grid; width: 100%; min-width: 0; gap: 6px; }&lt;br /&gt;
.sf-hub-stewards-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--hub-verdigris); font: 700 .52rem/1.2 var(--hub-mono); letter-spacing: .15em; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-label strong { flex: none; color: var(--hub-rose); font-size: .49rem; letter-spacing: .12em; }&lt;br /&gt;
.sf-hub-stewards-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--hub-line); background: rgba(200,162,92,.025); }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div { display: grid; min-width: 0; gap: 2px; padding: 6px 5px 5px; border-right: 1px solid var(--hub-line); text-align: center; }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-stewards-list strong { overflow: hidden; color: var(--hub-brass-bright); font: 600 .6rem/1.15 var(--hub-mono); letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-list small { color: var(--hub-slate); font: 500 .46rem/1.2 var(--hub-reading); letter-spacing: .03em; }&lt;br /&gt;
&lt;br /&gt;
.sf-hub-search {&lt;br /&gt;
  grid-area: search;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-search a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 38px;&lt;br /&gt;
  padding: 0 13px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-nav {&lt;br /&gt;
  grid-area: nav;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2,minmax(0,1fr));&lt;br /&gt;
  border-top: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav-item { min-width: 0; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-hub-nav-item:nth-child(2n), .sf-hub-nav-item:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-nav-item:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
.sf-hub-nav a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .74rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .025em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 30px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 7px;&lt;br /&gt;
  background: linear-gradient(90deg,transparent,var(--hub-brass-bright),transparent);&lt;br /&gt;
  opacity: .72;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a:hover::after, .sf-hub-nav a:focus-visible::after { width: 46px; opacity: 1; }&lt;br /&gt;
.sf-hub-nav a:hover, .sf-hub-nav a:focus-visible { background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Hero */&lt;br /&gt;
.sf-hub-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: clamp(290px,74vw,410px);&lt;br /&gt;
  margin: 10px 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  background: var(--hub-void);&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-art, .sf-hub-hero-art &amp;gt; a, .sf-hub-hero-art &amp;gt; span,&lt;br /&gt;
.sf-hub-hero-art [typeof~=&amp;quot;mw:File&amp;quot;], .sf-hub-hero-art .mw-file-description { position: absolute; inset: 0; display: block; }&lt;br /&gt;
.sf-hub-hero-art img, .sf-hub-hero-art .mw-file-element { width: 100%; height: 100%; object-fit: cover; object-position: center; }&lt;br /&gt;
.sf-hub-hero::after {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background: linear-gradient(180deg,rgba(7,9,14,.08),rgba(7,9,14,.18) 40%,rgba(7,9,14,.82));&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy {&lt;br /&gt;
  position: static;&lt;br /&gt;
  align-self: center;&lt;br /&gt;
  justify-self: center;&lt;br /&gt;
  width: min(92%,720px);&lt;br /&gt;
  padding: 26px 16px 24px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-lockup, .sf-hub-hero-copy &amp;gt; p, .sf-hub-primary { position: relative; z-index: 2; }&lt;br /&gt;
.sf-hub-hero-lockup { width: clamp(15rem,38vw,27rem); margin: 9px auto 7px; line-height: 0; }&lt;br /&gt;
.sf-hub-hero-lockup img { display: block; width: 100%; height: auto; filter: drop-shadow(0 3px 5px rgba(0,0,0,.94)) drop-shadow(0 0 13px rgba(230,201,135,.22)); }&lt;br /&gt;
.sf-hub-kicker, .sf-hub-heading-label {&lt;br /&gt;
  color: var(--hub-verdigris);&lt;br /&gt;
  font: 700 .68rem/1.3 var(--hub-mono);&lt;br /&gt;
  letter-spacing: .2em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero .sf-hub-kicker {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: clamp(18px,3vw,30px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  z-index: 3;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  max-width: calc(100% - 24px);&lt;br /&gt;
  padding: 5px 12px 4px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.72);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  text-shadow: 0 1px 4px #000;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero h1 {&lt;br /&gt;
  margin: 7px 0 5px;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(2.35rem,12vw,4.6rem)/.95 var(--hub-display);&lt;br /&gt;
  letter-spacing: .1em;&lt;br /&gt;
  text-shadow: 0 2px 8px #000;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy &amp;gt; p { margin: 0 auto 15px; color: var(--hub-parchment); font-size: clamp(.86rem,2.8vw,1rem); }&lt;br /&gt;
.sf-hub-primary { display: inline-block; }&lt;br /&gt;
.sf-hub-primary a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 42px;&lt;br /&gt;
  padding: 0 20px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-brass);&lt;br /&gt;
  background: rgba(7,9,14,.84);&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font: 700 .74rem/1 var(--hub-display);&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Shared sections */&lt;br /&gt;
.sf-hub-section { padding: 34px 0 0; }&lt;br /&gt;
.sf-hub-heading { display: grid; gap: 6px; margin-bottom: 16px; }&lt;br /&gt;
.sf-hub-heading h2 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(1.35rem,5vw,1.85rem)/1.12 var(--hub-display);&lt;br /&gt;
  letter-spacing: .035em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-heading h2::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 56px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  background: linear-gradient(90deg,var(--hub-brass),transparent);&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tasks */&lt;br /&gt;
.sf-task-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-task {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 44px minmax(0,1fr);&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(180deg,rgba(15,19,29,.88),rgba(9,12,19,.94));&lt;br /&gt;
}&lt;br /&gt;
.sf-task-icon, .sf-access-icon {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 1.05rem/1 var(--hub-display);&lt;br /&gt;
}&lt;br /&gt;
.sf-task &amp;gt; span:last-child, .sf-access &amp;gt; span:last-child { display: grid; gap: 4px; min-width: 0; padding: 11px 12px; }&lt;br /&gt;
.sf-task strong, .sf-access strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-task small, .sf-access small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
.sf-task:hover, .sf-task:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.06); }&lt;br /&gt;
&lt;br /&gt;
/* Downloads and access */&lt;br /&gt;
.sf-access-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-access {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 46px minmax(0,1fr);&lt;br /&gt;
  min-height: 72px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(135deg,rgba(200,162,92,.07),rgba(15,19,29,.72));&lt;br /&gt;
}&lt;br /&gt;
.sf-access:hover, .sf-access:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Resource directories */&lt;br /&gt;
.sf-directory-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }&lt;br /&gt;
.sf-directory { --directory-accent: var(--hub-brass); min-width: 0; border: 1px solid var(--hub-line); border-top: 2px solid var(--directory-accent); background: linear-gradient(160deg,color-mix(in srgb,var(--directory-accent) 6%,var(--hub-plate)),var(--hub-void)); }&lt;br /&gt;
.sf-directory--blue { --directory-accent: #5e91b8; }&lt;br /&gt;
.sf-directory--green { --directory-accent: #6c9f62; }&lt;br /&gt;
.sf-directory-head { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; min-height: 62px; border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-directory-head &amp;gt; span { display: grid; height: 100%; place-items: center; border-right: 1px solid var(--hub-line); color: var(--hub-brass-bright); }&lt;br /&gt;
.sf-directory h3 { margin: 0; padding: 10px 12px; color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-directory-links { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 7px 14px 12px; color: var(--hub-parchment); font-size: .8rem; line-height: 1.7; }&lt;br /&gt;
.sf-directory-links br { display: none; }&lt;br /&gt;
.sf-directory-links a { padding: 3px 0; text-decoration: underline; text-decoration-color: var(--hub-line-strong); text-underline-offset: 3px; }&lt;br /&gt;
&lt;br /&gt;
/* Living world */&lt;br /&gt;
.sf-community-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-community { display: grid; gap: 5px; min-width: 0; padding: 14px 15px; border: 1px solid var(--hub-line); border-left: 2px solid #9a6cac; background: rgba(15,19,29,.65); }&lt;br /&gt;
.sf-community strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-community small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Category registry */&lt;br /&gt;
.sf-category-list { display: grid; grid-template-columns: minmax(0,1fr); border-top: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-category-list &amp;gt; div { display: grid; gap: 4px; min-width: 0; padding: 13px 14px; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); background: rgba(15,19,29,.45); }&lt;br /&gt;
.sf-category-list strong { color: var(--hub-parchment); font-size: .84rem; }&lt;br /&gt;
.sf-category-list small { color: var(--hub-slate); font-size: .75rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Footer */&lt;br /&gt;
.sf-hub-footer {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 36px;&lt;br /&gt;
  padding: 22px 0 8px;&lt;br /&gt;
  border-top: 1px solid var(--hub-line-strong);&lt;br /&gt;
  color: var(--hub-slate);&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-footer-brand { display: grid; gap: 2px; }&lt;br /&gt;
.sf-hub-footer strong { color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-hub-footer small { color: var(--hub-slate); }&lt;br /&gt;
.sf-hub-footer a { color: var(--hub-parchment) !important; }&lt;br /&gt;
&lt;br /&gt;
/* Responsive compositions */&lt;br /&gt;
@container sf-hub (min-width: 506px) {&lt;br /&gt;
  .sf-task-grid, .sf-community-grid, .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 666px) {&lt;br /&gt;
  .sf-hub-masthead { margin-inline: -16px; }&lt;br /&gt;
  .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
  .sf-hub-nav-item, .sf-hub-nav-item:nth-child(2n) { border-right: 1px solid var(--hub-line); border-bottom: 0; }&lt;br /&gt;
  .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
  .sf-hub-nav a { min-height: 48px; }&lt;br /&gt;
  .sf-hub-hero { min-height: clamp(390px,50vw,550px); margin-top: 8px; }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: auto; }&lt;br /&gt;
  .sf-hub-footer { grid-template-columns: minmax(190px,.7fr) minmax(0,2fr); align-items: end; }&lt;br /&gt;
  .sf-hub-footer-links { text-align: right; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 910px) {&lt;br /&gt;
  .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
  .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 1138px) {&lt;br /&gt;
  .sf-hub-masthead {&lt;br /&gt;
    grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto;&lt;br /&gt;
    grid-template-areas: &amp;quot;brand nav search&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-hub-brand { min-height: 64px; padding-block: 8px; }&lt;br /&gt;
  .sf-hub-nav { border-top: 0; }&lt;br /&gt;
  .sf-hub-nav-item { border-left: 1px solid var(--hub-line); }&lt;br /&gt;
  .sf-hub-nav a { min-height: 64px; font-size: .78rem; }&lt;br /&gt;
  .sf-hub-hero { min-height: 520px; }&lt;br /&gt;
  .sf-hub-hero-copy { padding-block: 28px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Accessibility and static-motion lock */&lt;br /&gt;
.sf-hub a:focus-visible { outline: 2px solid var(--hub-verdigris); outline-offset: -3px; }&lt;br /&gt;
.sf-hub .sf-task, .sf-hub .sf-access, .sf-hub .sf-directory,&lt;br /&gt;
.sf-hub .sf-community, .sf-hub .sf-category-list &amp;gt; div, .sf-hub img, .sf-hub a { transform: none !important; transition: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-hub *, .sf-hub *::before, .sf-hub *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@supports not (container-type: inline-size) {&lt;br /&gt;
  @media screen and (min-width: 720px) {&lt;br /&gt;
    .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
    .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
    .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
    .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  }&lt;br /&gt;
  @media screen and (min-width: 1200px) {&lt;br /&gt;
    .sf-hub-masthead { grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto; grid-template-areas: &amp;quot;brand nav search&amp;quot;; }&lt;br /&gt;
    .sf-hub-nav { border-top: 0; }&lt;br /&gt;
    .sf-hub-nav a { min-height: 64px; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
    .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1343</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1343"/>
		<updated>2026-08-05T22:13:52Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Add hero kicker nameplate and navigation underline accents&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ============================================================&lt;br /&gt;
   Sinfar Wiki Visual System v3.0&lt;br /&gt;
   Unified Common.css Framework&lt;br /&gt;
   Scope doctrine:&lt;br /&gt;
   - New/refit pages use: &amp;lt;div class=&amp;quot;sf-page&amp;quot;&amp;gt;&lt;br /&gt;
   - Legacy pages may still use .sinfar-page / .sf-card / .sf-heading&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   1. DESIGN TOKENS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
  --sf-bg-page: #0f141b;&lt;br /&gt;
  --sf-bg-shell: #11161d;&lt;br /&gt;
  --sf-bg-panel: rgba(18, 14, 12, .78);&lt;br /&gt;
  --sf-bg-panel-solid: #181214;&lt;br /&gt;
  --sf-bg-panel-soft: rgba(216, 180, 106, .08);&lt;br /&gt;
  --sf-bg-hero: linear-gradient(135deg, #21150f, #3a2417);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-border: rgba(216, 180, 106, .28);&lt;br /&gt;
  --sf-border-strong: rgba(216, 180, 106, .48);&lt;br /&gt;
  --sf-border-muted: rgba(244, 239, 230, .09);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-text: #f4efe6;&lt;br /&gt;
  --sf-text-muted: #c9bda9;&lt;br /&gt;
  --sf-gold: #d8b46a;&lt;br /&gt;
  --sf-gold-bright: #f0d28a;&lt;br /&gt;
  --sf-link: #8fc6ff;&lt;br /&gt;
  --sf-link-hover: #b8d6ff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-red: #9f4b3e;&lt;br /&gt;
  --sf-green: #2f5d3a;&lt;br /&gt;
  --sf-blue: #334e7a;&lt;br /&gt;
  --sf-purple: #60456f;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-radius-sm: 7px;&lt;br /&gt;
  --sf-radius-md: 10px;&lt;br /&gt;
  --sf-gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   2. SOVEREIGN PAGE SHELL&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page,&lt;br /&gt;
.sinfar-page {&lt;br /&gt;
  background: var(--sf-bg-shell);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 16px;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
  font-size: 14px;&lt;br /&gt;
  box-shadow: 0 0 22px rgba(0,0,0,.35);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page *,&lt;br /&gt;
.sinfar-page * {&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a,&lt;br /&gt;
.sf-page a:visited,&lt;br /&gt;
.sf-page a.external,&lt;br /&gt;
.sf-page a.external:visited,&lt;br /&gt;
.sinfar-page a,&lt;br /&gt;
.sinfar-page a:visited,&lt;br /&gt;
.sinfar-page a.external,&lt;br /&gt;
.sinfar-page a.external:visited {&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a:hover,&lt;br /&gt;
.sinfar-page a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page code,&lt;br /&gt;
.sinfar-page code {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
  padding: 1px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   3. TYPOGRAPHY&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page h1,&lt;br /&gt;
.sf-page h2,&lt;br /&gt;
.sf-page h3,&lt;br /&gt;
.sinfar-page h1,&lt;br /&gt;
.sinfar-page h2,&lt;br /&gt;
.sinfar-page h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-section-title,&lt;br /&gt;
.sf-heading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  margin: 18px 0 8px;&lt;br /&gt;
  padding-bottom: 3px;&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-subheading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 10px 0 6px;&lt;br /&gt;
  font-size: 1.15rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-muted {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-label,&lt;br /&gt;
.sf-name {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-center {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   4. HEROES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero,&lt;br /&gt;
.sf-hero-compact {&lt;br /&gt;
  background: var(--sf-bg-hero);&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 14px 18px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero h1,&lt;br /&gt;
.sf-hero-compact h1,&lt;br /&gt;
.sf-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 4px;&lt;br /&gt;
  font-size: 1.85rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero p,&lt;br /&gt;
.sf-hero-compact p,&lt;br /&gt;
.sf-subtitle {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-eyebrow {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main {&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main h1 {&lt;br /&gt;
  font-size: 2.35rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   5. GRIDS / STATUS TILES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2,&lt;br /&gt;
.sf-grid-3,&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-grid-5,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status { grid-template-columns: repeat(4, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid &amp;gt; div,&lt;br /&gt;
.sf-start-status &amp;gt; div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid b,&lt;br /&gt;
.sf-start-status b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid span,&lt;br /&gt;
.sf-start-status span {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   6. QUICKBARS / INDEX GRIDS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar,&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar &amp;gt; div,&lt;br /&gt;
.sf-index-grid &amp;gt; div,&lt;br /&gt;
.sf-pathline {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar b,&lt;br /&gt;
.sf-index-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
============================================================&lt;br /&gt;
   6A. REFERENCE MANUAL LAYOUT&lt;br /&gt;
   Reusable side directory for long technical documentation.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content [id] {&lt;br /&gt;
  scroll-margin-top: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 12px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  max-height: calc(100vh - 24px);&lt;br /&gt;
  overflow-y: auto;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  padding-bottom: 7px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-group {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin: 12px 0 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a,&lt;br /&gt;
.sf-manual-toc a:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 5px 1px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example {&lt;br /&gt;
  background: rgba(216,180,106,.06);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  margin: 7px 0 9px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-color-swatch {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 22px;&lt;br /&gt;
  height: 14px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin-right: 7px;&lt;br /&gt;
  border: 1px solid rgba(255,255,255,.28);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  vertical-align: -2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
===========================================================&lt;br /&gt;
   7. DECISION PANELS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.25fr 1fr 1fr;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision,&lt;br /&gt;
.sf-card,&lt;br /&gt;
.sf-panel {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-primary {&lt;br /&gt;
  border-color: rgba(240,210,138,.58);&lt;br /&gt;
  background: linear-gradient(135deg, rgba(60,38,20,.88), rgba(18,14,12,.78));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-kicker {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  letter-spacing: .07em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   8. ACTION LISTS / BUTTONS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 12px 0 0 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list li {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a,&lt;br /&gt;
.sf-action-list a:visited,&lt;br /&gt;
.sf-action-list a.external,&lt;br /&gt;
.sf-action-list a.external:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: rgba(216,180,106,.10);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.32);&lt;br /&gt;
  border-radius: 7px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  color: #8fc6ff;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a:hover,&lt;br /&gt;
.sf-action-list a.external:hover {&lt;br /&gt;
  background: rgba(216,180,106,.16);&lt;br /&gt;
  border-color: rgba(240,210,138,.48);&lt;br /&gt;
  color: #b8d6ff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   9. TABLES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  border-collapse: collapse;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table td {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
  padding: 7px 10px;&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table tr:last-child td {&lt;br /&gt;
  border-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll .sf-table {&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value,&lt;br /&gt;
.sf-good {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value {&lt;br /&gt;
  color: #f4c96b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-good {&lt;br /&gt;
  color: #9fe6bd;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Standard table column helpers */&lt;br /&gt;
.sf-channel-table th:nth-child(1),&lt;br /&gt;
.sf-channel-table td:nth-child(1) { width: 14%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(2),&lt;br /&gt;
.sf-channel-table td:nth-child(2) { width: 31%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(3),&lt;br /&gt;
.sf-channel-table td:nth-child(3) { width: 37%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(4),&lt;br /&gt;
.sf-channel-table td:nth-child(4) { width: 18%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(1),&lt;br /&gt;
.sf-setup-table td:nth-child(1) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(2),&lt;br /&gt;
.sf-setup-table td:nth-child(2) { width: 52%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(3),&lt;br /&gt;
.sf-setup-table td:nth-child(3) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   10. BADGES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: 2px 7px;&lt;br /&gt;
  margin: 1px 2px 1px 0;&lt;br /&gt;
  font-size: .78rem;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge-ic { background: #2f5d3a; color: #eaffef; }&lt;br /&gt;
.sf-badge-ooc { background: #334e7a; color: #eef4ff; }&lt;br /&gt;
.sf-badge-dm { background: #6f3b3b; color: #fff0f0; }&lt;br /&gt;
.sf-badge-range { background: #5f4c27; color: #fff2c2; }&lt;br /&gt;
.sf-badge-area { background: #60456f; color: #f7eaff; }&lt;br /&gt;
.sf-badge-support { background: #4e5563; color: #f0f3f8; }&lt;br /&gt;
.sf-badge-best { background: #6a5423; color: #fff0bd; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   11. ALERTS / NOTES / RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note,&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning,&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  margin: 8px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.24);&lt;br /&gt;
  border-left: 4px solid #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert b,&lt;br /&gt;
.sf-warning b {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-info {&lt;br /&gt;
  background: rgba(38,58,92,.34);&lt;br /&gt;
  border-left-color: #6fa8dc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border-left-color: #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-danger,&lt;br /&gt;
.sf-note--red {&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
  border-left-color: var(--sf-red);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  border-left: 4px solid var(--sf-red);&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   12. PROGRESS LINES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line b {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  line-height: 24px;&lt;br /&gt;
  background: rgba(216,180,106,.24);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line span {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   13. CODE / SCRIPTING DOCS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock,&lt;br /&gt;
.sf-codebox,&lt;br /&gt;
.sf-page pre,&lt;br /&gt;
.sinfar-page pre {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock code,&lt;br /&gt;
.sf-codebox code,&lt;br /&gt;
.sf-page pre code,&lt;br /&gt;
.sinfar-page pre code {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* &lt;br /&gt;
============================================================&lt;br /&gt;
   14. IMAGES / SCREENSHOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 6px;&lt;br /&gt;
  margin: 8px 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame img {&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
/* &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
============================================================&lt;br /&gt;
   MAIN PAGE IMAGE SLOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot{&lt;br /&gt;
    position:relative;&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
    border:1px solid var(--sf-border);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    background:#120d10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot img{&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    height:100%;&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   15. CHAT CHANNEL COLOR LOCKS&lt;br /&gt;
   Match in-game channel color identity.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan {&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-shout   { color: #feef50; }&lt;br /&gt;
.sf-chan-dm      { color: #f67271; }&lt;br /&gt;
.sf-chan-event   { color: #ab23f2; }&lt;br /&gt;
.sf-chan-action  { color: #b56a23; }&lt;br /&gt;
.sf-chan-ooc     { color: #b1a2bd; }&lt;br /&gt;
.sf-chan-pvp     { color: #fe5f2e; }&lt;br /&gt;
.sf-chan-sex     { color: #f520e1; }&lt;br /&gt;
.sf-chan-build   { color: #b7f520; }&lt;br /&gt;
.sf-chan-ffa     { color: #20bff0; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-talk    { color: #fefefe; }&lt;br /&gt;
.sf-chan-whisper { color: #b0b0b0; }&lt;br /&gt;
.sf-chan-quiet   { color: #777777; }&lt;br /&gt;
.sf-chan-silent  { color: #666666; }&lt;br /&gt;
.sf-chan-yell    { color: #d92324; }&lt;br /&gt;
.sf-chan-party   { color: #fefefe; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   16. FOOTERS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footerlinks,&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  margin-top: 14px;&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  border-top: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  padding: 12px 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   17. LEGACY COMPATIBILITY&lt;br /&gt;
   Keeps older remaster pages readable without preserving chaos.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--gold,&lt;br /&gt;
.sf-table--gold {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border-color: var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--green,&lt;br /&gt;
.sf-table--green {&lt;br /&gt;
  background: rgba(17,26,18,.82);&lt;br /&gt;
  border-color: rgba(68,107,53,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--blue,&lt;br /&gt;
.sf-table--blue {&lt;br /&gt;
  background: rgba(16,24,32,.82);&lt;br /&gt;
  border-color: rgba(52,87,122,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--red,&lt;br /&gt;
.sf-table--red {&lt;br /&gt;
  background: rgba(26,16,16,.82);&lt;br /&gt;
  border-color: rgba(122,52,47,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--purple,&lt;br /&gt;
.sf-table--purple {&lt;br /&gt;
  background: rgba(25,17,29,.82);&lt;br /&gt;
  border-color: rgba(91,59,120,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-heading--gold { color: var(--sf-gold-bright); border-bottom-color: var(--sf-border); }&lt;br /&gt;
.sf-heading--green { color: #91d38f; border-bottom-color: #446b35; }&lt;br /&gt;
.sf-heading--blue { color: #8fc6ff; border-bottom-color: #34577a; }&lt;br /&gt;
.sf-heading--red { color: #ff9c8f; border-bottom-color: #7a342f; }&lt;br /&gt;
.sf-heading--purple { color: #c49cff; border-bottom-color: #5b3b78; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  margin: 9px 0 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket th {&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  padding: 9px 12px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket td {&lt;br /&gt;
  background: rgba(18,14,12,.72);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   18. LISTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page ul,&lt;br /&gt;
.sf-page ol,&lt;br /&gt;
.sinfar-page ul,&lt;br /&gt;
.sinfar-page ol {&lt;br /&gt;
  margin: 6px 0 8px;&lt;br /&gt;
  padding-left: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page li,&lt;br /&gt;
.sinfar-page li {&lt;br /&gt;
  margin: 2px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   19. MOBILE RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-decision-grid,&lt;br /&gt;
  .sf-index-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
  .sf-page,&lt;br /&gt;
  .sinfar-page {&lt;br /&gt;
    padding: 12px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-quickbar,&lt;br /&gt;
  .sf-grid-2,&lt;br /&gt;
  .sf-grid-3,&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status,&lt;br /&gt;
  .sf-progress-line {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-table {&lt;br /&gt;
    table-layout: auto;&lt;br /&gt;
    font-size: .92rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-channel-table th:nth-child(n),&lt;br /&gt;
  .sf-channel-table td:nth-child(n),&lt;br /&gt;
  .sf-setup-table th:nth-child(n),&lt;br /&gt;
  .sf-setup-table td:nth-child(n) {&lt;br /&gt;
    width: auto;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Main Page Module v1.0&lt;br /&gt;
   Purpose: cinematic front-door layout for Main Page only.&lt;br /&gt;
   Requires wrapper: &amp;lt;div class=&amp;quot;sf-page sf-main-page&amp;quot;&amp;gt;&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page {&lt;br /&gt;
  max-width: 1320px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Cinematic Main Hero ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  aspect-ratio: 16 / 9;&lt;br /&gt;
  min-height: 0;&lt;br /&gt;
&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  padding: 64px 48px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Hero Artwork ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 0;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: inherit;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; a,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; span,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Flat dark overlay for text readability. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
&lt;br /&gt;
  background: rgba(5, 8, 12, .48);&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Keep hero text above the artwork and overlay. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main &amp;gt; :not(.sf-hero-art-slot) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main h1 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
&lt;br /&gt;
  font-size: 3.15rem;&lt;br /&gt;
  line-height: 1.08;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
  text-shadow:&lt;br /&gt;
    0 2px 3px rgba(0,0,0,.95),&lt;br /&gt;
    0 0 14px rgba(0,0,0,.78);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main .sf-eyebrow,&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  text-shadow: 0 2px 4px rgba(0,0,0,.95);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  max-width: 680px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: 1.08rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision {&lt;br /&gt;
  min-height: 300px;&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision h3 {&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Feature Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-grid-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card {&lt;br /&gt;
  min-height: 190px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Action Links ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links {&lt;br /&gt;
  margin-top: 12px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  box-shadow: none;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a,&lt;br /&gt;
.sf-main-page .sf-action-links a:visited,&lt;br /&gt;
.sf-main-page .sf-action-links a.external,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:visited {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a:hover,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Community Strip ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
  gap: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Responsive Layout ---------- */&lt;br /&gt;
&lt;br /&gt;
/* Split desktop, tablets, landscape */&lt;br /&gt;
@media screen and (min-width: 721px) and (max-width: 860px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision,&lt;br /&gt;
  .sf-main-page .sf-card {&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 32px 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.35rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Phones */&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3,&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 24px 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.1rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Small phones */&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main .sf-eyebrow {&lt;br /&gt;
    font-size: .66rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    font-size: 1.85rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main p {&lt;br /&gt;
    margin-bottom: 7px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================================&lt;br /&gt;
   MAIN PAGE COMMUNITY LINKS — DISCORD / PATREON&lt;br /&gt;
   ========================================================= */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 8px 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 58px;&lt;br /&gt;
  padding: 8px 16px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Control MediaWiki-generated wrappers around file images. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link &amp;gt; p,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; span,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; a,&lt;br /&gt;
.sf-main-page .community-link .mw-file-description {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link img,&lt;br /&gt;
.sf-main-page .community-link .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: 30px;&lt;br /&gt;
  max-width: 82%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--discord {&lt;br /&gt;
  background-color: #5865f2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--patreon {&lt;br /&gt;
  background-color: #ff424d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
  .sf-main-page .community-link-grid {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   MAIN PAGE — COLORED CARD SYSTEM&lt;br /&gt;
   Static layered gradients only. No glow, blur, or filters.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Shared Card Construction ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card,&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: #181214;&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      135deg,&lt;br /&gt;
      rgba(255,255,255,.025) 0%,&lt;br /&gt;
      transparent 34%,&lt;br /&gt;
      rgba(0,0,0,.12) 70%,&lt;br /&gt;
      rgba(0,0,0,.24) 100%&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      118deg,&lt;br /&gt;
      rgba(255,255,255,.014) 0,&lt;br /&gt;
      rgba(255,255,255,.014) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 7px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Subtle inner line without glow or shadow. */&lt;br /&gt;
.sf-main-page .sf-journey-card::after,&lt;br /&gt;
.sf-main-page .sf-feature-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 4px;&lt;br /&gt;
  z-index: -1;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
  border: 1px solid rgba(244,239,230,.035);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Card Header ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  min-height: 48px;&lt;br /&gt;
  margin: -22px -22px 14px;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: var(--sf-card-head, rgba(216,180,106,.10));&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      90deg,&lt;br /&gt;
      rgba(255,255,255,.035),&lt;br /&gt;
      transparent 48%,&lt;br /&gt;
      rgba(0,0,0,.16)&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      120deg,&lt;br /&gt;
      rgba(255,255,255,.012) 0,&lt;br /&gt;
      rgba(255,255,255,.012) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 6px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border-bottom: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head h3 {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Header Icon Slot ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  width: 38px;&lt;br /&gt;
  height: 38px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon img,&lt;br /&gt;
.sf-main-page .sf-card-icon .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.42);&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Featured System Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.34);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head {&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  margin: -14px -14px 12px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head h3 {&lt;br /&gt;
  font-size: 1.02rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-icon {&lt;br /&gt;
  width: 23px;&lt;br /&gt;
  height: 23px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-action-links {&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   CATEGORY THEMES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* New arrivals — crimson */&lt;br /&gt;
.sf-main-page .sf-theme-crimson {&lt;br /&gt;
  --sf-card-head: rgba(83,20,20,.92);&lt;br /&gt;
  --sf-card-border: rgba(155,69,57,.70);&lt;br /&gt;
  background-color: #1b1011;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Player resources — midnight blue */&lt;br /&gt;
.sf-main-page .sf-theme-blue {&lt;br /&gt;
  --sf-card-head: rgba(18,46,74,.94);&lt;br /&gt;
  --sf-card-border: rgba(62,104,143,.72);&lt;br /&gt;
  background-color: #101922;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Builder resources — forest green */&lt;br /&gt;
.sf-main-page .sf-theme-green {&lt;br /&gt;
  --sf-card-head: rgba(29,65,38,.94);&lt;br /&gt;
  --sf-card-border: rgba(65,110,67,.72);&lt;br /&gt;
  background-color: #111a14;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Community — royal purple */&lt;br /&gt;
.sf-main-page .sf-theme-purple {&lt;br /&gt;
  --sf-card-head: rgba(67,32,79,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,68,124,.72);&lt;br /&gt;
  background-color: #19121d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Housing — slate blue */&lt;br /&gt;
.sf-main-page .sf-theme-slate {&lt;br /&gt;
  --sf-card-head: rgba(40,57,72,.94);&lt;br /&gt;
  --sf-card-border: rgba(76,102,123,.72);&lt;br /&gt;
  background-color: #141a1f;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Businesses — warm tavern bronze */&lt;br /&gt;
.sf-main-page .sf-theme-bronze {&lt;br /&gt;
  --sf-card-head: rgba(83,52,24,.94);&lt;br /&gt;
  --sf-card-border: rgba(133,89,43,.72);&lt;br /&gt;
  background-color: #1d1610;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Character development — arcane violet */&lt;br /&gt;
.sf-main-page .sf-theme-arcane {&lt;br /&gt;
  --sf-card-head: rgba(68,42,88,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,70,132,.72);&lt;br /&gt;
  background-color: #19131e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Dungeon running — deep teal */&lt;br /&gt;
.sf-main-page .sf-theme-teal {&lt;br /&gt;
  --sf-card-head: rgba(21,62,66,.94);&lt;br /&gt;
  --sf-card-border: rgba(48,104,108,.72);&lt;br /&gt;
  background-color: #101b1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* PvP — battle red */&lt;br /&gt;
.sf-main-page .sf-theme-battle {&lt;br /&gt;
  --sf-card-head: rgba(92,31,26,.94);&lt;br /&gt;
  --sf-card-border: rgba(145,65,54,.74);&lt;br /&gt;
  background-color: #1c1110;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Custom scripting — dark builder green */&lt;br /&gt;
.sf-main-page .sf-theme-script {&lt;br /&gt;
  --sf-card-head: rgba(37,67,42,.94);&lt;br /&gt;
  --sf-card-border: rgba(71,111,73,.72);&lt;br /&gt;
  background-color: #121a13;&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   REFERENCE MANUAL — DEFINITIVE WIDTH CONTAINMENT&lt;br /&gt;
   Keeps later source examples from widening the entire manual.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page,&lt;br /&gt;
.sf-manual-layout,&lt;br /&gt;
.sf-manual-content,&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Every direct manual component must be permitted to shrink. */&lt;br /&gt;
.sf-manual-content &amp;gt; *,&lt;br /&gt;
.sf-manual-example,&lt;br /&gt;
.sf-manual-page .sf-card,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert,&lt;br /&gt;
.sf-manual-page .sf-quickbar,&lt;br /&gt;
.sf-manual-page .sf-start-status,&lt;br /&gt;
.sf-manual-page .sf-progress-line,&lt;br /&gt;
.sf-manual-page .sf-img-frame,&lt;br /&gt;
.sf-manual-page .sf-footerlinks {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Ordinary prose and callout content must wrap. */&lt;br /&gt;
.sf-manual-page p,&lt;br /&gt;
.sf-manual-page li,&lt;br /&gt;
.sf-manual-page dd,&lt;br /&gt;
.sf-manual-page span,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert {&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Preformatted source remains intact, but scrolls only&lt;br /&gt;
   inside its own code box. */&lt;br /&gt;
.sf-manual-page pre,&lt;br /&gt;
.sf-manual-page .sf-codeblock,&lt;br /&gt;
.sf-manual-page .sf-codebox {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  white-space: pre;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Inline code inside tables and paragraphs may wrap. */&lt;br /&gt;
.sf-manual-page :not(pre) &amp;gt; code {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Tables may never establish the width of the whole page. */&lt;br /&gt;
.sf-manual-page .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page .sf-table th,&lt;br /&gt;
.sf-manual-page .sf-table td {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Explicit wrapper for tables that genuinely need more width. */&lt;br /&gt;
.sf-manual-page .sf-table-scroll {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Desktop manual layout. */&lt;br /&gt;
@media screen and (min-width: 901px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Mobile and narrow-tablet layout. */&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-content {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-page .sf-table th,&lt;br /&gt;
  .sf-manual-page .sf-table td {&lt;br /&gt;
    padding-left: 7px;&lt;br /&gt;
    padding-right: 7px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  /* Only deliberately wide tables scroll horizontally. */&lt;br /&gt;
  .sf-manual-page .sf-table-scroll .sf-table {&lt;br /&gt;
    width: 760px;&lt;br /&gt;
    min-width: 760px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ================================================================&lt;br /&gt;
   SINFAR WIKI MAIN v3.2 — RESPONSIVE PRODUCTION-READINESS PASS&lt;br /&gt;
   Complete premium-module replacement. Scoped to .sf-hub.&lt;br /&gt;
   ================================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-hub {&lt;br /&gt;
  --hub-void: #07090e;&lt;br /&gt;
  --hub-void-2: #0b0f17;&lt;br /&gt;
  --hub-plate: #0f131d;&lt;br /&gt;
  --hub-plate-2: #141923;&lt;br /&gt;
  --hub-brass: #c8a25c;&lt;br /&gt;
  --hub-brass-bright: #e6c987;&lt;br /&gt;
  --hub-line: rgba(200,162,92,.28);&lt;br /&gt;
  --hub-line-strong: rgba(200,162,92,.5);&lt;br /&gt;
  --hub-verdigris: #57b7a3;&lt;br /&gt;
  --hub-parchment: #ece1c9;&lt;br /&gt;
  --hub-slate: #9ba3b4;&lt;br /&gt;
  --hub-rose: #e0788a;&lt;br /&gt;
  --hub-display: &amp;quot;Trajan Pro 3&amp;quot;, &amp;quot;Cinzel&amp;quot;, &amp;quot;Palatino Linotype&amp;quot;, Palatino, Georgia, serif;&lt;br /&gt;
  --hub-reading: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Arial, sans-serif;&lt;br /&gt;
  --hub-mono: &amp;quot;Cascadia Code&amp;quot;, &amp;quot;Cascadia Mono&amp;quot;, Consolas, monospace;&lt;br /&gt;
  container: sf-hub / inline-size;&lt;br /&gt;
  overflow: clip;&lt;br /&gt;
  background:&lt;br /&gt;
    radial-gradient(circle at 50% 0, rgba(87,183,163,.04), transparent 34rem),&lt;br /&gt;
    var(--hub-void-2);&lt;br /&gt;
  color: var(--hub-parchment);&lt;br /&gt;
  font-family: var(--hub-reading);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub *, .sf-hub *::before, .sf-hub *::after { box-sizing: border-box; }&lt;br /&gt;
.sf-hub p, .sf-hub h1, .sf-hub h2, .sf-hub h3 { margin-block-start: 0; }&lt;br /&gt;
.sf-hub a, .sf-hub a:visited { color: inherit; text-decoration: none; }&lt;br /&gt;
.sf-hub a:hover { color: var(--hub-brass-bright); }&lt;br /&gt;
&lt;br /&gt;
/* Masthead */&lt;br /&gt;
.sf-hub-masthead {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: minmax(0,1fr) auto;&lt;br /&gt;
  grid-template-areas: &amp;quot;brand search&amp;quot; &amp;quot;nav nav&amp;quot;;&lt;br /&gt;
  margin-inline: -12px;&lt;br /&gt;
  border-block: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.98);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-brand {&lt;br /&gt;
  grid-area: brand;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  padding: 11px 14px;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-stewards { display: grid; width: 100%; min-width: 0; gap: 6px; }&lt;br /&gt;
.sf-hub-stewards-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--hub-verdigris); font: 700 .52rem/1.2 var(--hub-mono); letter-spacing: .15em; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-label strong { flex: none; color: var(--hub-rose); font-size: .49rem; letter-spacing: .12em; }&lt;br /&gt;
.sf-hub-stewards-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--hub-line); background: rgba(200,162,92,.025); }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div { display: grid; min-width: 0; gap: 2px; padding: 6px 5px 5px; border-right: 1px solid var(--hub-line); text-align: center; }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-stewards-list strong { overflow: hidden; color: var(--hub-brass-bright); font: 600 .6rem/1.15 var(--hub-mono); letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-list small { color: var(--hub-slate); font: 500 .46rem/1.2 var(--hub-reading); letter-spacing: .03em; }&lt;br /&gt;
&lt;br /&gt;
.sf-hub-search {&lt;br /&gt;
  grid-area: search;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-search a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 38px;&lt;br /&gt;
  padding: 0 13px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-nav {&lt;br /&gt;
  grid-area: nav;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2,minmax(0,1fr));&lt;br /&gt;
  border-top: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav-item { min-width: 0; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-hub-nav-item:nth-child(2n), .sf-hub-nav-item:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-nav-item:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
.sf-hub-nav a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .74rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .025em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 30px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 7px;&lt;br /&gt;
  background: linear-gradient(90deg,transparent,var(--hub-brass-bright),transparent);&lt;br /&gt;
  opacity: .72;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a:hover::after, .sf-hub-nav a:focus-visible::after { width: 46px; opacity: 1; }&lt;br /&gt;
.sf-hub-nav a:hover, .sf-hub-nav a:focus-visible { background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Hero */&lt;br /&gt;
.sf-hub-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: clamp(290px,74vw,410px);&lt;br /&gt;
  margin: 10px 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  background: var(--hub-void);&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-art, .sf-hub-hero-art &amp;gt; a, .sf-hub-hero-art &amp;gt; span,&lt;br /&gt;
.sf-hub-hero-art [typeof~=&amp;quot;mw:File&amp;quot;], .sf-hub-hero-art .mw-file-description { position: absolute; inset: 0; display: block; }&lt;br /&gt;
.sf-hub-hero-art img, .sf-hub-hero-art .mw-file-element { width: 100%; height: 100%; object-fit: cover; object-position: center; }&lt;br /&gt;
.sf-hub-hero::after {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background: linear-gradient(180deg,rgba(7,9,14,.08),rgba(7,9,14,.18) 40%,rgba(7,9,14,.82));&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
  align-self: center;&lt;br /&gt;
  justify-self: center;&lt;br /&gt;
  width: min(92%,720px);&lt;br /&gt;
  padding: 26px 16px 24px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-lockup { width: clamp(15rem,38vw,27rem); margin: 9px auto 7px; line-height: 0; }&lt;br /&gt;
.sf-hub-hero-lockup img { display: block; width: 100%; height: auto; filter: drop-shadow(0 3px 5px rgba(0,0,0,.94)) drop-shadow(0 0 13px rgba(230,201,135,.22)); }&lt;br /&gt;
.sf-hub-kicker, .sf-hub-heading-label {&lt;br /&gt;
  color: var(--hub-verdigris);&lt;br /&gt;
  font: 700 .68rem/1.3 var(--hub-mono);&lt;br /&gt;
  letter-spacing: .2em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero .sf-hub-kicker {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  padding: 5px 12px 4px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.72);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  text-shadow: 0 1px 4px #000;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero h1 {&lt;br /&gt;
  margin: 7px 0 5px;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(2.35rem,12vw,4.6rem)/.95 var(--hub-display);&lt;br /&gt;
  letter-spacing: .1em;&lt;br /&gt;
  text-shadow: 0 2px 8px #000;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy &amp;gt; p { margin: 0 auto 15px; color: var(--hub-parchment); font-size: clamp(.86rem,2.8vw,1rem); }&lt;br /&gt;
.sf-hub-primary { display: inline-block; }&lt;br /&gt;
.sf-hub-primary a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 42px;&lt;br /&gt;
  padding: 0 20px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-brass);&lt;br /&gt;
  background: rgba(7,9,14,.84);&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font: 700 .74rem/1 var(--hub-display);&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Shared sections */&lt;br /&gt;
.sf-hub-section { padding: 34px 0 0; }&lt;br /&gt;
.sf-hub-heading { display: grid; gap: 6px; margin-bottom: 16px; }&lt;br /&gt;
.sf-hub-heading h2 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(1.35rem,5vw,1.85rem)/1.12 var(--hub-display);&lt;br /&gt;
  letter-spacing: .035em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-heading h2::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 56px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  background: linear-gradient(90deg,var(--hub-brass),transparent);&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tasks */&lt;br /&gt;
.sf-task-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-task {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 44px minmax(0,1fr);&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(180deg,rgba(15,19,29,.88),rgba(9,12,19,.94));&lt;br /&gt;
}&lt;br /&gt;
.sf-task-icon, .sf-access-icon {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 1.05rem/1 var(--hub-display);&lt;br /&gt;
}&lt;br /&gt;
.sf-task &amp;gt; span:last-child, .sf-access &amp;gt; span:last-child { display: grid; gap: 4px; min-width: 0; padding: 11px 12px; }&lt;br /&gt;
.sf-task strong, .sf-access strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-task small, .sf-access small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
.sf-task:hover, .sf-task:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.06); }&lt;br /&gt;
&lt;br /&gt;
/* Downloads and access */&lt;br /&gt;
.sf-access-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-access {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 46px minmax(0,1fr);&lt;br /&gt;
  min-height: 72px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(135deg,rgba(200,162,92,.07),rgba(15,19,29,.72));&lt;br /&gt;
}&lt;br /&gt;
.sf-access:hover, .sf-access:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Resource directories */&lt;br /&gt;
.sf-directory-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }&lt;br /&gt;
.sf-directory { --directory-accent: var(--hub-brass); min-width: 0; border: 1px solid var(--hub-line); border-top: 2px solid var(--directory-accent); background: linear-gradient(160deg,color-mix(in srgb,var(--directory-accent) 6%,var(--hub-plate)),var(--hub-void)); }&lt;br /&gt;
.sf-directory--blue { --directory-accent: #5e91b8; }&lt;br /&gt;
.sf-directory--green { --directory-accent: #6c9f62; }&lt;br /&gt;
.sf-directory-head { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; min-height: 62px; border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-directory-head &amp;gt; span { display: grid; height: 100%; place-items: center; border-right: 1px solid var(--hub-line); color: var(--hub-brass-bright); }&lt;br /&gt;
.sf-directory h3 { margin: 0; padding: 10px 12px; color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-directory-links { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 7px 14px 12px; color: var(--hub-parchment); font-size: .8rem; line-height: 1.7; }&lt;br /&gt;
.sf-directory-links br { display: none; }&lt;br /&gt;
.sf-directory-links a { padding: 3px 0; text-decoration: underline; text-decoration-color: var(--hub-line-strong); text-underline-offset: 3px; }&lt;br /&gt;
&lt;br /&gt;
/* Living world */&lt;br /&gt;
.sf-community-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-community { display: grid; gap: 5px; min-width: 0; padding: 14px 15px; border: 1px solid var(--hub-line); border-left: 2px solid #9a6cac; background: rgba(15,19,29,.65); }&lt;br /&gt;
.sf-community strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-community small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Category registry */&lt;br /&gt;
.sf-category-list { display: grid; grid-template-columns: minmax(0,1fr); border-top: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-category-list &amp;gt; div { display: grid; gap: 4px; min-width: 0; padding: 13px 14px; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); background: rgba(15,19,29,.45); }&lt;br /&gt;
.sf-category-list strong { color: var(--hub-parchment); font-size: .84rem; }&lt;br /&gt;
.sf-category-list small { color: var(--hub-slate); font-size: .75rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Footer */&lt;br /&gt;
.sf-hub-footer {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 36px;&lt;br /&gt;
  padding: 22px 0 8px;&lt;br /&gt;
  border-top: 1px solid var(--hub-line-strong);&lt;br /&gt;
  color: var(--hub-slate);&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-footer-brand { display: grid; gap: 2px; }&lt;br /&gt;
.sf-hub-footer strong { color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-hub-footer small { color: var(--hub-slate); }&lt;br /&gt;
.sf-hub-footer a { color: var(--hub-parchment) !important; }&lt;br /&gt;
&lt;br /&gt;
/* Responsive compositions */&lt;br /&gt;
@container sf-hub (min-width: 506px) {&lt;br /&gt;
  .sf-task-grid, .sf-community-grid, .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 666px) {&lt;br /&gt;
  .sf-hub-masthead { margin-inline: -16px; }&lt;br /&gt;
  .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
  .sf-hub-nav-item, .sf-hub-nav-item:nth-child(2n) { border-right: 1px solid var(--hub-line); border-bottom: 0; }&lt;br /&gt;
  .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
  .sf-hub-nav a { min-height: 48px; }&lt;br /&gt;
  .sf-hub-hero { min-height: clamp(390px,50vw,550px); margin-top: 8px; }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: auto; }&lt;br /&gt;
  .sf-hub-footer { grid-template-columns: minmax(190px,.7fr) minmax(0,2fr); align-items: end; }&lt;br /&gt;
  .sf-hub-footer-links { text-align: right; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 910px) {&lt;br /&gt;
  .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
  .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 1138px) {&lt;br /&gt;
  .sf-hub-masthead {&lt;br /&gt;
    grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto;&lt;br /&gt;
    grid-template-areas: &amp;quot;brand nav search&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-hub-brand { min-height: 64px; padding-block: 8px; }&lt;br /&gt;
  .sf-hub-nav { border-top: 0; }&lt;br /&gt;
  .sf-hub-nav-item { border-left: 1px solid var(--hub-line); }&lt;br /&gt;
  .sf-hub-nav a { min-height: 64px; font-size: .78rem; }&lt;br /&gt;
  .sf-hub-hero { min-height: 520px; }&lt;br /&gt;
  .sf-hub-hero-copy { padding-block: 28px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Accessibility and static-motion lock */&lt;br /&gt;
.sf-hub a:focus-visible { outline: 2px solid var(--hub-verdigris); outline-offset: -3px; }&lt;br /&gt;
.sf-hub .sf-task, .sf-hub .sf-access, .sf-hub .sf-directory,&lt;br /&gt;
.sf-hub .sf-community, .sf-hub .sf-category-list &amp;gt; div, .sf-hub img, .sf-hub a { transform: none !important; transition: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-hub *, .sf-hub *::before, .sf-hub *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@supports not (container-type: inline-size) {&lt;br /&gt;
  @media screen and (min-width: 720px) {&lt;br /&gt;
    .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
    .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
    .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
    .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  }&lt;br /&gt;
  @media screen and (min-width: 1200px) {&lt;br /&gt;
    .sf-hub-masthead { grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto; grid-template-areas: &amp;quot;brand nav search&amp;quot;; }&lt;br /&gt;
    .sf-hub-nav { border-top: 0; }&lt;br /&gt;
    .sf-hub-nav a { min-height: 64px; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
    .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
	<entry>
		<id>https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1342</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.sinfar.net/index.php?title=MediaWiki:Common.css&amp;diff=1342"/>
		<updated>2026-08-05T22:09:20Z</updated>

		<summary type="html">&lt;p&gt;TorturedCats: Style parser-safe ownership registry columns&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ============================================================&lt;br /&gt;
   Sinfar Wiki Visual System v3.0&lt;br /&gt;
   Unified Common.css Framework&lt;br /&gt;
   Scope doctrine:&lt;br /&gt;
   - New/refit pages use: &amp;lt;div class=&amp;quot;sf-page&amp;quot;&amp;gt;&lt;br /&gt;
   - Legacy pages may still use .sinfar-page / .sf-card / .sf-heading&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   1. DESIGN TOKENS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
  --sf-bg-page: #0f141b;&lt;br /&gt;
  --sf-bg-shell: #11161d;&lt;br /&gt;
  --sf-bg-panel: rgba(18, 14, 12, .78);&lt;br /&gt;
  --sf-bg-panel-solid: #181214;&lt;br /&gt;
  --sf-bg-panel-soft: rgba(216, 180, 106, .08);&lt;br /&gt;
  --sf-bg-hero: linear-gradient(135deg, #21150f, #3a2417);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-border: rgba(216, 180, 106, .28);&lt;br /&gt;
  --sf-border-strong: rgba(216, 180, 106, .48);&lt;br /&gt;
  --sf-border-muted: rgba(244, 239, 230, .09);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-text: #f4efe6;&lt;br /&gt;
  --sf-text-muted: #c9bda9;&lt;br /&gt;
  --sf-gold: #d8b46a;&lt;br /&gt;
  --sf-gold-bright: #f0d28a;&lt;br /&gt;
  --sf-link: #8fc6ff;&lt;br /&gt;
  --sf-link-hover: #b8d6ff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-red: #9f4b3e;&lt;br /&gt;
  --sf-green: #2f5d3a;&lt;br /&gt;
  --sf-blue: #334e7a;&lt;br /&gt;
  --sf-purple: #60456f;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  --sf-radius-sm: 7px;&lt;br /&gt;
  --sf-radius-md: 10px;&lt;br /&gt;
  --sf-gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   2. SOVEREIGN PAGE SHELL&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page,&lt;br /&gt;
.sinfar-page {&lt;br /&gt;
  background: var(--sf-bg-shell);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 16px;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
  font-size: 14px;&lt;br /&gt;
  box-shadow: 0 0 22px rgba(0,0,0,.35);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page *,&lt;br /&gt;
.sinfar-page * {&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a,&lt;br /&gt;
.sf-page a:visited,&lt;br /&gt;
.sf-page a.external,&lt;br /&gt;
.sf-page a.external:visited,&lt;br /&gt;
.sinfar-page a,&lt;br /&gt;
.sinfar-page a:visited,&lt;br /&gt;
.sinfar-page a.external,&lt;br /&gt;
.sinfar-page a.external:visited {&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page a:hover,&lt;br /&gt;
.sinfar-page a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page code,&lt;br /&gt;
.sinfar-page code {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
  padding: 1px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   3. TYPOGRAPHY&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page h1,&lt;br /&gt;
.sf-page h2,&lt;br /&gt;
.sf-page h3,&lt;br /&gt;
.sinfar-page h1,&lt;br /&gt;
.sinfar-page h2,&lt;br /&gt;
.sinfar-page h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-section-title,&lt;br /&gt;
.sf-heading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  margin: 18px 0 8px;&lt;br /&gt;
  padding-bottom: 3px;&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-subheading {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 10px 0 6px;&lt;br /&gt;
  font-size: 1.15rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-muted {&lt;br /&gt;
  color: var(--sf-text-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-label,&lt;br /&gt;
.sf-name {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-center {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   4. HEROES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero,&lt;br /&gt;
.sf-hero-compact {&lt;br /&gt;
  background: var(--sf-bg-hero);&lt;br /&gt;
  border: 1px solid var(--sf-border-strong);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 14px 18px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero h1,&lt;br /&gt;
.sf-hero-compact h1,&lt;br /&gt;
.sf-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 4px;&lt;br /&gt;
  font-size: 1.85rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero p,&lt;br /&gt;
.sf-hero-compact p,&lt;br /&gt;
.sf-subtitle {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-eyebrow {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main {&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-hero-main h1 {&lt;br /&gt;
  font-size: 2.35rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   5. GRIDS / STATUS TILES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2,&lt;br /&gt;
.sf-grid-3,&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-grid-5,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-4,&lt;br /&gt;
.sf-status-grid,&lt;br /&gt;
.sf-start-status { grid-template-columns: repeat(4, minmax(0, 1fr)); }&lt;br /&gt;
.sf-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid &amp;gt; div,&lt;br /&gt;
.sf-start-status &amp;gt; div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid b,&lt;br /&gt;
.sf-start-status b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-status-grid span,&lt;br /&gt;
.sf-start-status span {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   6. QUICKBARS / INDEX GRIDS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar,&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-index-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar &amp;gt; div,&lt;br /&gt;
.sf-index-grid &amp;gt; div,&lt;br /&gt;
.sf-pathline {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-quickbar b,&lt;br /&gt;
.sf-index-grid b {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
============================================================&lt;br /&gt;
   6A. REFERENCE MANUAL LAYOUT&lt;br /&gt;
   Reusable side directory for long technical documentation.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content [id] {&lt;br /&gt;
  scroll-margin-top: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 12px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  max-height: calc(100vh - 24px);&lt;br /&gt;
  overflow-y: auto;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-title {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  padding-bottom: 7px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc-group {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin: 12px 0 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a,&lt;br /&gt;
.sf-manual-toc a:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 5px 1px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-toc a:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example {&lt;br /&gt;
  background: rgba(216,180,106,.06);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  margin: 7px 0 9px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-example &amp;gt; :last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-color-swatch {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 22px;&lt;br /&gt;
  height: 14px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  margin-right: 7px;&lt;br /&gt;
  border: 1px solid rgba(255,255,255,.28);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  vertical-align: -2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
===========================================================&lt;br /&gt;
   7. DECISION PANELS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.25fr 1fr 1fr;&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision,&lt;br /&gt;
.sf-card,&lt;br /&gt;
.sf-panel {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-md);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-primary {&lt;br /&gt;
  border-color: rgba(240,210,138,.58);&lt;br /&gt;
  background: linear-gradient(135deg, rgba(60,38,20,.88), rgba(18,14,12,.78));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision-kicker {&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  letter-spacing: .07em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 4px 0 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-decision p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   8. ACTION LISTS / BUTTONS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 12px 0 0 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list li {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a,&lt;br /&gt;
.sf-action-list a:visited,&lt;br /&gt;
.sf-action-list a.external,&lt;br /&gt;
.sf-action-list a.external:visited {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: rgba(216,180,106,.10);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.32);&lt;br /&gt;
  border-radius: 7px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  color: #8fc6ff;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-action-list a:hover,&lt;br /&gt;
.sf-action-list a.external:hover {&lt;br /&gt;
  background: rgba(216,180,106,.16);&lt;br /&gt;
  border-color: rgba(240,210,138,.48);&lt;br /&gt;
  color: #b8d6ff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   9. TABLES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  border-collapse: collapse;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table th {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-strong);&lt;br /&gt;
  padding: 8px 10px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table td {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border-muted);&lt;br /&gt;
  padding: 7px 10px;&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table tr:last-child td {&lt;br /&gt;
  border-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-table-scroll .sf-table {&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value,&lt;br /&gt;
.sf-good {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-value {&lt;br /&gt;
  color: #f4c96b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-good {&lt;br /&gt;
  color: #9fe6bd;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Standard table column helpers */&lt;br /&gt;
.sf-channel-table th:nth-child(1),&lt;br /&gt;
.sf-channel-table td:nth-child(1) { width: 14%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(2),&lt;br /&gt;
.sf-channel-table td:nth-child(2) { width: 31%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(3),&lt;br /&gt;
.sf-channel-table td:nth-child(3) { width: 37%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-channel-table th:nth-child(4),&lt;br /&gt;
.sf-channel-table td:nth-child(4) { width: 18%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(1),&lt;br /&gt;
.sf-setup-table td:nth-child(1) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(2),&lt;br /&gt;
.sf-setup-table td:nth-child(2) { width: 52%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-setup-table th:nth-child(3),&lt;br /&gt;
.sf-setup-table td:nth-child(3) { width: 24%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   10. BADGES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: 2px 7px;&lt;br /&gt;
  margin: 1px 2px 1px 0;&lt;br /&gt;
  font-size: .78rem;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-badge-ic { background: #2f5d3a; color: #eaffef; }&lt;br /&gt;
.sf-badge-ooc { background: #334e7a; color: #eef4ff; }&lt;br /&gt;
.sf-badge-dm { background: #6f3b3b; color: #fff0f0; }&lt;br /&gt;
.sf-badge-range { background: #5f4c27; color: #fff2c2; }&lt;br /&gt;
.sf-badge-area { background: #60456f; color: #f7eaff; }&lt;br /&gt;
.sf-badge-support { background: #4e5563; color: #f0f3f8; }&lt;br /&gt;
.sf-badge-best { background: #6a5423; color: #fff0bd; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   11. ALERTS / NOTES / RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note,&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning,&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  margin: 8px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-note {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-left: 4px solid var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert,&lt;br /&gt;
.sf-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border: 1px solid rgba(216,180,106,.24);&lt;br /&gt;
  border-left: 4px solid #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert b,&lt;br /&gt;
.sf-warning b {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-info {&lt;br /&gt;
  background: rgba(38,58,92,.34);&lt;br /&gt;
  border-left-color: #6fa8dc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-warning {&lt;br /&gt;
  background: rgba(94,63,18,.35);&lt;br /&gt;
  border-left-color: #d8a447;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-alert-danger,&lt;br /&gt;
.sf-note--red {&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
  border-left-color: var(--sf-red);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-rule {&lt;br /&gt;
  border-left: 4px solid var(--sf-red);&lt;br /&gt;
  background: rgba(80,30,25,.30);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   12. PROGRESS LINES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: var(--sf-gap);&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line div {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line b {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  line-height: 24px;&lt;br /&gt;
  background: rgba(216,180,106,.24);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-progress-line span {&lt;br /&gt;
  display: block;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  font-size: .88rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   13. CODE / SCRIPTING DOCS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock,&lt;br /&gt;
.sf-codebox,&lt;br /&gt;
.sf-page pre,&lt;br /&gt;
.sinfar-page pre {&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-codeblock code,&lt;br /&gt;
.sf-codebox code,&lt;br /&gt;
.sf-page pre code,&lt;br /&gt;
.sinfar-page pre code {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* &lt;br /&gt;
============================================================&lt;br /&gt;
   14. IMAGES / SCREENSHOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  padding: 6px;&lt;br /&gt;
  margin: 8px 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-frame img {&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
/* &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
============================================================&lt;br /&gt;
   MAIN PAGE IMAGE SLOTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot{&lt;br /&gt;
    position:relative;&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
    border:1px solid var(--sf-border);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    background:#120d10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-img{&lt;br /&gt;
    aspect-ratio:16/9;&lt;br /&gt;
    margin:0 0 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-img-slot img{&lt;br /&gt;
    display:block;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    height:100%;&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   15. CHAT CHANNEL COLOR LOCKS&lt;br /&gt;
   Match in-game channel color identity.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan {&lt;br /&gt;
  font-weight: 900;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-shout   { color: #feef50; }&lt;br /&gt;
.sf-chan-dm      { color: #f67271; }&lt;br /&gt;
.sf-chan-event   { color: #ab23f2; }&lt;br /&gt;
.sf-chan-action  { color: #b56a23; }&lt;br /&gt;
.sf-chan-ooc     { color: #b1a2bd; }&lt;br /&gt;
.sf-chan-pvp     { color: #fe5f2e; }&lt;br /&gt;
.sf-chan-sex     { color: #f520e1; }&lt;br /&gt;
.sf-chan-build   { color: #b7f520; }&lt;br /&gt;
.sf-chan-ffa     { color: #20bff0; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-chan-talk    { color: #fefefe; }&lt;br /&gt;
.sf-chan-whisper { color: #b0b0b0; }&lt;br /&gt;
.sf-chan-quiet   { color: #777777; }&lt;br /&gt;
.sf-chan-silent  { color: #666666; }&lt;br /&gt;
.sf-chan-yell    { color: #d92324; }&lt;br /&gt;
.sf-chan-party   { color: #fefefe; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   16. FOOTERS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footerlinks,&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  margin-top: 14px;&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  border-top: 1px solid var(--sf-border);&lt;br /&gt;
  color: var(--sf-gold);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-footer {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  background: #120d10;&lt;br /&gt;
  padding: 12px 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   17. LEGACY COMPATIBILITY&lt;br /&gt;
   Keeps older remaster pages readable without preserving chaos.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--gold,&lt;br /&gt;
.sf-table--gold {&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  border-color: var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--green,&lt;br /&gt;
.sf-table--green {&lt;br /&gt;
  background: rgba(17,26,18,.82);&lt;br /&gt;
  border-color: rgba(68,107,53,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--blue,&lt;br /&gt;
.sf-table--blue {&lt;br /&gt;
  background: rgba(16,24,32,.82);&lt;br /&gt;
  border-color: rgba(52,87,122,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--red,&lt;br /&gt;
.sf-table--red {&lt;br /&gt;
  background: rgba(26,16,16,.82);&lt;br /&gt;
  border-color: rgba(122,52,47,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-card--purple,&lt;br /&gt;
.sf-table--purple {&lt;br /&gt;
  background: rgba(25,17,29,.82);&lt;br /&gt;
  border-color: rgba(91,59,120,.72);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-heading--gold { color: var(--sf-gold-bright); border-bottom-color: var(--sf-border); }&lt;br /&gt;
.sf-heading--green { color: #91d38f; border-bottom-color: #446b35; }&lt;br /&gt;
.sf-heading--blue { color: #8fc6ff; border-bottom-color: #34577a; }&lt;br /&gt;
.sf-heading--red { color: #ff9c8f; border-bottom-color: #7a342f; }&lt;br /&gt;
.sf-heading--purple { color: #c49cff; border-bottom-color: #5b3b78; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: var(--sf-bg-panel);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  border: 1px solid var(--sf-border);&lt;br /&gt;
  border-radius: var(--sf-radius-sm);&lt;br /&gt;
  margin: 9px 0 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket th {&lt;br /&gt;
  background: rgba(216,180,106,.14);&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  padding: 9px 12px;&lt;br /&gt;
  border-bottom: 1px solid var(--sf-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-docket td {&lt;br /&gt;
  background: rgba(18,14,12,.72);&lt;br /&gt;
  color: var(--sf-text);&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   18. LISTS&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page ul,&lt;br /&gt;
.sf-page ol,&lt;br /&gt;
.sinfar-page ul,&lt;br /&gt;
.sinfar-page ol {&lt;br /&gt;
  margin: 6px 0 8px;&lt;br /&gt;
  padding-left: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-page li,&lt;br /&gt;
.sinfar-page li {&lt;br /&gt;
  margin: 2px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   19. MOBILE RULES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-decision-grid,&lt;br /&gt;
  .sf-index-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
  .sf-page,&lt;br /&gt;
  .sinfar-page {&lt;br /&gt;
    padding: 12px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-quickbar,&lt;br /&gt;
  .sf-grid-2,&lt;br /&gt;
  .sf-grid-3,&lt;br /&gt;
  .sf-grid-4,&lt;br /&gt;
  .sf-grid-5,&lt;br /&gt;
  .sf-status-grid,&lt;br /&gt;
  .sf-start-status,&lt;br /&gt;
  .sf-progress-line {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-table {&lt;br /&gt;
    table-layout: auto;&lt;br /&gt;
    font-size: .92rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-channel-table th:nth-child(n),&lt;br /&gt;
  .sf-channel-table td:nth-child(n),&lt;br /&gt;
  .sf-setup-table th:nth-child(n),&lt;br /&gt;
  .sf-setup-table td:nth-child(n) {&lt;br /&gt;
    width: auto;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   Sinfar Main Page Module v1.0&lt;br /&gt;
   Purpose: cinematic front-door layout for Main Page only.&lt;br /&gt;
   Requires wrapper: &amp;lt;div class=&amp;quot;sf-page sf-main-page&amp;quot;&amp;gt;&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page {&lt;br /&gt;
  max-width: 1320px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Cinematic Main Hero ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  aspect-ratio: 16 / 9;&lt;br /&gt;
  min-height: 0;&lt;br /&gt;
&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  padding: 64px 48px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Hero Artwork ---------- */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 0;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: inherit;&lt;br /&gt;
  background: #0b0d11;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; a,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot &amp;gt; span,&lt;br /&gt;
.sf-main-page .sf-hero-art-slot .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Flat dark overlay for text readability. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-art-slot::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
&lt;br /&gt;
  background: rgba(5, 8, 12, .48);&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Keep hero text above the artwork and overlay. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main &amp;gt; :not(.sf-hero-art-slot) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main h1 {&lt;br /&gt;
  margin: 0 0 6px;&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
&lt;br /&gt;
  font-size: 3.15rem;&lt;br /&gt;
  line-height: 1.08;&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
&lt;br /&gt;
  text-shadow:&lt;br /&gt;
    0 2px 3px rgba(0,0,0,.95),&lt;br /&gt;
    0 0 14px rgba(0,0,0,.78);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main .sf-eyebrow,&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  text-shadow: 0 2px 4px rgba(0,0,0,.95);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-hero-main p {&lt;br /&gt;
  max-width: 680px;&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: 1.08rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision-grid {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision {&lt;br /&gt;
  min-height: 300px;&lt;br /&gt;
  padding: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-decision h3 {&lt;br /&gt;
  font-size: 1.45rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Feature Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-grid-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  gap: 24px;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card {&lt;br /&gt;
  min-height: 190px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card h3 {&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  margin: 0 0 8px;&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card p {&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Action Links ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links {&lt;br /&gt;
  margin-top: 12px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  box-shadow: none;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a,&lt;br /&gt;
.sf-main-page .sf-action-links a:visited,&lt;br /&gt;
.sf-main-page .sf-action-links a.external,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:visited {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  color: var(--sf-link);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-action-links a:hover,&lt;br /&gt;
.sf-main-page .sf-action-links a.external:hover {&lt;br /&gt;
  color: var(--sf-link-hover);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Community Strip ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-quickbar {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
  gap: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Main Page Responsive Layout ---------- */&lt;br /&gt;
&lt;br /&gt;
/* Split desktop, tablets, landscape */&lt;br /&gt;
@media screen and (min-width: 721px) and (max-width: 860px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision,&lt;br /&gt;
  .sf-main-page .sf-card {&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 32px 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.35rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Phones */&lt;br /&gt;
@media screen and (max-width: 720px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-decision-grid,&lt;br /&gt;
  .sf-main-page .sf-grid-3,&lt;br /&gt;
  .sf-main-page .sf-quickbar {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    min-height: 0;&lt;br /&gt;
    padding: 24px 16px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    font-size: 2.1rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Small phones */&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main {&lt;br /&gt;
    padding: 18px 14px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main .sf-eyebrow {&lt;br /&gt;
    font-size: .66rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main h1 {&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    font-size: 1.85rem;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sf-main-page .sf-hero-main p {&lt;br /&gt;
    margin-bottom: 7px;&lt;br /&gt;
    font-size: .9rem;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================================&lt;br /&gt;
   MAIN PAGE COMMUNITY LINKS — DISCORD / PATREON&lt;br /&gt;
   ========================================================= */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 8px 0 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 58px;&lt;br /&gt;
  padding: 8px 16px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Control MediaWiki-generated wrappers around file images. */&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link &amp;gt; p,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; span,&lt;br /&gt;
.sf-main-page .community-link &amp;gt; a,&lt;br /&gt;
.sf-main-page .community-link .mw-file-description {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link img,&lt;br /&gt;
.sf-main-page .community-link .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: 30px;&lt;br /&gt;
  max-width: 82%;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--discord {&lt;br /&gt;
  background-color: #5865f2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .community-link--patreon {&lt;br /&gt;
  background-color: #ff424d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 520px) {&lt;br /&gt;
  .sf-main-page .community-link-grid {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   MAIN PAGE — COLORED CARD SYSTEM&lt;br /&gt;
   Static layered gradients only. No glow, blur, or filters.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Shared Card Construction ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card,&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: #181214;&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      135deg,&lt;br /&gt;
      rgba(255,255,255,.025) 0%,&lt;br /&gt;
      transparent 34%,&lt;br /&gt;
      rgba(0,0,0,.12) 70%,&lt;br /&gt;
      rgba(0,0,0,.24) 100%&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      118deg,&lt;br /&gt;
      rgba(255,255,255,.014) 0,&lt;br /&gt;
      rgba(255,255,255,.014) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 7px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Subtle inner line without glow or shadow. */&lt;br /&gt;
.sf-main-page .sf-journey-card::after,&lt;br /&gt;
.sf-main-page .sf-feature-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 4px;&lt;br /&gt;
  z-index: -1;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
  border: 1px solid rgba(244,239,230,.035);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Card Header ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  min-height: 48px;&lt;br /&gt;
  margin: -22px -22px 14px;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  background-color: var(--sf-card-head, rgba(216,180,106,.10));&lt;br /&gt;
  background-image:&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
      90deg,&lt;br /&gt;
      rgba(255,255,255,.035),&lt;br /&gt;
      transparent 48%,&lt;br /&gt;
      rgba(0,0,0,.16)&lt;br /&gt;
    ),&lt;br /&gt;
    repeating-linear-gradient(&lt;br /&gt;
      120deg,&lt;br /&gt;
      rgba(255,255,255,.012) 0,&lt;br /&gt;
      rgba(255,255,255,.012) 1px,&lt;br /&gt;
      transparent 1px,&lt;br /&gt;
      transparent 6px&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  border-bottom: 1px solid var(--sf-card-border, var(--sf-border));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-head h3 {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  color: var(--sf-gold-bright);&lt;br /&gt;
  font-size: 1.25rem;&lt;br /&gt;
  line-height: 1.15;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Header Icon Slot ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  width: 38px;&lt;br /&gt;
  height: 38px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-card-icon img,&lt;br /&gt;
.sf-main-page .sf-card-icon .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Journey Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-journey-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.42);&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ---------- Featured System Cards ---------- */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card {&lt;br /&gt;
  --sf-card-border: rgba(216,180,106,.34);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  min-height: 100%;&lt;br /&gt;
  padding: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head {&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  margin: -14px -14px 12px;&lt;br /&gt;
  padding: 8px 11px;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-head h3 {&lt;br /&gt;
  font-size: 1.02rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-card-icon {&lt;br /&gt;
  width: 23px;&lt;br /&gt;
  height: 23px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-main-page .sf-feature-card .sf-action-links {&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   CATEGORY THEMES&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* New arrivals — crimson */&lt;br /&gt;
.sf-main-page .sf-theme-crimson {&lt;br /&gt;
  --sf-card-head: rgba(83,20,20,.92);&lt;br /&gt;
  --sf-card-border: rgba(155,69,57,.70);&lt;br /&gt;
  background-color: #1b1011;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Player resources — midnight blue */&lt;br /&gt;
.sf-main-page .sf-theme-blue {&lt;br /&gt;
  --sf-card-head: rgba(18,46,74,.94);&lt;br /&gt;
  --sf-card-border: rgba(62,104,143,.72);&lt;br /&gt;
  background-color: #101922;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Builder resources — forest green */&lt;br /&gt;
.sf-main-page .sf-theme-green {&lt;br /&gt;
  --sf-card-head: rgba(29,65,38,.94);&lt;br /&gt;
  --sf-card-border: rgba(65,110,67,.72);&lt;br /&gt;
  background-color: #111a14;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Community — royal purple */&lt;br /&gt;
.sf-main-page .sf-theme-purple {&lt;br /&gt;
  --sf-card-head: rgba(67,32,79,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,68,124,.72);&lt;br /&gt;
  background-color: #19121d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Housing — slate blue */&lt;br /&gt;
.sf-main-page .sf-theme-slate {&lt;br /&gt;
  --sf-card-head: rgba(40,57,72,.94);&lt;br /&gt;
  --sf-card-border: rgba(76,102,123,.72);&lt;br /&gt;
  background-color: #141a1f;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Businesses — warm tavern bronze */&lt;br /&gt;
.sf-main-page .sf-theme-bronze {&lt;br /&gt;
  --sf-card-head: rgba(83,52,24,.94);&lt;br /&gt;
  --sf-card-border: rgba(133,89,43,.72);&lt;br /&gt;
  background-color: #1d1610;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Character development — arcane violet */&lt;br /&gt;
.sf-main-page .sf-theme-arcane {&lt;br /&gt;
  --sf-card-head: rgba(68,42,88,.94);&lt;br /&gt;
  --sf-card-border: rgba(104,70,132,.72);&lt;br /&gt;
  background-color: #19131e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Dungeon running — deep teal */&lt;br /&gt;
.sf-main-page .sf-theme-teal {&lt;br /&gt;
  --sf-card-head: rgba(21,62,66,.94);&lt;br /&gt;
  --sf-card-border: rgba(48,104,108,.72);&lt;br /&gt;
  background-color: #101b1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* PvP — battle red */&lt;br /&gt;
.sf-main-page .sf-theme-battle {&lt;br /&gt;
  --sf-card-head: rgba(92,31,26,.94);&lt;br /&gt;
  --sf-card-border: rgba(145,65,54,.74);&lt;br /&gt;
  background-color: #1c1110;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Custom scripting — dark builder green */&lt;br /&gt;
.sf-main-page .sf-theme-script {&lt;br /&gt;
  --sf-card-head: rgba(37,67,42,.94);&lt;br /&gt;
  --sf-card-border: rgba(71,111,73,.72);&lt;br /&gt;
  background-color: #121a13;&lt;br /&gt;
}&lt;br /&gt;
/* ============================================================&lt;br /&gt;
   REFERENCE MANUAL — DEFINITIVE WIDTH CONTAINMENT&lt;br /&gt;
   Keeps later source examples from widening the entire manual.&lt;br /&gt;
   ============================================================ */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page,&lt;br /&gt;
.sf-manual-layout,&lt;br /&gt;
.sf-manual-content,&lt;br /&gt;
.sf-manual-toc {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-layout {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-content {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Every direct manual component must be permitted to shrink. */&lt;br /&gt;
.sf-manual-content &amp;gt; *,&lt;br /&gt;
.sf-manual-example,&lt;br /&gt;
.sf-manual-page .sf-card,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert,&lt;br /&gt;
.sf-manual-page .sf-quickbar,&lt;br /&gt;
.sf-manual-page .sf-start-status,&lt;br /&gt;
.sf-manual-page .sf-progress-line,&lt;br /&gt;
.sf-manual-page .sf-img-frame,&lt;br /&gt;
.sf-manual-page .sf-footerlinks {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Ordinary prose and callout content must wrap. */&lt;br /&gt;
.sf-manual-page p,&lt;br /&gt;
.sf-manual-page li,&lt;br /&gt;
.sf-manual-page dd,&lt;br /&gt;
.sf-manual-page span,&lt;br /&gt;
.sf-manual-page .sf-note,&lt;br /&gt;
.sf-manual-page .sf-alert {&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Preformatted source remains intact, but scrolls only&lt;br /&gt;
   inside its own code box. */&lt;br /&gt;
.sf-manual-page pre,&lt;br /&gt;
.sf-manual-page .sf-codeblock,&lt;br /&gt;
.sf-manual-page .sf-codebox {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  white-space: pre;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Inline code inside tables and paragraphs may wrap. */&lt;br /&gt;
.sf-manual-page :not(pre) &amp;gt; code {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Tables may never establish the width of the whole page. */&lt;br /&gt;
.sf-manual-page .sf-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.sf-manual-page .sf-table th,&lt;br /&gt;
.sf-manual-page .sf-table td {&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  overflow-wrap: anywhere;&lt;br /&gt;
  word-break: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Explicit wrapper for tables that genuinely need more width. */&lt;br /&gt;
.sf-manual-page .sf-table-scroll {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  overflow-y: hidden;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Desktop manual layout. */&lt;br /&gt;
@media screen and (min-width: 901px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    grid-template-columns: 240px minmax(0, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Mobile and narrow-tablet layout. */&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .sf-manual-layout {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr);&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-toc {&lt;br /&gt;
    position: static;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    max-height: none;&lt;br /&gt;
    overflow-x: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-content {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  .sf-manual-page .sf-table th,&lt;br /&gt;
  .sf-manual-page .sf-table td {&lt;br /&gt;
    padding-left: 7px;&lt;br /&gt;
    padding-right: 7px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
  /* Only deliberately wide tables scroll horizontally. */&lt;br /&gt;
  .sf-manual-page .sf-table-scroll .sf-table {&lt;br /&gt;
    width: 760px;&lt;br /&gt;
    min-width: 760px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ================================================================&lt;br /&gt;
   SINFAR WIKI MAIN v3.2 — RESPONSIVE PRODUCTION-READINESS PASS&lt;br /&gt;
   Complete premium-module replacement. Scoped to .sf-hub.&lt;br /&gt;
   ================================================================ */&lt;br /&gt;
&lt;br /&gt;
.sf-hub {&lt;br /&gt;
  --hub-void: #07090e;&lt;br /&gt;
  --hub-void-2: #0b0f17;&lt;br /&gt;
  --hub-plate: #0f131d;&lt;br /&gt;
  --hub-plate-2: #141923;&lt;br /&gt;
  --hub-brass: #c8a25c;&lt;br /&gt;
  --hub-brass-bright: #e6c987;&lt;br /&gt;
  --hub-line: rgba(200,162,92,.28);&lt;br /&gt;
  --hub-line-strong: rgba(200,162,92,.5);&lt;br /&gt;
  --hub-verdigris: #57b7a3;&lt;br /&gt;
  --hub-parchment: #ece1c9;&lt;br /&gt;
  --hub-slate: #9ba3b4;&lt;br /&gt;
  --hub-rose: #e0788a;&lt;br /&gt;
  --hub-display: &amp;quot;Trajan Pro 3&amp;quot;, &amp;quot;Cinzel&amp;quot;, &amp;quot;Palatino Linotype&amp;quot;, Palatino, Georgia, serif;&lt;br /&gt;
  --hub-reading: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Arial, sans-serif;&lt;br /&gt;
  --hub-mono: &amp;quot;Cascadia Code&amp;quot;, &amp;quot;Cascadia Mono&amp;quot;, Consolas, monospace;&lt;br /&gt;
  container: sf-hub / inline-size;&lt;br /&gt;
  overflow: clip;&lt;br /&gt;
  background:&lt;br /&gt;
    radial-gradient(circle at 50% 0, rgba(87,183,163,.04), transparent 34rem),&lt;br /&gt;
    var(--hub-void-2);&lt;br /&gt;
  color: var(--hub-parchment);&lt;br /&gt;
  font-family: var(--hub-reading);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub *, .sf-hub *::before, .sf-hub *::after { box-sizing: border-box; }&lt;br /&gt;
.sf-hub p, .sf-hub h1, .sf-hub h2, .sf-hub h3 { margin-block-start: 0; }&lt;br /&gt;
.sf-hub a, .sf-hub a:visited { color: inherit; text-decoration: none; }&lt;br /&gt;
.sf-hub a:hover { color: var(--hub-brass-bright); }&lt;br /&gt;
&lt;br /&gt;
/* Masthead */&lt;br /&gt;
.sf-hub-masthead {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: minmax(0,1fr) auto;&lt;br /&gt;
  grid-template-areas: &amp;quot;brand search&amp;quot; &amp;quot;nav nav&amp;quot;;&lt;br /&gt;
  margin-inline: -12px;&lt;br /&gt;
  border-block: 1px solid var(--hub-line);&lt;br /&gt;
  background: rgba(7,9,14,.98);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-brand {&lt;br /&gt;
  grid-area: brand;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  padding: 11px 14px;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-stewards { display: grid; width: 100%; min-width: 0; gap: 6px; }&lt;br /&gt;
.sf-hub-stewards-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--hub-verdigris); font: 700 .52rem/1.2 var(--hub-mono); letter-spacing: .15em; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-label strong { flex: none; color: var(--hub-rose); font-size: .49rem; letter-spacing: .12em; }&lt;br /&gt;
.sf-hub-stewards-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--hub-line); background: rgba(200,162,92,.025); }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div { display: grid; min-width: 0; gap: 2px; padding: 6px 5px 5px; border-right: 1px solid var(--hub-line); text-align: center; }&lt;br /&gt;
.sf-hub-stewards-list &amp;gt; div:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-stewards-list strong { overflow: hidden; color: var(--hub-brass-bright); font: 600 .6rem/1.15 var(--hub-mono); letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; }&lt;br /&gt;
.sf-hub-stewards-list small { color: var(--hub-slate); font: 500 .46rem/1.2 var(--hub-reading); letter-spacing: .03em; }&lt;br /&gt;
&lt;br /&gt;
.sf-hub-search {&lt;br /&gt;
  grid-area: search;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-search a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 38px;&lt;br /&gt;
  padding: 0 13px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .72rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sf-hub-nav {&lt;br /&gt;
  grid-area: nav;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2,minmax(0,1fr));&lt;br /&gt;
  border-top: 1px solid var(--hub-line);&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav-item { min-width: 0; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-hub-nav-item:nth-child(2n), .sf-hub-nav-item:last-child { border-right: 0; }&lt;br /&gt;
.sf-hub-nav-item:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
.sf-hub-nav a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 40px;&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font-size: .74rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .025em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-nav a:hover, .sf-hub-nav a:focus-visible { background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Hero */&lt;br /&gt;
.sf-hub-hero {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: clamp(290px,74vw,410px);&lt;br /&gt;
  margin: 10px 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border: 1px solid var(--hub-line-strong);&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  background: var(--hub-void);&lt;br /&gt;
  isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-art, .sf-hub-hero-art &amp;gt; a, .sf-hub-hero-art &amp;gt; span,&lt;br /&gt;
.sf-hub-hero-art [typeof~=&amp;quot;mw:File&amp;quot;], .sf-hub-hero-art .mw-file-description { position: absolute; inset: 0; display: block; }&lt;br /&gt;
.sf-hub-hero-art img, .sf-hub-hero-art .mw-file-element { width: 100%; height: 100%; object-fit: cover; object-position: center; }&lt;br /&gt;
.sf-hub-hero::after {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background: linear-gradient(180deg,rgba(7,9,14,.08),rgba(7,9,14,.18) 40%,rgba(7,9,14,.82));&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
  align-self: center;&lt;br /&gt;
  justify-self: center;&lt;br /&gt;
  width: min(92%,720px);&lt;br /&gt;
  padding: 26px 16px 24px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-lockup { width: clamp(15rem,38vw,27rem); margin: 9px auto 7px; line-height: 0; }&lt;br /&gt;
.sf-hub-hero-lockup img { display: block; width: 100%; height: auto; filter: drop-shadow(0 3px 5px rgba(0,0,0,.94)) drop-shadow(0 0 13px rgba(230,201,135,.22)); }&lt;br /&gt;
.sf-hub-kicker, .sf-hub-heading-label {&lt;br /&gt;
  color: var(--hub-verdigris);&lt;br /&gt;
  font: 700 .68rem/1.3 var(--hub-mono);&lt;br /&gt;
  letter-spacing: .2em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero h1 {&lt;br /&gt;
  margin: 7px 0 5px;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(2.35rem,12vw,4.6rem)/.95 var(--hub-display);&lt;br /&gt;
  letter-spacing: .1em;&lt;br /&gt;
  text-shadow: 0 2px 8px #000;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-hero-copy &amp;gt; p { margin: 0 auto 15px; color: var(--hub-parchment); font-size: clamp(.86rem,2.8vw,1rem); }&lt;br /&gt;
.sf-hub-primary { display: inline-block; }&lt;br /&gt;
.sf-hub-primary a {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  min-height: 42px;&lt;br /&gt;
  padding: 0 20px;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border: 1px solid var(--hub-brass);&lt;br /&gt;
  background: rgba(7,9,14,.84);&lt;br /&gt;
  color: var(--hub-brass-bright) !important;&lt;br /&gt;
  font: 700 .74rem/1 var(--hub-display);&lt;br /&gt;
  letter-spacing: .08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Shared sections */&lt;br /&gt;
.sf-hub-section { padding: 34px 0 0; }&lt;br /&gt;
.sf-hub-heading { display: grid; gap: 6px; margin-bottom: 16px; }&lt;br /&gt;
.sf-hub-heading h2 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 clamp(1.35rem,5vw,1.85rem)/1.12 var(--hub-display);&lt;br /&gt;
  letter-spacing: .035em;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-heading h2::after {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 56px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  background: linear-gradient(90deg,var(--hub-brass),transparent);&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tasks */&lt;br /&gt;
.sf-task-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-task {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 44px minmax(0,1fr);&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  min-height: 70px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(180deg,rgba(15,19,29,.88),rgba(9,12,19,.94));&lt;br /&gt;
}&lt;br /&gt;
.sf-task-icon, .sf-access-icon {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  place-items: center;&lt;br /&gt;
  border-right: 1px solid var(--hub-line);&lt;br /&gt;
  color: var(--hub-brass-bright);&lt;br /&gt;
  font: 400 1.05rem/1 var(--hub-display);&lt;br /&gt;
}&lt;br /&gt;
.sf-task &amp;gt; span:last-child, .sf-access &amp;gt; span:last-child { display: grid; gap: 4px; min-width: 0; padding: 11px 12px; }&lt;br /&gt;
.sf-task strong, .sf-access strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-task small, .sf-access small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
.sf-task:hover, .sf-task:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.06); }&lt;br /&gt;
&lt;br /&gt;
/* Downloads and access */&lt;br /&gt;
.sf-access-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-access {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 46px minmax(0,1fr);&lt;br /&gt;
  min-height: 72px;&lt;br /&gt;
  border: 1px solid var(--hub-line);&lt;br /&gt;
  background: linear-gradient(135deg,rgba(200,162,92,.07),rgba(15,19,29,.72));&lt;br /&gt;
}&lt;br /&gt;
.sf-access:hover, .sf-access:focus-within { border-color: var(--hub-line-strong); background: rgba(200,162,92,.08); }&lt;br /&gt;
&lt;br /&gt;
/* Resource directories */&lt;br /&gt;
.sf-directory-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }&lt;br /&gt;
.sf-directory { --directory-accent: var(--hub-brass); min-width: 0; border: 1px solid var(--hub-line); border-top: 2px solid var(--directory-accent); background: linear-gradient(160deg,color-mix(in srgb,var(--directory-accent) 6%,var(--hub-plate)),var(--hub-void)); }&lt;br /&gt;
.sf-directory--blue { --directory-accent: #5e91b8; }&lt;br /&gt;
.sf-directory--green { --directory-accent: #6c9f62; }&lt;br /&gt;
.sf-directory-head { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; min-height: 62px; border-bottom: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-directory-head &amp;gt; span { display: grid; height: 100%; place-items: center; border-right: 1px solid var(--hub-line); color: var(--hub-brass-bright); }&lt;br /&gt;
.sf-directory h3 { margin: 0; padding: 10px 12px; color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-directory-links { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 7px 14px 12px; color: var(--hub-parchment); font-size: .8rem; line-height: 1.7; }&lt;br /&gt;
.sf-directory-links br { display: none; }&lt;br /&gt;
.sf-directory-links a { padding: 3px 0; text-decoration: underline; text-decoration-color: var(--hub-line-strong); text-underline-offset: 3px; }&lt;br /&gt;
&lt;br /&gt;
/* Living world */&lt;br /&gt;
.sf-community-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }&lt;br /&gt;
.sf-community { display: grid; gap: 5px; min-width: 0; padding: 14px 15px; border: 1px solid var(--hub-line); border-left: 2px solid #9a6cac; background: rgba(15,19,29,.65); }&lt;br /&gt;
.sf-community strong { color: var(--hub-parchment); font-size: .88rem; }&lt;br /&gt;
.sf-community small { color: var(--hub-slate); font-size: .76rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Category registry */&lt;br /&gt;
.sf-category-list { display: grid; grid-template-columns: minmax(0,1fr); border-top: 1px solid var(--hub-line); }&lt;br /&gt;
.sf-category-list &amp;gt; div { display: grid; gap: 4px; min-width: 0; padding: 13px 14px; border-right: 1px solid var(--hub-line); border-bottom: 1px solid var(--hub-line); background: rgba(15,19,29,.45); }&lt;br /&gt;
.sf-category-list strong { color: var(--hub-parchment); font-size: .84rem; }&lt;br /&gt;
.sf-category-list small { color: var(--hub-slate); font-size: .75rem; line-height: 1.45; }&lt;br /&gt;
&lt;br /&gt;
/* Footer */&lt;br /&gt;
.sf-hub-footer {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 36px;&lt;br /&gt;
  padding: 22px 0 8px;&lt;br /&gt;
  border-top: 1px solid var(--hub-line-strong);&lt;br /&gt;
  color: var(--hub-slate);&lt;br /&gt;
  font-size: .75rem;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
.sf-hub-footer-brand { display: grid; gap: 2px; }&lt;br /&gt;
.sf-hub-footer strong { color: var(--hub-brass-bright); font: 400 1rem/1.2 var(--hub-display); }&lt;br /&gt;
.sf-hub-footer small { color: var(--hub-slate); }&lt;br /&gt;
.sf-hub-footer a { color: var(--hub-parchment) !important; }&lt;br /&gt;
&lt;br /&gt;
/* Responsive compositions */&lt;br /&gt;
@container sf-hub (min-width: 506px) {&lt;br /&gt;
  .sf-task-grid, .sf-community-grid, .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: 1 / -1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 666px) {&lt;br /&gt;
  .sf-hub-masthead { margin-inline: -16px; }&lt;br /&gt;
  .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
  .sf-hub-nav-item, .sf-hub-nav-item:nth-child(2n) { border-right: 1px solid var(--hub-line); border-bottom: 0; }&lt;br /&gt;
  .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
  .sf-hub-nav a { min-height: 48px; }&lt;br /&gt;
  .sf-hub-hero { min-height: clamp(390px,50vw,550px); margin-top: 8px; }&lt;br /&gt;
  .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
  .sf-access:last-child:nth-child(odd), .sf-directory:last-child:nth-child(odd) { grid-column: auto; }&lt;br /&gt;
  .sf-hub-footer { grid-template-columns: minmax(190px,.7fr) minmax(0,2fr); align-items: end; }&lt;br /&gt;
  .sf-hub-footer-links { text-align: right; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 910px) {&lt;br /&gt;
  .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
  .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container sf-hub (min-width: 1138px) {&lt;br /&gt;
  .sf-hub-masthead {&lt;br /&gt;
    grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto;&lt;br /&gt;
    grid-template-areas: &amp;quot;brand nav search&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
  .sf-hub-brand { min-height: 64px; padding-block: 8px; }&lt;br /&gt;
  .sf-hub-nav { border-top: 0; }&lt;br /&gt;
  .sf-hub-nav-item { border-left: 1px solid var(--hub-line); }&lt;br /&gt;
  .sf-hub-nav a { min-height: 64px; font-size: .78rem; }&lt;br /&gt;
  .sf-hub-hero { min-height: 520px; }&lt;br /&gt;
  .sf-hub-hero-copy { padding-block: 28px; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Accessibility and static-motion lock */&lt;br /&gt;
.sf-hub a:focus-visible { outline: 2px solid var(--hub-verdigris); outline-offset: -3px; }&lt;br /&gt;
.sf-hub .sf-task, .sf-hub .sf-access, .sf-hub .sf-directory,&lt;br /&gt;
.sf-hub .sf-community, .sf-hub .sf-category-list &amp;gt; div, .sf-hub img, .sf-hub a { transform: none !important; transition: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
  .sf-hub *, .sf-hub *::before, .sf-hub *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@supports not (container-type: inline-size) {&lt;br /&gt;
  @media screen and (min-width: 720px) {&lt;br /&gt;
    .sf-hub-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }&lt;br /&gt;
    .sf-hub-nav-item:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
    .sf-access-grid, .sf-directory-grid, .sf-community-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }&lt;br /&gt;
    .sf-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }&lt;br /&gt;
  }&lt;br /&gt;
  @media screen and (min-width: 1200px) {&lt;br /&gt;
    .sf-hub-masthead { grid-template-columns: minmax(210px,.78fr) minmax(0,2.8fr) auto; grid-template-areas: &amp;quot;brand nav search&amp;quot;; }&lt;br /&gt;
    .sf-hub-nav { border-top: 0; }&lt;br /&gt;
    .sf-hub-nav a { min-height: 64px; }&lt;br /&gt;
    .sf-task-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }&lt;br /&gt;
    .sf-directory-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 14px; }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>TorturedCats</name></author>
	</entry>
</feed>