Varnyra - User contributions [en]

Patch Notes

2026-07-12T16:56:10Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Patch Notes]]}}

__NOTOC__

<div class="vy-patches">

<div class="vy-patches-hero">
<div class="vy-patches-kicker">Updates · Changes · Development Log</div>
<div class="vy-patches-title">Patch Notes</div>
<div class="vy-patches-intro">
Patch Notes are used to track updates, balance changes, new systems, bug fixes and development progress for '''Varnyra'''. This page acts as the central archive for public update information.
</div>

<div class="vy-patches-tags">
<span class="vy-patches-tag">Updates</span>
<span class="vy-patches-tag">Balance</span>
<span class="vy-patches-tag">Bug Fixes</span>
<span class="vy-patches-tag">New Content</span>
<span class="vy-patches-tag">Development</span>
</div>
</div>

<div class="vy-patches-heading">Latest Update</div>

<div class="vy-patches-featured">

<div class="vy-patches-latest">
<div class="vy-patches-date">Latest Build</div>
<div class="vy-patches-latest-title">Varnyra Wiki foundation</div>
<div class="vy-patches-latest-text">
The first major wiki structure is being prepared. Main pages are being created for navigation, game systems, world content, item categories, guides and community information.
<br><br>
This page will later contain official server updates, public changelogs, content releases and system changes.
</div>
</div>

<div class="vy-patches-notice">
<div class="vy-patches-notice-image">Patch Notice Image</div>
<div class="vy-patches-notice-caption">
Patch notes help players see what changed, what is planned and which systems are currently being worked on.
</div>
</div>

</div>

<div class="vy-patches-heading">Update Archive</div>

<div class="vy-patches-list">

<div class="vy-patch-entry">
<div class="vy-patch-version">Wiki v0.1</div>
<div>
<div class="vy-patch-title">Main page structure</div>
<div class="vy-patch-text">
Created the first main wiki pages and sidebar categories for the Varnyra MMO-RPG wiki.
</div>
</div>
<div class="vy-patch-status">In Progress</div>
</div>

<div class="vy-patch-entry">
<div class="vy-patch-version">Systems</div>
<div>
<div class="vy-patch-title">Game system pages</div>
<div class="vy-patch-text">
Added foundation pages for classes, skills, leveling, economy and guild systems.
</div>
</div>
<div class="vy-patch-status">Draft</div>
</div>

<div class="vy-patch-entry">
<div class="vy-patch-version">World</div>
<div>
<div class="vy-patch-title">World section pages</div>
<div class="vy-patch-text">
Added base pages for the world map, towns, dungeons, bosses and NPCs.
</div>
</div>
<div class="vy-patch-status">Draft</div>
</div>

<div class="vy-patch-entry">
<div class="vy-patch-version">Items</div>
<div>
<div class="vy-patch-title">Item category pages</div>
<div class="vy-patch-text">
Added overview pages for weapons, armor, tools, ores, materials and consumables.
</div>
</div>
<div class="vy-patch-status">Draft</div>
</div>

</div>

<div class="vy-patches-lower">

<div class="vy-patches-panel">
<div class="vy-patches-panel-title">What patch notes should include</div>
<div class="vy-patches-panel-text">
Future patch notes should describe what changed, why it changed, which systems were affected and whether the update includes new content, balance changes, fixes or technical improvements.
</div>
</div>

<div class="vy-patches-sidebox">
<div class="vy-patches-sidebox-title">Related Pages</div>
<div class="vy-patches-sidebox-body">
<ul class="vy-patches-links">
<li>[[Main Page]]</li>
<li>[[Beginner Guide]]</li>
<li>[[Server Rules]]</li>
<li>[[Commands]]</li>
<li>[[Discord]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-patches-page-status">
'''Development status:''' Patch note format, update categories, version naming and release archive structure are still under development.
</div>

</div>

Questing

2026-07-12T16:56:04Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Questing]]}}

__NOTOC__

<div class="vy-questing">

<div class="vy-questing-hero">
<div class="vy-questing-kicker">Adventure Log · Objectives · Rewards</div>
<div class="vy-questing-title">Questing</div>
<div class="vy-questing-intro">
Questing guides players through the world of '''Varnyra'''. Quests may introduce systems, unlock content, reward items, connect NPCs, guide progression and create story-driven objectives.
</div>

<div class="vy-questing-tags">
<span class="vy-questing-tag">NPC Quests</span>
<span class="vy-questing-tag">Storylines</span>
<span class="vy-questing-tag">Objectives</span>
<span class="vy-questing-tag">Rewards</span>
<span class="vy-questing-tag">Unlocks</span>
</div>
</div>

<div class="vy-questing-layout">

<div>

<div class="vy-questing-heading">Quest Flow</div>

<div class="vy-questing-flow">

<div class="vy-quest-step">
<div class="vy-quest-step-label">Step 01</div>
<div>
<div class="vy-quest-step-title">Find an NPC</div>
<div class="vy-quest-step-text">
Quests usually begin by speaking with an NPC in a town, outpost, dungeon entrance or world location.
</div>
</div>
</div>

<div class="vy-quest-step">
<div class="vy-quest-step-label">Step 02</div>
<div>
<div class="vy-quest-step-title">Accept the objective</div>
<div class="vy-quest-step-text">
Objectives may involve combat, gathering, crafting, exploration, delivery, discovery or dungeon preparation.
</div>
</div>
</div>

<div class="vy-quest-step">
<div class="vy-quest-step-label">Step 03</div>
<div>
<div class="vy-quest-step-title">Complete the task</div>
<div class="vy-quest-step-text">
Players complete objectives by following instructions, defeating enemies, collecting items or reaching locations.
</div>
</div>
</div>

<div class="vy-quest-step">
<div class="vy-quest-step-label">Step 04</div>
<div>
<div class="vy-quest-step-title">Claim rewards</div>
<div class="vy-quest-step-text">
Rewards may include experience, currency, items, unlocks, recipes, reputation or progression access.
</div>
</div>
</div>

</div>

</div>

<div class="vy-questing-journal">
<div class="vy-questing-journal-image">Quest Journal Image</div>
<div class="vy-questing-journal-caption">
Questing helps connect NPCs, towns, world regions, combat, gathering, crafting and progression into one adventure path.
</div>
</div>

</div>

<div class="vy-questing-heading">Quest Types</div>

<div class="vy-questing-types">

<div class="vy-quest-type">
<div class="vy-quest-type-label">Story</div>
<div class="vy-quest-type-title">Main Quests</div>
<div class="vy-quest-type-text">
Core questlines that guide players through important systems, locations and future story content.
</div>
</div>

<div class="vy-quest-type">
<div class="vy-quest-type-label">Side</div>
<div class="vy-quest-type-title">Side Quests</div>
<div class="vy-quest-type-text">
Optional quests that may reward items, currency, materials or extra progression.
</div>
</div>

<div class="vy-quest-type">
<div class="vy-quest-type-label">Repeatable</div>
<div class="vy-quest-type-title">Repeatable Quests</div>
<div class="vy-quest-type-text">
Tasks that may be completed multiple times for resources, reputation or future daily-style rewards.
</div>
</div>

<div class="vy-quest-type">
<div class="vy-quest-type-label">Dungeon</div>
<div class="vy-quest-type-title">Dungeon Quests</div>
<div class="vy-quest-type-text">
Quests connected to dungeon entrances, boss objectives, keys, mechanics or special rewards.
</div>
</div>

</div>

<div class="vy-questing-lower">

<div class="vy-questing-panel">
<div class="vy-questing-panel-title">Questing and progression</div>
<div class="vy-questing-panel-text">
Quests are planned to guide players through Varnyra without forcing every system at once. Some quests may introduce skills, combat, crafting, gathering, NPCs, towns, dungeons and future unlocks.
</div>
</div>

<div class="vy-questing-sidebox">
<div class="vy-questing-sidebox-title">Related Pages</div>
<div class="vy-questing-sidebox-body">
<ul class="vy-questing-links">
<li>[[NPCs]]</li>
<li>[[Towns]]</li>
<li>[[World Map]]</li>
<li>[[Skills]]</li>
<li>[[Combat]]</li>
<li>[[Gathering]]</li>
<li>[[Crafting]]</li>
<li>[[Dungeons]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-questing-status">
'''Development status:''' Quest names, NPCs, requirements, objectives, rewards, unlocks and storyline routes are still under development.
</div>

</div>

Combat

2026-07-12T16:55:58Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Combat]]}}

__NOTOC__

<div class="vy-combat">

<div class="vy-combat-hero">
<div class="vy-combat-kicker">Battle Manual · Builds · Mechanics</div>
<div class="vy-combat-title">Combat</div>
<div class="vy-combat-intro">
Combat is one of the core gameplay systems in '''Varnyra'''. It connects weapons, armor, classes, skills, dungeons, bosses and player preparation into one battle-focused progression loop.
</div>

<div class="vy-combat-tags">
<span class="vy-combat-tag">Melee</span>
<span class="vy-combat-tag">Ranged</span>
<span class="vy-combat-tag">Magic</span>
<span class="vy-combat-tag">Boss Mechanics</span>
<span class="vy-combat-tag">Dungeon Roles</span>
</div>
</div>

<div class="vy-combat-heading">Combat Styles</div>

<div class="vy-combat-styles">

<div class="vy-combat-style">
<div class="vy-combat-style-label">Melee</div>
<div class="vy-combat-style-title">Close Combat</div>
<div class="vy-combat-style-text">
Melee combat focuses on close-range weapons, armor, positioning and direct pressure against enemies.
</div>
</div>

<div class="vy-combat-style">
<div class="vy-combat-style-label">Ranged</div>
<div class="vy-combat-style-title">Distance Combat</div>
<div class="vy-combat-style-text">
Ranged combat focuses on spacing, movement, precision and attacking enemies from a safer distance.
</div>
</div>

<div class="vy-combat-style">
<div class="vy-combat-style-label">Magic</div>
<div class="vy-combat-style-title">Ability Combat</div>
<div class="vy-combat-style-text">
Magic combat may focus on abilities, burst damage, utility effects and future spell-based mechanics.
</div>
</div>

</div>

<div class="vy-combat-arena">
<div class="vy-combat-arena-image">Combat Arena Image</div>
<div class="vy-combat-arena-caption">
Combat is planned to feel different depending on weapon choice, class identity, enemy type and dungeon mechanics.
</div>
</div>

<div class="vy-combat-heading">Battle Rules</div>

<div class="vy-combat-manual">

<div class="vy-combat-rule">
<div class="vy-combat-rule-label">Rule 01</div>
<div>
<div class="vy-combat-rule-title">Prepare before fighting</div>
<div class="vy-combat-rule-text">
Bring proper weapons, armor, consumables and tools before entering dangerous zones or dungeons.
</div>
</div>
<div class="vy-combat-rule-type">Preparation</div>
</div>

<div class="vy-combat-rule">
<div class="vy-combat-rule-label">Rule 02</div>
<div>
<div class="vy-combat-rule-title">Understand enemy behavior</div>
<div class="vy-combat-rule-text">
Different mobs and bosses may require movement, timing, positioning or group coordination.
</div>
</div>
<div class="vy-combat-rule-type">Mechanics</div>
</div>

<div class="vy-combat-rule">
<div class="vy-combat-rule-label">Rule 03</div>
<div>
<div class="vy-combat-rule-title">Use the right equipment</div>
<div class="vy-combat-rule-text">
Weapon type, armor tier and consumables may matter more as content becomes harder.
</div>
</div>
<div class="vy-combat-rule-type">Gear</div>
</div>

<div class="vy-combat-rule">
<div class="vy-combat-rule-label">Rule 04</div>
<div>
<div class="vy-combat-rule-title">Coordinate in group content</div>
<div class="vy-combat-rule-text">
Dungeons and bosses may require parties, guilds, roles and communication to clear reliably.
</div>
</div>
<div class="vy-combat-rule-type">Teamplay</div>
</div>

</div>

<div class="vy-combat-lower">

<div class="vy-combat-panel">
<div class="vy-combat-panel-title">Combat and progression</div>
<div class="vy-combat-panel-text">
Combat is planned to grow with the player. Stronger weapons, better armor, class identity, skills and consumables may all affect how well a player can fight mobs, clear dungeons and defeat bosses.
</div>
</div>

<div class="vy-combat-sidebox">
<div class="vy-combat-sidebox-title">Related Pages</div>
<div class="vy-combat-sidebox-body">
<ul class="vy-combat-links">
<li>[[Classes]]</li>
<li>[[Skills]]</li>
<li>[[Weapons]]</li>
<li>[[Armor]]</li>
<li>[[Consumables]]</li>
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
<li>[[Guilds]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-combat-status">
'''Development status:''' Damage formulas, combat styles, class abilities, enemy mechanics and balancing are still under development.
</div>

</div>

Gathering

2026-07-12T16:55:53Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Gathering]]}}

__NOTOC__

<div class="vy-gathering">

<div class="vy-gathering-hero">
<div class="vy-gathering-kicker">Resources · Routes · Field Skills</div>
<div class="vy-gathering-title">Gathering</div>
<div class="vy-gathering-intro">
Gathering is the process of collecting resources from the world of '''Varnyra'''. It connects mining, woodcutting, harvesting, materials, crafting, tools and the player economy.
</div>

<div class="vy-gathering-tags">
<span class="vy-gathering-tag">Mining</span>
<span class="vy-gathering-tag">Woodcutting</span>
<span class="vy-gathering-tag">Harvesting</span>
<span class="vy-gathering-tag">Resource Routes</span>
<span class="vy-gathering-tag">Economy Value</span>
</div>
</div>

<div class="vy-gathering-layout">

<div>

<div class="vy-gathering-heading">Gathering Routes</div>

<div class="vy-gathering-routes">

<div class="vy-gathering-route">
<div class="vy-gathering-route-label">Mining</div>
<div>
<div class="vy-gathering-route-title">Ore Routes</div>
<div class="vy-gathering-route-text">
Mining routes focus on ores, stone resources and underground materials used for crafting and upgrades.
</div>
</div>
</div>

<div class="vy-gathering-route">
<div class="vy-gathering-route-label">Woodcutting</div>
<div>
<div class="vy-gathering-route-title">Forest Routes</div>
<div class="vy-gathering-route-text">
Forest routes focus on logs, wood materials and future resources tied to crafting and construction.
</div>
</div>
</div>

<div class="vy-gathering-route">
<div class="vy-gathering-route-label">Harvesting</div>
<div>
<div class="vy-gathering-route-title">Plant & Herb Routes</div>
<div class="vy-gathering-route-text">
Harvesting routes may provide herbs, plants, food materials or future consumable ingredients.
</div>
</div>
</div>

<div class="vy-gathering-route">
<div class="vy-gathering-route-label">Special</div>
<div>
<div class="vy-gathering-route-title">Rare Resource Routes</div>
<div class="vy-gathering-route-text">
Rare gathering routes may require better tools, higher skill levels or access to dangerous world areas.
</div>
</div>
</div>

</div>

</div>

<div class="vy-gathering-map">
<div class="vy-gathering-map-image">Gathering Route Image</div>
<div class="vy-gathering-map-caption">
Gathering routes are planned to make world exploration, crafting and economy progression feel connected.
</div>
</div>

</div>

<div class="vy-gathering-heading">Gathering Skills</div>

<div class="vy-gathering-skills">

<div class="vy-gathering-skill">
<div class="vy-gathering-skill-label">Ore</div>
<div class="vy-gathering-skill-title">Mining</div>
<div class="vy-gathering-skill-text">
Collect ores and underground materials with pickaxes and future mining tools.
</div>
</div>

<div class="vy-gathering-skill">
<div class="vy-gathering-skill-label">Wood</div>
<div class="vy-gathering-skill-title">Woodcutting</div>
<div class="vy-gathering-skill-text">
Collect logs and wood resources from forests and future tree zones.
</div>
</div>

<div class="vy-gathering-skill">
<div class="vy-gathering-skill-label">Nature</div>
<div class="vy-gathering-skill-title">Harvesting</div>
<div class="vy-gathering-skill-text">
Collect herbs, plants, food resources or future consumable materials.
</div>
</div>

<div class="vy-gathering-skill">
<div class="vy-gathering-skill-label">Rare</div>
<div class="vy-gathering-skill-title">Special Gathering</div>
<div class="vy-gathering-skill-text">
Future resource types may require specific tools, zones, skills or unlocks.
</div>
</div>

</div>

<div class="vy-gathering-lower">

<div class="vy-gathering-panel">
<div class="vy-gathering-panel-title">Gathering and progression</div>
<div class="vy-gathering-panel-text">
Gathering is planned to support crafting, trading, tool progression and resource value. Players who invest time into gathering may provide important materials for weapons, armor, consumables and upgrades.
</div>
</div>

<div class="vy-gathering-sidebox">
<div class="vy-gathering-sidebox-title">Related Pages</div>
<div class="vy-gathering-sidebox-body">
<ul class="vy-gathering-links">
<li>[[Skills]]</li>
<li>[[Tools]]</li>
<li>[[Ores]]</li>
<li>[[Materials]]</li>
<li>[[Crafting]]</li>
<li>[[Economy]]</li>
<li>[[World Map]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-gathering-status">
'''Development status:''' Gathering skills, routes, resources, tool requirements, respawn rules and XP values are still under development.
</div>

</div>

Enchanting

2026-07-12T16:55:45Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Enchanting]]}}

__NOTOC__

<div class="vy-enchanting">

<div class="vy-enchanting-hero">
<div class="vy-enchanting-kicker">Enhancement · Magic · Upgrades</div>
<div class="vy-enchanting-title">Enchanting</div>
<div class="vy-enchanting-intro">
Enchanting is planned as an item enhancement system in '''Varnyra'''. It may allow players to improve weapons, armor, tools or other equipment through special materials, progression requirements and upgrade mechanics.
</div>

<div class="vy-enchanting-tags">
<span class="vy-enchanting-tag">Item Enhancements</span>
<span class="vy-enchanting-tag">Upgrade Materials</span>
<span class="vy-enchanting-tag">Gear Progression</span>
<span class="vy-enchanting-tag">Magic Effects</span>
<span class="vy-enchanting-tag">Risk & Reward</span>
</div>
</div>

<div class="vy-enchanting-altar">
<div class="vy-enchanting-altar-image">Enchanting Altar Image</div>
<div class="vy-enchanting-altar-caption">
Enchanting is planned to give crafted and earned gear a deeper upgrade path beyond basic item tiers.
</div>
</div>

<div class="vy-enchanting-heading">Upgrade Paths</div>

<div class="vy-enchanting-paths">

<div class="vy-enchanting-path">
<div class="vy-enchanting-path-label">Weapons</div>
<div class="vy-enchanting-path-title">Combat Enhancements</div>
<div class="vy-enchanting-path-text">
Weapon enchantments may improve damage, attack style, special effects or future combat mechanics.
</div>
</div>

<div class="vy-enchanting-path">
<div class="vy-enchanting-path-label">Armor</div>
<div class="vy-enchanting-path-title">Defensive Enhancements</div>
<div class="vy-enchanting-path-text">
Armor enchantments may improve survival, resistance, set value or dungeon preparation.
</div>
</div>

<div class="vy-enchanting-path">
<div class="vy-enchanting-path-label">Tools</div>
<div class="vy-enchanting-path-title">Utility Enhancements</div>
<div class="vy-enchanting-path-text">
Tool enchantments may improve gathering speed, durability, resource access or efficiency.
</div>
</div>

</div>

<div class="vy-enchanting-heading">Enchanting Process</div>

<div class="vy-enchanting-ritual">

<div class="vy-enchanting-step">
<div class="vy-enchanting-step-label">Step 01</div>
<div>
<div class="vy-enchanting-step-title">Choose an item</div>
<div class="vy-enchanting-step-text">
Select the weapon, armor piece, tool or equipment item that should receive an enhancement.
</div>
</div>
<div class="vy-enchanting-step-state">Item</div>
</div>

<div class="vy-enchanting-step">
<div class="vy-enchanting-step-label">Step 02</div>
<div>
<div class="vy-enchanting-step-title">Provide materials</div>
<div class="vy-enchanting-step-text">
Use special materials, upgrade items, currency or future enchanting components.
</div>
</div>
<div class="vy-enchanting-step-state">Materials</div>
</div>

<div class="vy-enchanting-step">
<div class="vy-enchanting-step-label">Step 03</div>
<div>
<div class="vy-enchanting-step-title">Apply the enchantment</div>
<div class="vy-enchanting-step-text">
The item receives an upgrade, effect or stat change depending on the final system design.
</div>
</div>
<div class="vy-enchanting-step-state">Upgrade</div>
</div>

</div>

<div class="vy-enchanting-lower">

<div class="vy-enchanting-panel">
<div class="vy-enchanting-panel-title">Enchanting and progression</div>
<div class="vy-enchanting-panel-text">
Enchanting is planned to give players a reason to keep improving gear after crafting or finding it. It may connect rare materials, dungeons, bosses, crafting and economy value into one advanced upgrade system.
</div>
</div>

<div class="vy-enchanting-sidebox">
<div class="vy-enchanting-sidebox-title">Related Pages</div>
<div class="vy-enchanting-sidebox-body">
<ul class="vy-enchanting-links">
<li>[[Crafting]]</li>
<li>[[Materials]]</li>
<li>[[Weapons]]</li>
<li>[[Armor]]</li>
<li>[[Tools]]</li>
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
<li>[[Economy]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-enchanting-status">
'''Development status:''' Enchantment names, effects, limits, materials, costs, success rules and requirements are still under development.
</div>

</div>

Crafting

2026-07-12T16:55:40Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Crafting]]}}

__NOTOC__

<div class="vy-crafting">

<div class="vy-crafting-hero">
<div class="vy-crafting-kicker">Recipes · Workshop · Progression</div>
<div class="vy-crafting-title">Crafting</div>
<div class="vy-crafting-intro">
Crafting is the process of turning resources, ores, materials and drops into useful items in '''Varnyra'''. It is planned to support weapons, armor, tools, consumables, upgrades and long-term progression.
</div>

<div class="vy-crafting-tags">
<span class="vy-crafting-tag">Recipes</span>
<span class="vy-crafting-tag">Materials</span>
<span class="vy-crafting-tag">Gear Crafting</span>
<span class="vy-crafting-tag">Upgrades</span>
<span class="vy-crafting-tag">Economy</span>
</div>
</div>

<div class="vy-crafting-heading">Crafting Workshop</div>

<div class="vy-crafting-workshop">

<div class="vy-crafting-imagebox">
<div class="vy-crafting-image">Crafting Station Image</div>
<div class="vy-crafting-caption">
Crafting stations are planned to connect gathered resources with stronger equipment, useful supplies and progression items.
</div>
</div>

<div class="vy-crafting-flow">

<div class="vy-crafting-step">
<div class="vy-crafting-step-label">Step 01</div>
<div>
<div class="vy-crafting-step-title">Collect resources</div>
<div class="vy-crafting-step-text">
Gather ores, materials, mob drops or dungeon resources needed for recipes.
</div>
</div>
</div>

<div class="vy-crafting-step">
<div class="vy-crafting-step-label">Step 02</div>
<div>
<div class="vy-crafting-step-title">Prepare materials</div>
<div class="vy-crafting-step-text">
Some resources may need to be refined, processed or combined before crafting.
</div>
</div>
</div>

<div class="vy-crafting-step">
<div class="vy-crafting-step-label">Step 03</div>
<div>
<div class="vy-crafting-step-title">Craft the item</div>
<div class="vy-crafting-step-text">
Use recipes to create weapons, armor, tools, consumables or progression items.
</div>
</div>
</div>

<div class="vy-crafting-step">
<div class="vy-crafting-step-label">Step 04</div>
<div>
<div class="vy-crafting-step-title">Use or trade</div>
<div class="vy-crafting-step-text">
Crafted items can support your own build or become valuable in the player economy.
</div>
</div>
</div>

</div>

</div>

<div class="vy-crafting-heading">Crafting Categories</div>

<div class="vy-crafting-categories">

<div class="vy-crafting-card">
<div class="vy-crafting-card-label">Combat</div>
<div class="vy-crafting-card-title">Weapons</div>
<div class="vy-crafting-card-text">
Craft weapons used for combat, dungeons and boss preparation.
</div>
</div>

<div class="vy-crafting-card">
<div class="vy-crafting-card-label">Defense</div>
<div class="vy-crafting-card-title">Armor</div>
<div class="vy-crafting-card-text">
Create armor pieces and future sets used for survival.
</div>
</div>

<div class="vy-crafting-card">
<div class="vy-crafting-card-label">Utility</div>
<div class="vy-crafting-card-title">Tools</div>
<div class="vy-crafting-card-text">
Craft tools used for gathering, mining and progression.
</div>
</div>

<div class="vy-crafting-card">
<div class="vy-crafting-card-label">Supplies</div>
<div class="vy-crafting-card-title">Consumables</div>
<div class="vy-crafting-card-text">
Prepare potions, food or other supplies for adventures.
</div>
</div>

</div>

<div class="vy-crafting-lower">

<div class="vy-crafting-panel">
<div class="vy-crafting-panel-title">Crafting and progression</div>
<div class="vy-crafting-panel-text">
Crafting is planned to make gathered resources meaningful. Players can turn raw materials into stronger equipment, useful supplies and items that support the economy, dungeons and long-term progression.
</div>
</div>

<div class="vy-crafting-sidebox">
<div class="vy-crafting-sidebox-title">Related Pages</div>
<div class="vy-crafting-sidebox-body">
<ul class="vy-crafting-links">
<li>[[All Items]]</li>
<li>[[Materials]]</li>
<li>[[Ores]]</li>
<li>[[Tools]]</li>
<li>[[Weapons]]</li>
<li>[[Armor]]</li>
<li>[[Consumables]]</li>
<li>[[Economy]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-crafting-status">
'''Development status:''' Recipes, station types, skill requirements, crafting times and upgrade paths are still under development.
</div>

</div>

Consumables

2026-07-12T16:55:33Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Consumables]]}}

__NOTOC__

<div class="vy-consumables">

<div class="vy-consumables-hero">
<div class="vy-consumables-kicker">Preparation · Buffs · Survival</div>
<div class="vy-consumables-title">Consumables</div>
<div class="vy-consumables-intro">
Consumables are one-use or limited-use items that help players prepare for combat, exploration, dungeons, bosses and gathering routes in '''Varnyra'''.
</div>

<div class="vy-consumables-tags">
<span class="vy-consumables-tag">Potions</span>
<span class="vy-consumables-tag">Food</span>
<span class="vy-consumables-tag">Buff Items</span>
<span class="vy-consumables-tag">Dungeon Supplies</span>
<span class="vy-consumables-tag">Utility Items</span>
</div>
</div>

<div class="vy-consumables-heading">Consumable Types</div>

<div class="vy-consumables-types">

<div class="vy-consumable-type">
<div class="vy-consumable-type-label">Healing</div>
<div class="vy-consumable-type-title">Health Items</div>
<div class="vy-consumable-type-text">
Items used to recover health or survive dangerous combat situations.
</div>
</div>

<div class="vy-consumable-type">
<div class="vy-consumable-type-label">Food</div>
<div class="vy-consumable-type-title">Food & Meals</div>
<div class="vy-consumable-type-text">
Food items that may restore hunger, provide small benefits or support exploration.
</div>
</div>

<div class="vy-consumable-type">
<div class="vy-consumable-type-label">Buffs</div>
<div class="vy-consumable-type-title">Potions & Effects</div>
<div class="vy-consumable-type-text">
Temporary effects used for combat, movement, gathering, dungeon preparation or survival.
</div>
</div>

<div class="vy-consumable-type">
<div class="vy-consumable-type-label">Utility</div>
<div class="vy-consumable-type-title">Special Supplies</div>
<div class="vy-consumable-type-text">
Future consumables may provide teleports, protections, keys, tools or special utility.
</div>
</div>

</div>

<div class="vy-consumables-supply">
<div class="vy-consumables-supply-image">Consumables Image</div>
<div class="vy-consumables-supply-caption">
Consumables help players prepare before entering dangerous areas, fighting bosses or attempting dungeon content.
</div>
</div>

<div class="vy-consumables-heading">Common Uses</div>

<div class="vy-consumables-layout">

<div class="vy-consumables-panel">
<div class="vy-consumables-panel-title">Why consumables matter</div>
<div class="vy-consumables-panel-text">
Consumables are planned to support preparation. Players may bring healing, buffs, food or utility items before exploring dangerous regions, fighting bosses or joining dungeon groups.
</div>

<div class="vy-consumables-use-grid">

<div class="vy-consumables-use">
<div class="vy-consumables-use-title">Dungeon Runs</div>
<div class="vy-consumables-use-text">
Supplies can help players survive long fights, boss rooms and dangerous enemy waves.
</div>
</div>

<div class="vy-consumables-use">
<div class="vy-consumables-use-title">Boss Fights</div>
<div class="vy-consumables-use-text">
Buffs and healing may be important before fighting high-threat enemies.
</div>
</div>

<div class="vy-consumables-use">
<div class="vy-consumables-use-title">Exploration</div>
<div class="vy-consumables-use-text">
Food and utility items may help players travel through risky zones.
</div>
</div>

<div class="vy-consumables-use">
<div class="vy-consumables-use-title">Gathering</div>
<div class="vy-consumables-use-text">
Future consumables may improve gathering routes, resource trips or efficiency.
</div>
</div>

</div>
</div>

<div class="vy-consumables-sidebox">
<div class="vy-consumables-sidebox-title">Related Pages</div>
<div class="vy-consumables-sidebox-body">
<ul class="vy-consumables-links">
<li>[[All Items]]</li>
<li>[[Materials]]</li>
<li>[[Crafting]]</li>
<li>[[Combat]]</li>
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
<li>[[Gathering]]</li>
<li>[[Economy]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-consumables-status">
'''Development status:''' Consumable names, recipes, effects, durations, stack sizes and sources are still under development.
</div>

</div>

Materials

2026-07-12T16:55:27Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Materials]]}}

__NOTOC__

<div class="vy-materials">

<div class="vy-materials-hero">
<div class="vy-materials-kicker">Crafting · Components · Processing</div>
<div class="vy-materials-title">Materials</div>
<div class="vy-materials-intro">
Materials are crafting components used throughout '''Varnyra'''. They may come from mining, gathering, mobs, dungeons, bosses, refining or trading, and are planned to connect many systems together.
</div>

<div class="vy-materials-tags">
<span class="vy-materials-tag">Crafting Components</span>
<span class="vy-materials-tag">Refined Resources</span>
<span class="vy-materials-tag">Mob Drops</span>
<span class="vy-materials-tag">Dungeon Materials</span>
<span class="vy-materials-tag">Upgrade Items</span>
</div>
</div>

<div class="vy-materials-layout">

<div>

<div class="vy-materials-heading">Material Flow</div>

<div class="vy-materials-flow">

<div class="vy-material-step">
<div class="vy-material-step-label">Source</div>
<div>
<div class="vy-material-step-title">Gather or obtain</div>
<div class="vy-material-step-text">
Materials can come from ores, mobs, gathering nodes, shops, dungeons, bosses or future world systems.
</div>
</div>
</div>

<div class="vy-material-step">
<div class="vy-material-step-label">Process</div>
<div>
<div class="vy-material-step-title">Refine into components</div>
<div class="vy-material-step-text">
Some raw resources may need to be refined, combined or prepared before they can be used in recipes.
</div>
</div>
</div>

<div class="vy-material-step">
<div class="vy-material-step-label">Craft</div>
<div>
<div class="vy-material-step-title">Use in recipes</div>
<div class="vy-material-step-text">
Materials are planned to be used for weapons, armor, tools, consumables, upgrades and progression items.
</div>
</div>
</div>

<div class="vy-material-step">
<div class="vy-material-step-label">Trade</div>
<div>
<div class="vy-material-step-title">Create market value</div>
<div class="vy-material-step-text">
Useful materials may become valuable because crafters, fighters and gatherers need them for progression.
</div>
</div>
</div>

</div>

</div>

<div class="vy-materials-imagebox">
<div class="vy-materials-image">Materials Image</div>
<div class="vy-materials-caption">
Materials are the bridge between gathering, crafting, combat preparation, upgrades and the player economy.
</div>
</div>

</div>

<div class="vy-materials-heading">Material Categories</div>

<div class="vy-materials-categories">

<div class="vy-material-card">
<div class="vy-material-card-label">Raw</div>
<div class="vy-material-card-title">Raw Materials</div>
<div class="vy-material-card-text">
Basic resources gathered from the world before processing or crafting.
</div>
</div>

<div class="vy-material-card">
<div class="vy-material-card-label">Refined</div>
<div class="vy-material-card-title">Processed Materials</div>
<div class="vy-material-card-text">
Resources that have been smelted, refined, combined or prepared.
</div>
</div>

<div class="vy-material-card">
<div class="vy-material-card-label">Combat</div>
<div class="vy-material-card-title">Mob Drops</div>
<div class="vy-material-card-text">
Materials dropped by mobs, bosses or dungeon enemies.
</div>
</div>

<div class="vy-material-card">
<div class="vy-material-card-label">Rare</div>
<div class="vy-material-card-title">Upgrade Materials</div>
<div class="vy-material-card-text">
Special components used for stronger gear, upgrades or future progression systems.
</div>
</div>

</div>

<div class="vy-materials-lower">

<div class="vy-materials-panel">
<div class="vy-materials-panel-title">Materials and crafting</div>
<div class="vy-materials-panel-text">
Materials are planned to make crafting meaningful. Players may need different sources, recipes and progression routes to collect the right components for stronger items and upgrades.
</div>
</div>

<div class="vy-materials-sidebox">
<div class="vy-materials-sidebox-title">Related Pages</div>
<div class="vy-materials-sidebox-body">
<ul class="vy-materials-links">
<li>[[All Items]]</li>
<li>[[Ores]]</li>
<li>[[Tools]]</li>
<li>[[Crafting]]</li>
<li>[[Gathering]]</li>
<li>[[Economy]]</li>
<li>[[Weapons]]</li>
<li>[[Armor]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-materials-status">
'''Development status:''' Material names, sources, recipes, refining steps, drop rates and upgrade uses are still under development.
</div>

</div>

Ores

2026-07-12T16:55:21Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Ores]]}}

__NOTOC__

<div class="vy-ores">

<div class="vy-ores-hero">
<div class="vy-ores-kicker">Mining · Resources · Crafting Value</div>
<div class="vy-ores-title">Ores</div>
<div class="vy-ores-intro">
Ores are mineable resources used for crafting, upgrades, tools, weapons, armor and economy progression in '''Varnyra'''. They are planned to be one of the main links between gathering, crafting and item progression.
</div>

<div class="vy-ores-tags">
<span class="vy-ores-tag">Mining</span>
<span class="vy-ores-tag">Resource Tiers</span>
<span class="vy-ores-tag">Crafting</span>
<span class="vy-ores-tag">Economy</span>
<span class="vy-ores-tag">Tool Requirements</span>
</div>
</div>

<div class="vy-ores-heading">Mining Depths</div>

<div class="vy-ores-depths">

<div class="vy-ore-depth">
<div class="vy-ore-depth-label">Surface</div>
<div class="vy-ore-depth-title">Common Ores</div>
<div class="vy-ore-depth-text">
Basic ores used for early crafting, starter tools and simple progression routes.
</div>
</div>

<div class="vy-ore-depth">
<div class="vy-ore-depth-label">Underground</div>
<div class="vy-ore-depth-title">Advanced Ores</div>
<div class="vy-ore-depth-text">
Stronger ores that may require better tools, higher gathering levels or deeper zones.
</div>
</div>

<div class="vy-ore-depth">
<div class="vy-ore-depth-label">Rare Veins</div>
<div class="vy-ore-depth-title">Special Ores</div>
<div class="vy-ore-depth-text">
Rare resources planned for powerful crafting, valuable trading and future upgrades.
</div>
</div>

</div>

<div class="vy-ores-vein">
<div class="vy-ores-vein-image">Ore Vein Image</div>
<div class="vy-ores-vein-caption">
Ore veins are planned to support gathering progression, crafting routes and the player economy.
</div>
</div>

<div class="vy-ores-heading">Planned Ore Tiers</div>

<div class="vy-ores-list">

<div class="vy-ore-row">
<div class="vy-ore-tier">Tier 01</div>
<div>
<div class="vy-ore-name">Starter Ores</div>
<div class="vy-ore-text">
Basic mineable resources used for early tools, simple recipes and starter equipment.
</div>
</div>
<div class="vy-ore-use">Early Crafting</div>
</div>

<div class="vy-ore-row">
<div class="vy-ore-tier">Tier 02</div>
<div>
<div class="vy-ore-name">Improved Ores</div>
<div class="vy-ore-text">
Resources used for stronger tools, better armor, weapon upgrades and mid-game recipes.
</div>
</div>
<div class="vy-ore-use">Gear Progression</div>
</div>

<div class="vy-ore-row">
<div class="vy-ore-tier">Tier 03</div>
<div>
<div class="vy-ore-name">Rare Ores</div>
<div class="vy-ore-text">
Valuable ores that may be connected to dangerous zones, higher gathering requirements or rare crafting paths.
</div>
</div>
<div class="vy-ore-use">Rare Materials</div>
</div>

<div class="vy-ore-row">
<div class="vy-ore-tier">Tier 04</div>
<div>
<div class="vy-ore-name">Dungeon Ores</div>
<div class="vy-ore-text">
Special ores or fragments that may come from dungeon-related content, bosses or future progression systems.
</div>
</div>
<div class="vy-ore-use">Endgame Crafting</div>
</div>

</div>

<div class="vy-ores-lower">

<div class="vy-ores-panel">
<div class="vy-ores-panel-title">Ores and the economy</div>
<div class="vy-ores-panel-text">
Ores are planned to create value because players need them for tools, armor, weapons, crafting materials and upgrades. Rare ores may become important trading items once crafting and progression systems are finalized.
</div>
</div>

<div class="vy-ores-sidebox">
<div class="vy-ores-sidebox-title">Related Pages</div>
<div class="vy-ores-sidebox-body">
<ul class="vy-ores-links">
<li>[[All Items]]</li>
<li>[[Tools]]</li>
<li>[[Materials]]</li>
<li>[[Gathering]]</li>
<li>[[Crafting]]</li>
<li>[[Economy]]</li>
<li>[[World Map]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-ores-status">
'''Development status:''' Ore names, mining locations, tool requirements, drop rates, tiers and crafting uses are still under development.
</div>

</div>

Tools

2026-07-12T16:55:15Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Tools]]}}

__NOTOC__

<div class="vy-tools">

<div class="vy-tools-hero">
<div class="vy-tools-kicker">Utility · Gathering · Work Equipment</div>
<div class="vy-tools-title">Tools</div>
<div class="vy-tools-intro">
Tools are utility items used for gathering, crafting support, resource collection and world interaction in '''Varnyra'''. Stronger tools may help players access better materials, improve efficiency and progress through gathering systems.
</div>

<div class="vy-tools-tags">
<span class="vy-tools-tag">Pickaxes</span>
<span class="vy-tools-tag">Axes</span>
<span class="vy-tools-tag">Shovels</span>
<span class="vy-tools-tag">Utility Gear</span>
<span class="vy-tools-tag">Gathering Progression</span>
</div>
</div>

<div class="vy-tools-heading">Tool Workbench</div>

<div class="vy-tools-workbench">

<div class="vy-tools-imagebox">
<div class="vy-tools-image">Toolbench Image</div>
<div class="vy-tools-caption">
Tools connect the world, resources, gathering skills, crafting routes and long-term item progression.
</div>
</div>

<div class="vy-tools-list">

<div class="vy-tool-type">
<div class="vy-tool-label">Mining</div>
<div>
<div class="vy-tool-title">Pickaxes</div>
<div class="vy-tool-text">
Used to mine ores, stone and future underground resources tied to crafting and economy progression.
</div>
</div>
</div>

<div class="vy-tool-type">
<div class="vy-tool-label">Woodcutting</div>
<div>
<div class="vy-tool-title">Axes</div>
<div class="vy-tool-text">
Used to gather logs, wood materials and future resources from forests or world zones.
</div>
</div>
</div>

<div class="vy-tool-type">
<div class="vy-tool-label">Digging</div>
<div>
<div class="vy-tool-title">Shovels</div>
<div class="vy-tool-text">
Used for dirt, sand, gravel and possible future gathering routes or construction materials.
</div>
</div>
</div>

<div class="vy-tool-type">
<div class="vy-tool-label">Utility</div>
<div>
<div class="vy-tool-title">Special Tools</div>
<div class="vy-tool-text">
Future tools may provide special gathering effects, crafting utility or access to specific resources.
</div>
</div>
</div>

</div>

</div>

<div class="vy-tools-heading">Tool Values</div>

<div class="vy-tools-values">

<div class="vy-tool-value">
<div class="vy-tool-value-label">Tier</div>
<div class="vy-tool-value-title">Tool Level</div>
<div class="vy-tool-value-text">
Higher tier tools may gather stronger resources or work faster.
</div>
</div>

<div class="vy-tool-value">
<div class="vy-tool-value-label">Speed</div>
<div class="vy-tool-value-title">Efficiency</div>
<div class="vy-tool-value-text">
Tools may affect how quickly resources can be collected.
</div>
</div>

<div class="vy-tool-value">
<div class="vy-tool-value-label">Access</div>
<div class="vy-tool-value-title">Resource Unlocks</div>
<div class="vy-tool-value-text">
Some materials may require specific tool tiers or progression.
</div>
</div>

<div class="vy-tool-value">
<div class="vy-tool-value-label">Durability</div>
<div class="vy-tool-value-title">Tool Lifespan</div>
<div class="vy-tool-value-text">
Durability may determine how long tools last before repair or replacement.
</div>
</div>

</div>

<div class="vy-tools-lower">

<div class="vy-tools-panel">
<div class="vy-tools-panel-title">Tools and gathering progression</div>
<div class="vy-tools-panel-text">
Tools are planned to support the gathering loop. Players may start with basic tools, gather simple resources, craft upgrades and unlock better materials through higher tiers and future skill requirements.
</div>
</div>

<div class="vy-tools-sidebox">
<div class="vy-tools-sidebox-title">Related Pages</div>
<div class="vy-tools-sidebox-body">
<ul class="vy-tools-links">
<li>[[All Items]]</li>
<li>[[Ores]]</li>
<li>[[Materials]]</li>
<li>[[Gathering]]</li>
<li>[[Crafting]]</li>
<li>[[Economy]]</li>
<li>[[Skills]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-tools-status">
'''Development status:''' Tool names, tiers, durability, gathering speed, recipes and resource requirements are still under development.
</div>

</div>

Armor

2026-07-12T16:55:09Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Armor]]}}

__NOTOC__

<div class="vy-armor">

<div class="vy-armor-hero">
<div class="vy-armor-kicker">Defense · Equipment · Survival</div>
<div class="vy-armor-title">Armor</div>
<div class="vy-armor-intro">
Armor protects players during combat, dungeon runs, boss encounters and dangerous exploration in '''Varnyra'''. Different armor pieces may support survivability, class identity, progression and future upgrade systems.
</div>

<div class="vy-armor-tags">
<span class="vy-armor-tag">Helmets</span>
<span class="vy-armor-tag">Chestplates</span>
<span class="vy-armor-tag">Leggings</span>
<span class="vy-armor-tag">Boots</span>
<span class="vy-armor-tag">Dungeon Sets</span>
</div>
</div>

<div class="vy-armor-heading">Armor Types</div>

<div class="vy-armor-types">

<div class="vy-armor-type">
<div class="vy-armor-type-label">Head</div>
<div class="vy-armor-type-title">Helmets</div>
<div class="vy-armor-type-text">
Head armor used to improve defense and complete armor sets.
</div>
</div>

<div class="vy-armor-type">
<div class="vy-armor-type-label">Body</div>
<div class="vy-armor-type-title">Chestplates</div>
<div class="vy-armor-type-text">
Main armor piece usually connected to strong defensive value.
</div>
</div>

<div class="vy-armor-type">
<div class="vy-armor-type-label">Legs</div>
<div class="vy-armor-type-title">Leggings</div>
<div class="vy-armor-type-text">
Leg armor that supports survivability and set progression.
</div>
</div>

<div class="vy-armor-type">
<div class="vy-armor-type-label">Feet</div>
<div class="vy-armor-type-title">Boots</div>
<div class="vy-armor-type-text">
Foot armor that may support movement, utility or defensive bonuses.
</div>
</div>

</div>

<div class="vy-armor-display">
<div class="vy-armor-display-image">Armor Set Image</div>
<div class="vy-armor-display-caption">
Armor sets are planned to support combat preparation, dungeon survival and long-term equipment progression.
</div>
</div>

<div class="vy-armor-heading">Defensive Values</div>

<div class="vy-armor-values">

<div class="vy-armor-panel">
<div class="vy-armor-panel-title">What armor can provide</div>
<div class="vy-armor-panel-text">
Armor is planned to be part of player build progression. Stronger armor may improve survivability, support specific combat roles and help players prepare for harder zones, dungeons and bosses.
</div>

<div class="vy-armor-stat-grid">

<div class="vy-armor-stat">
<div class="vy-armor-stat-title">Defense</div>
<div class="vy-armor-stat-text">
Reduces incoming damage or improves survival during combat.
</div>
</div>

<div class="vy-armor-stat">
<div class="vy-armor-stat-title">Durability</div>
<div class="vy-armor-stat-text">
Represents how long armor can last before needing repair or replacement.
</div>
</div>

<div class="vy-armor-stat">
<div class="vy-armor-stat-title">Set Bonuses</div>
<div class="vy-armor-stat-text">
Future armor sets may provide bonuses when multiple pieces are worn.
</div>
</div>

<div class="vy-armor-stat">
<div class="vy-armor-stat-title">Rarity</div>
<div class="vy-armor-stat-text">
Rare armor may come from crafting, dungeons, bosses or special rewards.
</div>
</div>

</div>
</div>

<div class="vy-armor-sidebox">
<div class="vy-armor-sidebox-title">Related Pages</div>
<div class="vy-armor-sidebox-body">
<ul class="vy-armor-links">
<li>[[All Items]]</li>
<li>[[Weapons]]</li>
<li>[[Tools]]</li>
<li>[[Combat]]</li>
<li>[[Classes]]</li>
<li>[[Crafting]]</li>
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-armor-status">
'''Development status:''' Armor names, stats, set bonuses, recipes, rarities and drop sources are still under development.
</div>

</div>

Weapons

2026-07-12T16:55:03Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Weapons]]}}

__NOTOC__

<div class="vy-weapons">

<div class="vy-weapons-hero">
<div class="vy-weapons-kicker">Arsenal · Combat · Damage</div>
<div class="vy-weapons-title">Weapons</div>
<div class="vy-weapons-intro">
Weapons are combat items used to defeat mobs, clear dungeons, fight bosses and shape a player's combat style in '''Varnyra'''. Different weapons may support different attack styles, class roles and progression paths.
</div>

<div class="vy-weapons-tags">
<span class="vy-weapons-tag">Melee</span>
<span class="vy-weapons-tag">Ranged</span>
<span class="vy-weapons-tag">Magic</span>
<span class="vy-weapons-tag">Dungeon Gear</span>
<span class="vy-weapons-tag">Boss Drops</span>
</div>
</div>

<div class="vy-weapons-heading">Weapon Types</div>

<div class="vy-weapons-armory">

<div class="vy-weapons-types">

<div class="vy-weapon-type">
<div class="vy-weapon-label">Melee</div>
<div>
<div class="vy-weapon-title">Swords & Blades</div>
<div class="vy-weapon-text">
Close-range weapons focused on direct combat, consistent damage and frontline fighting.
</div>
</div>
</div>

<div class="vy-weapon-type">
<div class="vy-weapon-label">Heavy</div>
<div>
<div class="vy-weapon-title">Axes & Heavy Weapons</div>
<div class="vy-weapon-text">
Slower weapons that may focus on heavier hits, armor pressure or stronger burst windows.
</div>
</div>
</div>

<div class="vy-weapon-type">
<div class="vy-weapon-label">Ranged</div>
<div>
<div class="vy-weapon-title">Bows & Ranged Weapons</div>
<div class="vy-weapon-text">
Weapons for players who prefer distance, positioning and controlled attacks from range.
</div>
</div>
</div>

<div class="vy-weapon-type">
<div class="vy-weapon-label">Magic</div>
<div>
<div class="vy-weapon-title">Staves & Spell Weapons</div>
<div class="vy-weapon-text">
Weapons connected to magic damage, abilities, utility effects or future caster progression.
</div>
</div>
</div>

</div>

<div class="vy-weapons-rack">
<div class="vy-weapons-rack-image">Weapon Rack Image</div>
<div class="vy-weapons-rack-caption">
Weapons are planned to connect combat identity, item progression, dungeon preparation and rare boss rewards.
</div>
</div>

</div>

<div class="vy-weapons-heading">Weapon Values</div>

<div class="vy-weapons-stats">

<div class="vy-weapon-stat">
<div class="vy-weapon-stat-label">Damage</div>
<div class="vy-weapon-stat-title">Attack Power</div>
<div class="vy-weapon-stat-text">
The main value that determines how hard a weapon can hit.
</div>
</div>

<div class="vy-weapon-stat">
<div class="vy-weapon-stat-label">Speed</div>
<div class="vy-weapon-stat-title">Attack Style</div>
<div class="vy-weapon-stat-text">
Weapons may feel different based on speed, range or combat rhythm.
</div>
</div>

<div class="vy-weapon-stat">
<div class="vy-weapon-stat-label">Rarity</div>
<div class="vy-weapon-stat-title">Item Tier</div>
<div class="vy-weapon-stat-text">
Higher rarity weapons may come from crafting, dungeons, bosses or rare drops.
</div>
</div>

<div class="vy-weapon-stat">
<div class="vy-weapon-stat-label">Scaling</div>
<div class="vy-weapon-stat-title">Progression Use</div>
<div class="vy-weapon-stat-text">
Weapons may become part of longer upgrade paths or build progression.
</div>
</div>

</div>

<div class="vy-weapons-lower">

<div class="vy-weapons-panel">
<div class="vy-weapons-panel-title">Weapons and progression</div>
<div class="vy-weapons-panel-text">
Weapons are planned to be more than simple damage items. They may connect to class identity, attack styles, crafting recipes, dungeon loot, boss drops and future upgrade systems.
</div>
</div>

<div class="vy-weapons-sidebox">
<div class="vy-weapons-sidebox-title">Related Pages</div>
<div class="vy-weapons-sidebox-body">
<ul class="vy-weapons-links">
<li>[[All Items]]</li>
<li>[[Armor]]</li>
<li>[[Tools]]</li>
<li>[[Combat]]</li>
<li>[[Classes]]</li>
<li>[[Crafting]]</li>
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-weapons-status">
'''Development status:''' Weapon names, stats, attack styles, recipes, rarities and drop sources are still under development.
</div>

</div>

Items

2026-07-12T16:54:58Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[All Items]]}}

__NOTOC__

<div class="vy-items">

<div class="vy-items-hero">
<div class="vy-items-kicker">Database · Gear · Materials</div>
<div class="vy-items-title">All Items</div>
<div class="vy-items-intro">
The '''All Items''' page is the central item database for Varnyra. It connects weapons, armor, tools, ores, materials, consumables and future custom items into one overview.
</div>

<div class="vy-items-tags">
<span class="vy-items-tag">Weapons</span>
<span class="vy-items-tag">Armor</span>
<span class="vy-items-tag">Tools</span>
<span class="vy-items-tag">Ores</span>
<span class="vy-items-tag">Materials</span>
<span class="vy-items-tag">Consumables</span>
</div>
</div>

<div class="vy-items-showcase">

<div class="vy-items-frame">
<div class="vy-items-image">Item Showcase Image</div>
<div class="vy-items-caption">
Items are planned to support combat, crafting, gathering, trading, progression and dungeon preparation.
</div>
</div>

<div class="vy-items-index">
<div class="vy-items-index-title">Item Index</div>
<div class="vy-items-index-body">
<ul class="vy-items-index-list">
<li>[[Weapons]]</li>
<li>[[Armor]]</li>
<li>[[Tools]]</li>
<li>[[Ores]]</li>
<li>[[Materials]]</li>
<li>[[Consumables]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-items-heading">Item Categories</div>

<div class="vy-items-categories">

<div class="vy-item-category">
<div class="vy-item-category-label">Combat</div>
<div class="vy-item-category-title">[[Weapons]]</div>
<div class="vy-item-category-text">
Weapons are used for combat, class identity, dungeon preparation and boss encounters.
</div>
</div>

<div class="vy-item-category">
<div class="vy-item-category-label">Defense</div>
<div class="vy-item-category-title">[[Armor]]</div>
<div class="vy-item-category-text">
Armor improves survivability and helps players prepare for stronger enemies and harder content.
</div>
</div>

<div class="vy-item-category">
<div class="vy-item-category-label">Utility</div>
<div class="vy-item-category-title">[[Tools]]</div>
<div class="vy-item-category-text">
Tools support gathering, crafting, resource collection and world interaction.
</div>
</div>

<div class="vy-item-category">
<div class="vy-item-category-label">Resources</div>
<div class="vy-item-category-title">[[Ores]]</div>
<div class="vy-item-category-text">
Ores are gathered from the world and used in crafting, upgrades and the economy.
</div>
</div>

<div class="vy-item-category">
<div class="vy-item-category-label">Crafting</div>
<div class="vy-item-category-title">[[Materials]]</div>
<div class="vy-item-category-text">
Materials connect gathering, crafting, upgrades, quests and item progression.
</div>
</div>

<div class="vy-item-category">
<div class="vy-item-category-label">Preparation</div>
<div class="vy-item-category-title">[[Consumables]]</div>
<div class="vy-item-category-text">
Consumables help players prepare for combat, dungeons, boss fights and exploration.
</div>
</div>

</div>

<div class="vy-items-lower">

<div class="vy-items-panel">
<div class="vy-items-panel-title">How items work in Varnyra</div>
<div class="vy-items-panel-text">
Items are planned as part of the long-term progression loop. Players gather resources, craft equipment, upgrade gear, trade valuable items and prepare for dangerous content through the item system.
</div>
</div>

<div class="vy-items-sidebox">
<div class="vy-items-sidebox-title">Related Pages</div>
<div class="vy-items-sidebox-body">
<ul class="vy-items-links">
<li>[[Crafting]]</li>
<li>[[Gathering]]</li>
<li>[[Economy]]</li>
<li>[[Combat]]</li>
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-items-status">
'''Development status:''' Item names, stats, rarities, recipes, drops and upgrade paths are still under development.
</div>

</div>

NPCs

2026-07-12T16:54:50Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[NPCs]]}}

__NOTOC__

<div class="vy-npcs">

<div class="vy-npcs-hero">
<div class="vy-npcs-kicker">Characters · Vendors · Quest Givers</div>
<div class="vy-npcs-title">NPCs</div>
<div class="vy-npcs-intro">
NPCs are non-player characters found throughout '''Varnyra'''. They may give quests, sell items, provide services, guide players through systems or help bring towns and world areas to life.
</div>

<div class="vy-npcs-tags">
<span class="vy-npcs-tag">Quest Givers</span>
<span class="vy-npcs-tag">Vendors</span>
<span class="vy-npcs-tag">Trainers</span>
<span class="vy-npcs-tag">Town Services</span>
<span class="vy-npcs-tag">World Characters</span>
</div>
</div>

<div class="vy-npcs-directory">

<div>

<div class="vy-npcs-heading">NPC Roles</div>

<div class="vy-npcs-roles">

<div class="vy-npc-role">
<div class="vy-npc-role-label">Quests</div>
<div>
<div class="vy-npc-role-title">Quest Givers</div>
<div class="vy-npc-role-text">
NPCs that start quests, continue storylines, offer objectives or guide players through progression.
</div>
</div>
</div>

<div class="vy-npc-role">
<div class="vy-npc-role-label">Trading</div>
<div>
<div class="vy-npc-role-title">Vendors</div>
<div class="vy-npc-role-text">
Merchants that may sell tools, consumables, materials, gear or other useful items.
</div>
</div>
</div>

<div class="vy-npc-role">
<div class="vy-npc-role-label">Progression</div>
<div>
<div class="vy-npc-role-title">Trainers</div>
<div class="vy-npc-role-text">
NPCs connected to skills, combat systems, classes or other future progression mechanics.
</div>
</div>
</div>

<div class="vy-npc-role">
<div class="vy-npc-role-label">World</div>
<div>
<div class="vy-npc-role-title">Lore Characters</div>
<div class="vy-npc-role-text">
Characters that make towns, regions and questlines feel alive through dialogue and worldbuilding.
</div>
</div>
</div>

</div>

</div>

<div class="vy-npcs-portrait">
<div class="vy-npcs-portrait-image">NPC Portrait Image</div>
<div class="vy-npcs-portrait-caption">
NPCs help connect the world, quests, economy, towns and player progression into one living server experience.
</div>
</div>

</div>

<div class="vy-npcs-heading">NPC Categories</div>

<div class="vy-npcs-types">

<div class="vy-npc-type">
<div class="vy-npc-type-label">Town</div>
<div class="vy-npc-type-title">Town NPCs</div>
<div class="vy-npc-type-text">
Characters located in towns, hubs, shops or safe areas.
</div>
</div>

<div class="vy-npc-type">
<div class="vy-npc-type-label">Quest</div>
<div class="vy-npc-type-title">Quest NPCs</div>
<div class="vy-npc-type-text">
Characters connected to objectives, progression and story routes.
</div>
</div>

<div class="vy-npc-type">
<div class="vy-npc-type-label">Service</div>
<div class="vy-npc-type-title">Service NPCs</div>
<div class="vy-npc-type-text">
NPCs that provide practical gameplay services or system access.
</div>
</div>

<div class="vy-npc-type">
<div class="vy-npc-type-label">World</div>
<div class="vy-npc-type-title">World NPCs</div>
<div class="vy-npc-type-text">
Characters found in wilderness zones, outposts or future special locations.
</div>
</div>

</div>

<div class="vy-npcs-lower">

<div class="vy-npcs-panel">
<div class="vy-npcs-panel-title">NPCs and progression</div>
<div class="vy-npcs-panel-text">
NPCs are planned to connect players with important systems such as quests, shops, crafting, skills, classes and world travel. As Varnyra grows, individual NPC pages can describe location, dialogue, purpose and rewards.
</div>
</div>

<div class="vy-npcs-sidebox">
<div class="vy-npcs-sidebox-title">Related Pages</div>
<div class="vy-npcs-sidebox-body">
<ul class="vy-npcs-links">
<li>[[Towns]]</li>
<li>[[World Map]]</li>
<li>[[Questing]]</li>
<li>[[Economy]]</li>
<li>[[Crafting]]</li>
<li>[[Classes]]</li>
<li>[[Skills]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-npcs-status">
'''Development status:''' NPC names, locations, dialogue, services, quest connections and rewards are still under development.
</div>

</div>

Bosses

2026-07-12T16:54:45Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Bosses]]}}

__NOTOC__

<div class="vy-bosses">

<div class="vy-bosses-hero">
<div class="vy-bosses-kicker">Bestiary · World Threats · Raid Targets</div>
<div class="vy-bosses-title">Bosses</div>
<div class="vy-bosses-intro">
Bosses are powerful enemies within '''Varnyra'''. They are planned to act as major combat challenges with stronger mechanics, rare rewards, progression value and preparation requirements.
</div>

<div class="vy-bosses-tags">
<span class="vy-bosses-tag">World Bosses</span>
<span class="vy-bosses-tag">Dungeon Bosses</span>
<span class="vy-bosses-tag">Rare Drops</span>
<span class="vy-bosses-tag">Mechanics</span>
<span class="vy-bosses-tag">Group Combat</span>
</div>
</div>

<div class="vy-bosses-threat">
<div class="vy-bosses-threat-top">
<div>
<div class="vy-bosses-threat-label">Threat Board</div>
<div class="vy-bosses-threat-title">Known boss encounters will be listed here</div>
</div>
<div class="vy-bosses-danger">High Threat</div>
</div>

<div class="vy-bosses-image">Boss Portrait Image</div>

<div class="vy-bosses-threat-caption">
Bosses are designed to be memorable encounters that require preparation, stronger equipment and knowledge of mechanics.
</div>
</div>

<div class="vy-bosses-heading">Boss Categories</div>

<div class="vy-bosses-board">

<div class="vy-boss-card">
<div class="vy-boss-card-label">World Encounter</div>
<div class="vy-boss-card-title">World Bosses</div>
<div class="vy-boss-card-text">
Large-scale enemies found in specific world areas. These may require multiple players or coordinated groups.
</div>
</div>

<div class="vy-boss-card">
<div class="vy-boss-card-label">Dungeon Encounter</div>
<div class="vy-boss-card-title">Dungeon Bosses</div>
<div class="vy-boss-card-text">
Bosses located inside dungeons, often tied to mechanics, loot tables and progression requirements.
</div>
</div>

<div class="vy-boss-card">
<div class="vy-boss-card-label">Rare Threat</div>
<div class="vy-boss-card-title">Elite Monsters</div>
<div class="vy-boss-card-text">
Stronger rare enemies that may appear in dangerous zones, events or future special encounters.
</div>
</div>

</div>

<div class="vy-bosses-layout">

<div class="vy-bosses-panel">
<div class="vy-bosses-panel-title">Preparing for bosses</div>
<div class="vy-bosses-panel-text">
Bosses are planned around preparation. Players may need better weapons, armor, consumables, class roles, skill progression and knowledge of mechanics before attempting difficult fights.
</div>
</div>

<div class="vy-bosses-sidebox">
<div class="vy-bosses-sidebox-title">Related Pages</div>
<div class="vy-bosses-sidebox-body">
<ul class="vy-bosses-links">
<li>[[Dungeons]]</li>
<li>[[Combat]]</li>
<li>[[Classes]]</li>
<li>[[Weapons]]</li>
<li>[[Armor]]</li>
<li>[[Consumables]]</li>
<li>[[Guilds]]</li>
<li>[[World Map]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-bosses-status">
'''Development status:''' Boss names, abilities, spawn rules, loot tables, mechanics and difficulty tiers are still under development.
</div>

</div>

Dungeons

2026-07-12T16:54:36Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Dungeons]]}}

__NOTOC__

<div class="vy-dungeons">

<div class="vy-dungeons-hero">
<div class="vy-dungeons-kicker">Instances · Parties · Boss Encounters</div>
<div class="vy-dungeons-title">Dungeons</div>
<div class="vy-dungeons-intro">
Dungeons are planned adventure instances within '''Varnyra'''. They may contain dangerous mobs, puzzles, bosses, rare drops and progression rewards. Some dungeons may be solo-friendly, while others are designed for coordinated groups.
</div>

<div class="vy-dungeons-tags">
<span class="vy-dungeons-tag">Group Content</span>
<span class="vy-dungeons-tag">Boss Rooms</span>
<span class="vy-dungeons-tag">Rare Drops</span>
<span class="vy-dungeons-tag">Dungeon Keys</span>
<span class="vy-dungeons-tag">Progression Gates</span>
</div>
</div>

<div class="vy-dungeons-gateway">

<div class="vy-dungeons-imagebox">
<div class="vy-dungeons-image">Dungeon Entrance Image</div>
<div class="vy-dungeons-caption">
Dungeon entrances mark dangerous content where players prepare their gear, party and strategy before entering.
</div>
</div>

<div class="vy-dungeons-info">

<div class="vy-dungeon-rule">
<div class="vy-dungeon-rule-label">Preparation</div>
<div class="vy-dungeon-rule-title">Gear before entering</div>
<div class="vy-dungeon-rule-text">
Players should prepare weapons, armor, consumables and party roles before attempting harder dungeons.
</div>
</div>

<div class="vy-dungeon-rule">
<div class="vy-dungeon-rule-label">Challenge</div>
<div class="vy-dungeon-rule-title">Enemies and mechanics</div>
<div class="vy-dungeon-rule-text">
Dungeons may include custom mobs, boss mechanics, traps, objectives or locked progression paths.
</div>
</div>

<div class="vy-dungeon-rule">
<div class="vy-dungeon-rule-label">Rewards</div>
<div class="vy-dungeon-rule-title">Drops and progression</div>
<div class="vy-dungeon-rule-text">
Dungeon rewards may include materials, weapons, armor, upgrade items, currency or rare collectibles.
</div>
</div>

</div>

</div>

<div class="vy-dungeons-heading">Dungeon Types</div>

<div class="vy-dungeons-types">

<div class="vy-dungeon-type">
<div class="vy-dungeon-type-label">Starter</div>
<div class="vy-dungeon-type-title">Early Dungeons</div>
<div class="vy-dungeon-type-text">
Introductory dungeons that teach basic mechanics, enemy behavior and dungeon preparation.
</div>
</div>

<div class="vy-dungeon-type">
<div class="vy-dungeon-type-label">Progression</div>
<div class="vy-dungeon-type-title">Scaling Dungeons</div>
<div class="vy-dungeon-type-text">
Dungeons that become more demanding as players unlock stronger gear, better skills and new mechanics.
</div>
</div>

<div class="vy-dungeon-type">
<div class="vy-dungeon-type-label">Endgame</div>
<div class="vy-dungeon-type-title">High-Risk Dungeons</div>
<div class="vy-dungeon-type-text">
Harder dungeon content designed for prepared players, coordinated groups and valuable rewards.
</div>
</div>

</div>

<div class="vy-dungeons-lower">

<div class="vy-dungeons-panel">
<div class="vy-dungeons-panel-title">How dungeons fit into Varnyra</div>
<div class="vy-dungeons-panel-text">
Dungeons are planned to connect combat, classes, skills, crafting and economy progression. Players may need to prepare gear, gather materials, form parties and learn mechanics before clearing harder dungeon content.
</div>
</div>

<div class="vy-dungeons-sidebox">
<div class="vy-dungeons-sidebox-title">Related Pages</div>
<div class="vy-dungeons-sidebox-body">
<ul class="vy-dungeons-links">
<li>[[Bosses]]</li>
<li>[[Combat]]</li>
<li>[[Classes]]</li>
<li>[[Weapons]]</li>
<li>[[Armor]]</li>
<li>[[Consumables]]</li>
<li>[[Guilds]]</li>
<li>[[World Map]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-dungeons-status">
'''Development status:''' Dungeon names, entrance locations, requirements, boss mechanics and loot tables are still under development.
</div>

</div>

Towns

2026-07-12T16:54:29Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Towns]]}}

__NOTOC__

<div class="vy-towns">

<div class="vy-towns-hero">
<div class="vy-towns-kicker">Settlements · Services · Safe Zones</div>
<div class="vy-towns-title">Towns</div>
<div class="vy-towns-intro">
Towns are important settlement areas within '''Varnyra'''. They may contain NPCs, shops, banks, crafting stations, quest hubs, travel points and other systems that help players progress through the world.
</div>

<div class="vy-towns-tags">
<span class="vy-towns-tag">Safe Areas</span>
<span class="vy-towns-tag">Quest Hubs</span>
<span class="vy-towns-tag">NPCs</span>
<span class="vy-towns-tag">Shops</span>
<span class="vy-towns-tag">Crafting Stations</span>
</div>
</div>

<div class="vy-towns-heading">Town Types</div>

<div class="vy-towns-types">

<div class="vy-town-type">
<div class="vy-town-type-label">Starting Area</div>
<div class="vy-town-type-title">Starter Town</div>
<div class="vy-town-type-text">
The first settlement where new players learn basic systems, meet early NPCs and begin their journey.
</div>
</div>

<div class="vy-town-type">
<div class="vy-town-type-label">Trade Hub</div>
<div class="vy-town-type-title">Market Towns</div>
<div class="vy-town-type-text">
Settlements focused on shops, trading, crafting access and economy-related services.
</div>
</div>

<div class="vy-town-type">
<div class="vy-town-type-label">Adventure Hub</div>
<div class="vy-town-type-title">Frontier Outposts</div>
<div class="vy-town-type-text">
Smaller towns near dangerous zones, dungeon routes or wilderness areas.
</div>
</div>

</div>

<div class="vy-towns-showcase">
<div class="vy-towns-showcase-image">Town Showcase Image</div>
<div class="vy-towns-showcase-caption">
Towns will act as safe hubs where players prepare, trade, craft, accept quests and travel into the world.
</div>
</div>

<div class="vy-towns-heading">Town Services</div>

<div class="vy-towns-services">

<div class="vy-towns-panel">
<div class="vy-towns-panel-title">What players can find in towns</div>
<div class="vy-towns-panel-text">
Each town may offer different services depending on its role in the world. Some towns may focus on trading and crafting, while others may act as quest hubs or staging areas before dangerous content.
</div>

<div class="vy-towns-service-grid">

<div class="vy-towns-service">
<div class="vy-towns-service-title">NPCs</div>
<div class="vy-towns-service-text">
Quest givers, vendors, trainers and other important characters.
</div>
</div>

<div class="vy-towns-service">
<div class="vy-towns-service-title">Shops</div>
<div class="vy-towns-service-text">
Buy, sell or access items used for progression and preparation.
</div>
</div>

<div class="vy-towns-service">
<div class="vy-towns-service-title">Crafting</div>
<div class="vy-towns-service-text">
Stations or services used to craft, upgrade or prepare items.
</div>
</div>

<div class="vy-towns-service">
<div class="vy-towns-service-title">Travel</div>
<div class="vy-towns-service-text">
Future travel points, routes or connections to other areas.
</div>
</div>

</div>
</div>

<div class="vy-towns-sidebox">
<div class="vy-towns-sidebox-title">Related Pages</div>
<div class="vy-towns-sidebox-body">
<ul class="vy-towns-links">
<li>[[World Map]]</li>
<li>[[NPCs]]</li>
<li>[[Quests]]</li>
<li>[[Crafting]]</li>
<li>[[Economy]]</li>
<li>[[Dungeons]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-towns-status">
'''Development status:''' Town names, layouts, NPCs, services and travel routes are still under development.
</div>

</div>

World Map

2026-07-12T16:54:22Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[World Map]]}}

__NOTOC__

<div class="vy-worldmap">

<div class="vy-worldmap-hero">
<div class="vy-worldmap-kicker">World Atlas</div>
<div class="vy-worldmap-title">World Map</div>
<div class="vy-worldmap-intro">
The '''World Map''' is the main overview of Varnyra’s towns, wilderness zones, dungeon entrances, resource areas and future regions.
As the server grows, this page will help players understand where to travel and what each area is used for.
</div>

<div class="vy-worldmap-tags">
<span class="vy-worldmap-tag">Towns</span>
<span class="vy-worldmap-tag">Wilderness</span>
<span class="vy-worldmap-tag">Dungeons</span>
<span class="vy-worldmap-tag">Resource Zones</span>
<span class="vy-worldmap-tag">Hidden Locations</span>
</div>
</div>

<div class="vy-worldmap-board">
<div class="vy-worldmap-image">World Map Image</div>
<div class="vy-worldmap-caption">
The world map will be expanded as towns, routes, dangerous zones, resource areas and dungeon entrances are finalized.
</div>
</div>

<div class="vy-worldmap-heading">World Regions</div>

<div class="vy-worldmap-regions">

<div class="vy-worldmap-region">
<div class="vy-worldmap-region-type">Safe Area</div>
<div class="vy-worldmap-region-title">Starter Region</div>
<div class="vy-worldmap-region-text">
The first area where new players learn the basics, find early NPCs and begin their progression.
</div>
</div>

<div class="vy-worldmap-region">
<div class="vy-worldmap-region-type">Settlement</div>
<div class="vy-worldmap-region-title">Towns</div>
<div class="vy-worldmap-region-text">
Towns may contain NPCs, shops, quest hubs, crafting stations, banks and social areas.
</div>
</div>

<div class="vy-worldmap-region">
<div class="vy-worldmap-region-type">Adventure</div>
<div class="vy-worldmap-region-title">Wilderness Zones</div>
<div class="vy-worldmap-region-text">
Dangerous areas with mobs, resources, hidden paths and future exploration rewards.
</div>
</div>

<div class="vy-worldmap-region">
<div class="vy-worldmap-region-type">Group Content</div>
<div class="vy-worldmap-region-title">Dungeon Entrances</div>
<div class="vy-worldmap-region-text">
Locations that lead players into instanced or group-focused dungeon content.
</div>
</div>

<div class="vy-worldmap-region">
<div class="vy-worldmap-region-type">Resources</div>
<div class="vy-worldmap-region-title">Gathering Areas</div>
<div class="vy-worldmap-region-text">
Mining, woodcutting, harvesting and other resource locations tied to the economy.
</div>
</div>

<div class="vy-worldmap-region">
<div class="vy-worldmap-region-type">Secrets</div>
<div class="vy-worldmap-region-title">Hidden Locations</div>
<div class="vy-worldmap-region-text">
Special places, secrets, rare encounters and future discovery-based content.
</div>
</div>

</div>

<div class="vy-worldmap-layout">

<div class="vy-worldmap-panel">
<div class="vy-worldmap-panel-title">How to use the world map</div>
<div class="vy-worldmap-panel-text">
The World Map page is meant to act as the central travel overview. Players should use it to find where towns, dungeons, resource areas and dangerous zones are located before moving into more detailed location pages.
</div>
</div>

<div class="vy-worldmap-sidebox">
<div class="vy-worldmap-sidebox-title">Related Pages</div>
<div class="vy-worldmap-sidebox-body">
<ul class="vy-worldmap-links">
<li>[[Towns]]</li>
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
<li>[[NPCs]]</li>
<li>[[Ores]]</li>
<li>[[Materials]]</li>
<li>[[Gathering]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-worldmap-status">
'''Development status:''' The final world layout, region names, map image and travel routes are still under development.
</div>

</div>

Guilds

2026-07-12T16:54:14Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Guilds]]}}

__NOTOC__

<div class="vy-guilds">

<div class="vy-guilds-hero">
<div class="vy-guilds-kicker">Community · Group Progression</div>
<div class="vy-guilds-title">Guilds</div>
<div class="vy-guilds-intro">
Guilds are planned player groups within '''Varnyra'''. They are designed to help players organize parties, progress together, take on group content and build long-term communities inside the server.
</div>

<div class="vy-guilds-tags">
<span class="vy-guilds-tag">Group Play</span>
<span class="vy-guilds-tag">Dungeon Parties</span>
<span class="vy-guilds-tag">Guild Progression</span>
<span class="vy-guilds-tag">Community Goals</span>
<span class="vy-guilds-tag">Team Identity</span>
</div>
</div>

<div class="vy-guilds-layout">

<div>

<div class="vy-guilds-heading">Guild Pillars</div>

<div class="vy-guilds-pillars">

<div class="vy-guilds-pillar">
<div class="vy-guilds-pillar-type">Social</div>
<div>
<div class="vy-guilds-pillar-title">Build a Community</div>
<div class="vy-guilds-pillar-text">
Guilds give players a place to organize, communicate and play together across different progression paths.
</div>
</div>
</div>

<div class="vy-guilds-pillar">
<div class="vy-guilds-pillar-type">Progression</div>
<div>
<div class="vy-guilds-pillar-title">Grow Together</div>
<div class="vy-guilds-pillar-text">
Guild systems may include future goals, upgrades, shared milestones or group-based rewards.
</div>
</div>
</div>

<div class="vy-guilds-pillar">
<div class="vy-guilds-pillar-type">Group Content</div>
<div>
<div class="vy-guilds-pillar-title">Prepare for Dungeons</div>
<div class="vy-guilds-pillar-text">
Guilds help players form parties for dungeons, bosses and difficult content that requires coordination.
</div>
</div>
</div>

<div class="vy-guilds-pillar">
<div class="vy-guilds-pillar-type">Identity</div>
<div>
<div class="vy-guilds-pillar-title">Represent Your Team</div>
<div class="vy-guilds-pillar-text">
Guild names, ranks and future cosmetic systems may help groups build their own identity inside Varnyra.
</div>
</div>
</div>

</div>

</div>

<div class="vy-guilds-emblem">
<div class="vy-guilds-emblem-image">Guild Hall / Emblem Image</div>
<div class="vy-guilds-emblem-caption">
A guild is more than a group list: it is a team identity for players who want to progress together.
</div>
</div>

</div>

<div class="vy-guilds-heading">Planned Guild Structure</div>

<div class="vy-guilds-ranks">

<div class="vy-guilds-rank">
<div class="vy-guilds-rank-label">Rank 01</div>
<div class="vy-guilds-rank-title">Leader</div>
<div class="vy-guilds-rank-text">
Responsible for guild setup, direction and high-level management.
</div>
</div>

<div class="vy-guilds-rank">
<div class="vy-guilds-rank-label">Rank 02</div>
<div class="vy-guilds-rank-title">Officer</div>
<div class="vy-guilds-rank-text">
Trusted members who help organize activities, members and guild goals.
</div>
</div>

<div class="vy-guilds-rank">
<div class="vy-guilds-rank-label">Rank 03</div>
<div class="vy-guilds-rank-title">Member</div>
<div class="vy-guilds-rank-text">
Regular guild players who participate in progression and group content.
</div>
</div>

<div class="vy-guilds-rank">
<div class="vy-guilds-rank-label">Rank 04</div>
<div class="vy-guilds-rank-title">Recruit</div>
<div class="vy-guilds-rank-text">
New members who are still learning the guild and server systems.
</div>
</div>

</div>

<div class="vy-guilds-lower">

<div class="vy-guilds-panel">
<div class="vy-guilds-panel-title">Guilds and the world of Varnyra</div>
<div class="vy-guilds-panel-text">
Guilds are planned to connect social gameplay with progression. A good guild can help players learn systems, prepare for bosses, organize dungeon parties and build long-term goals together.
</div>
</div>

<div class="vy-guilds-sidebox">
<div class="vy-guilds-sidebox-title">Related Pages</div>
<div class="vy-guilds-sidebox-body">
<ul class="vy-guilds-links">
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
<li>[[Combat]]</li>
<li>[[Economy]]</li>
<li>[[Classes]]</li>
<li>[[Discord]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-guilds-status">
'''Development status:''' Guild creation, ranks, upgrades, permissions and group progression systems are still under development.
</div>

</div>

Economy

2026-07-12T16:54:06Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Economy]]}}

__NOTOC__

<div class="vy-economy">

<div class="vy-economy-hero">
<div class="vy-economy-kicker">Trading · Resources · Player Value</div>
<div class="vy-economy-title">Economy</div>
<div class="vy-economy-intro">
The economy of '''Varnyra''' connects gathering, crafting, trading, dungeon drops and item progression. Resources and rewards are planned to have value because players need them for upgrades, crafting and long-term progression.
</div>

<div class="vy-economy-tags">
<span class="vy-economy-tag">Gathering</span>
<span class="vy-economy-tag">Crafting</span>
<span class="vy-economy-tag">Trading</span>
<span class="vy-economy-tag">Rare Drops</span>
<span class="vy-economy-tag">Player Demand</span>
</div>
</div>

<div class="vy-economy-heading">Economy Flow</div>

<div class="vy-economy-flow">

<div class="vy-economy-node">
<div class="vy-economy-node-step">Step 01</div>
<div class="vy-economy-node-title">Gather Resources</div>
<div class="vy-economy-node-text">
Players collect ores, materials, mob drops and world resources through gameplay.
</div>
</div>

<div class="vy-economy-node">
<div class="vy-economy-node-step">Step 02</div>
<div class="vy-economy-node-title">Craft & Upgrade</div>
<div class="vy-economy-node-text">
Resources are turned into gear, tools, consumables, upgrades and progression materials.
</div>
</div>

<div class="vy-economy-node">
<div class="vy-economy-node-step">Step 03</div>
<div class="vy-economy-node-title">Trade Value</div>
<div class="vy-economy-node-text">
Useful or rare items gain value through demand from players, crafters and adventurers.
</div>
</div>

<div class="vy-economy-node">
<div class="vy-economy-node-step">Step 04</div>
<div class="vy-economy-node-title">Progress Further</div>
<div class="vy-economy-node-text">
The economy supports stronger builds, dungeon preparation and long-term account growth.
</div>
</div>

</div>

<div class="vy-economy-market">
<div class="vy-economy-market-image">Market / Trading Image</div>
<div class="vy-economy-market-caption">
The Varnyra economy is planned around meaningful resources, useful crafting materials and rewards that matter to player progression.
</div>
</div>

<div class="vy-economy-heading">Sources of Value</div>

<div class="vy-economy-columns">

<div class="vy-economy-panel">
<div class="vy-economy-panel-title">Where value comes from</div>
<div class="vy-economy-panel-text">
Items become valuable when they are useful, limited, required for progression or difficult to obtain. Economy balance is planned around making resources, crafted goods and rare drops meaningful without making progression feel impossible.
</div>

<div class="vy-economy-source-grid">

<div class="vy-economy-source">
<div class="vy-economy-source-title">Gathered Materials</div>
<div class="vy-economy-source-text">
Ores, logs, herbs and resources used in crafting and upgrades.
</div>
</div>

<div class="vy-economy-source">
<div class="vy-economy-source-title">Crafted Items</div>
<div class="vy-economy-source-text">
Gear, tools, consumables and materials created by players.
</div>
</div>

<div class="vy-economy-source">
<div class="vy-economy-source-title">Dungeon Drops</div>
<div class="vy-economy-source-text">
Rewards from dangerous content, enemies and boss encounters.
</div>
</div>

<div class="vy-economy-source">
<div class="vy-economy-source-title">Rare Upgrades</div>
<div class="vy-economy-source-text">
Special materials or items needed for stronger progression paths.
</div>
</div>

</div>
</div>

<div class="vy-economy-sidebox">
<div class="vy-economy-sidebox-title">Related Pages</div>
<div class="vy-economy-sidebox-body">
<ul class="vy-economy-links">
<li>[[Gathering]]</li>
<li>[[Crafting]]</li>
<li>[[Items]]</li>
<li>[[Ores]]</li>
<li>[[Materials]]</li>
<li>[[Consumables]]</li>
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-economy-status">
'''Development status:''' Currency, shops, trading rules, sell values and marketplace systems are still under development.
</div>

</div>

Leveling

2026-07-12T16:53:58Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Leveling]]}}

__NOTOC__

<div class="vy-leveling">

<div class="vy-leveling-hero">
<div class="vy-leveling-kicker">Progression Ladder</div>
<div class="vy-leveling-title">Leveling</div>
<div class="vy-leveling-intro">
Leveling in '''Varnyra''' is planned as a layered progression system. Players grow through skills, gear upgrades, quests, dungeon milestones and future account unlocks instead of relying on one single number.
</div>

<div class="vy-leveling-pill-row">
<span class="vy-leveling-pill">Account Growth</span>
<span class="vy-leveling-pill">Skill Levels</span>
<span class="vy-leveling-pill">Gear Upgrades</span>
<span class="vy-leveling-pill">Quest Unlocks</span>
<span class="vy-leveling-pill">Dungeon Access</span>
</div>
</div>

<div class="vy-leveling-layout">

<div>

<div class="vy-leveling-heading">Progression Ladder</div>

<div class="vy-leveling-ladder">

<div class="vy-leveling-step">
<div class="vy-leveling-phase">Phase 01</div>
<div>
<div class="vy-leveling-step-title">Starter Progression</div>
<div class="vy-leveling-step-text">
Learn basic commands, collect starter resources, understand the first skills and prepare your first gear setup.
</div>
</div>
</div>

<div class="vy-leveling-step">
<div class="vy-leveling-phase">Phase 02</div>
<div>
<div class="vy-leveling-step-title">Skill Growth</div>
<div class="vy-leveling-step-text">
Train combat, gathering and crafting skills to unlock stronger tools, better materials and more useful progression routes.
</div>
</div>
</div>

<div class="vy-leveling-step">
<div class="vy-leveling-phase">Phase 03</div>
<div>
<div class="vy-leveling-step-title">Gear Improvement</div>
<div class="vy-leveling-step-text">
Upgrade weapons, armor and tools so your character can handle harder mobs, zones, quests and dungeon preparation.
</div>
</div>
</div>

<div class="vy-leveling-step">
<div class="vy-leveling-phase">Phase 04</div>
<div>
<div class="vy-leveling-step-title">Content Unlocks</div>
<div class="vy-leveling-step-text">
Progression may unlock new quests, resources, towns, dungeon requirements, boss encounters or future world areas.
</div>
</div>
</div>

<div class="vy-leveling-step">
<div class="vy-leveling-phase">Phase 05</div>
<div>
<div class="vy-leveling-step-title">Endgame Preparation</div>
<div class="vy-leveling-step-text">
Long-term players will push toward rare items, harder dungeons, stronger bosses and advanced economy opportunities.
</div>
</div>
</div>

</div>

</div>

<div class="vy-leveling-artbox">
<div class="vy-leveling-art">Leveling Image</div>
<div class="vy-leveling-art-caption">
Progress through skills, equipment, quests and dungeon milestones to unlock the deeper systems of Varnyra.
</div>
</div>

</div>

<div class="vy-leveling-lower">

<div class="vy-leveling-panel">
<div class="vy-leveling-panel-title">Multiple paths, one account</div>
<div class="vy-leveling-panel-text">
Varnyra progression is designed so different playstyles can still move forward. Combat players, gatherers, crafters, traders and dungeon groups all contribute to long-term character growth.
</div>
</div>

<div class="vy-leveling-sidebox">
<div class="vy-leveling-sidebox-title">Related Pages</div>
<div class="vy-leveling-sidebox-body">
<ul class="vy-leveling-links">
<li>[[Beginner Guide]]</li>
<li>[[Skills]]</li>
<li>[[Classes]]</li>
<li>[[Items]]</li>
<li>[[Crafting]]</li>
<li>[[Quests]]</li>
<li>[[Dungeons]]</li>
<li>[[Economy]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-leveling-status">
'''Development status:''' Exact leveling formulas, XP rates, unlock requirements and progression milestones are still under development.
</div>

</div>

Skills

2026-07-12T16:53:48Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Skills]]}}

__NOTOC__

<div class="vy-skills">

<div class="vy-skills-hero">
<div class="vy-skills-kicker">Progression System</div>
<div class="vy-skills-title">Skills</div>
<div class="vy-skills-intro">
Skills are one of the core progression systems in '''Varnyra'''. They allow players to grow beyond combat by gathering resources, crafting equipment, unlocking content and shaping their long-term playstyle.
</div>

<div class="vy-skills-core">
<span>Combat Growth</span>
<span>Resource Gathering</span>
<span>Crafting Progression</span>
<span>Economy Support</span>
<span>Dungeon Preparation</span>
</div>
</div>

<div class="vy-skills-heading">Progression Paths</div>

<div class="vy-skills-paths">

<div class="vy-skills-path">
<div class="vy-skills-type">Combat</div>
<div>
<div class="vy-skills-name">Combat Skills</div>
<div class="vy-skills-desc">
Improve your performance against mobs, bosses and dungeon enemies through weapon mastery, survivability and combat progression.
</div>
</div>
<div class="vy-skills-link">[[Combat|View →]]</div>
</div>

<div class="vy-skills-path">
<div class="vy-skills-type">Gathering</div>
<div>
<div class="vy-skills-name">Gathering Skills</div>
<div class="vy-skills-desc">
Collect ores, logs, materials and other resources used for crafting, upgrades and the player economy.
</div>
</div>
<div class="vy-skills-link">[[Gathering|View →]]</div>
</div>

<div class="vy-skills-path">
<div class="vy-skills-type">Crafting</div>
<div>
<div class="vy-skills-name">Crafting Skills</div>
<div class="vy-skills-desc">
Create tools, equipment, consumables and materials that support progression throughout the world.
</div>
</div>
<div class="vy-skills-link">[[Crafting|View →]]</div>
</div>

<div class="vy-skills-path">
<div class="vy-skills-type">Upgrading</div>
<div>
<div class="vy-skills-name">Enchanting</div>
<div class="vy-skills-desc">
Enhance gear and unlock item upgrades through future enchanting and progression mechanics.
</div>
</div>
<div class="vy-skills-link">[[Enchanting|View →]]</div>
</div>

</div>

<div class="vy-skills-banner">
<div class="vy-skills-banner-image">Skill Progression Image</div>
<div class="vy-skills-banner-caption">
Skills connect the world, economy, crafting systems, combat progression and dungeon preparation into one long-term account journey.
</div>
</div>

<div class="vy-skills-heading">Skill Roadmap</div>

<div class="vy-skills-roadmap">

<div class="vy-skills-stage">
<div class="vy-skills-stage-label">Early Game</div>
<div class="vy-skills-stage-title">Learn the basics</div>
<div class="vy-skills-stage-text">
Start with basic gathering, combat practice, simple materials and starter crafting.
</div>
</div>

<div class="vy-skills-stage">
<div class="vy-skills-stage-label">Mid Game</div>
<div class="vy-skills-stage-title">Unlock stronger systems</div>
<div class="vy-skills-stage-text">
Progress into better resources, improved gear and more useful crafting options.
</div>
</div>

<div class="vy-skills-stage">
<div class="vy-skills-stage-label">Late Game</div>
<div class="vy-skills-stage-title">Prepare for harder content</div>
<div class="vy-skills-stage-text">
Use trained skills to access stronger equipment, harder zones and dungeon preparation.
</div>
</div>

<div class="vy-skills-stage">
<div class="vy-skills-stage-label">Endgame</div>
<div class="vy-skills-stage-title">Master progression</div>
<div class="vy-skills-stage-text">
Push toward rare unlocks, valuable materials, advanced crafting and future endgame goals.
</div>
</div>

</div>

<div class="vy-skills-lower">

<div class="vy-skills-panel">
<div class="vy-skills-panel-title">How skills shape your account</div>
<div class="vy-skills-panel-text">
Skills are planned to unlock more than numbers. Higher levels may give access to better resources, stronger recipes, quest requirements, dungeon preparation and long-term economy value.
</div>
</div>

<div class="vy-skills-sidebox">
<div class="vy-skills-sidebox-title">Related Pages</div>
<div class="vy-skills-sidebox-body">
<ul class="vy-skills-links">
<li>[[Leveling]]</li>
<li>[[Classes]]</li>
<li>[[Combat]]</li>
<li>[[Gathering]]</li>
<li>[[Crafting]]</li>
<li>[[Enchanting]]</li>
<li>[[Items]]</li>
<li>[[Ores]]</li>
<li>[[Materials]]</li>
<li>[[Economy]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-skills-status">
'''Development status:''' Skill names, experience rates, unlock levels and exact mechanics are still under development.
</div>

</div>

Classes

2026-07-12T16:53:39Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Classes]]}}

__NOTOC__

<div class="vy-classes">

<div class="vy-classes-hero">
<div class="vy-classes-kicker">Combat Identity</div>
<div class="vy-classes-title">Classes</div>
<div class="vy-classes-intro">
Classes define how players fight, specialize and grow within '''Varnyra'''. Each class path is planned around a different combat fantasy, role and progression style.
</div>

<div class="vy-classes-rolebar">
<span class="vy-classes-role">Melee</span>
<span class="vy-classes-role">Ranged</span>
<span class="vy-classes-role">Magic</span>
<span class="vy-classes-role">Support</span>
<span class="vy-classes-role">Dungeon Roles</span>
</div>
</div>

<div class="vy-classes-banner">
<div class="vy-classes-banner-image">Class Selection Image</div>
<div class="vy-classes-banner-caption">
Classes are designed to give players a clear combat identity while still allowing long-term progression through skills, gear and dungeon experience.
</div>
</div>

<div class="vy-classes-heading">Planned Class Archetypes</div>

<div class="vy-class-select">

<div class="vy-class-card">
<div class="vy-class-type">Melee Archetype</div>
<div class="vy-class-name">Frontline Fighter</div>
<div class="vy-class-desc">
A close-range path focused on weapons, armor, survivability and steady pressure against mobs, bosses and dungeon enemies.
</div>
<div class="vy-class-tags">
<span class="vy-class-tag">Melee</span>
<span class="vy-class-tag">Armor</span>
<span class="vy-class-tag">Durable</span>
</div>
</div>

<div class="vy-class-card">
<div class="vy-class-type">Ranged Archetype</div>
<div class="vy-class-name">Ranged Specialist</div>
<div class="vy-class-desc">
A distance-based path focused on positioning, precision and damage from range. Useful for players who prefer control and spacing.
</div>
<div class="vy-class-tags">
<span class="vy-class-tag">Ranged</span>
<span class="vy-class-tag">Precision</span>
<span class="vy-class-tag">Positioning</span>
</div>
</div>

<div class="vy-class-card">
<div class="vy-class-type">Magic Archetype</div>
<div class="vy-class-name">Arcane Caster</div>
<div class="vy-class-desc">
A magic-focused path built around abilities, spell effects, utility and powerful burst windows during combat.
</div>
<div class="vy-class-tags">
<span class="vy-class-tag">Magic</span>
<span class="vy-class-tag">Abilities</span>
<span class="vy-class-tag">Burst</span>
</div>
</div>

<div class="vy-class-card">
<div class="vy-class-type">Support Archetype</div>
<div class="vy-class-name">Support Role</div>
<div class="vy-class-desc">
A party-focused path that may provide buffs, healing, protection or utility during dungeons and boss fights.
</div>
<div class="vy-class-tags">
<span class="vy-class-tag">Support</span>
<span class="vy-class-tag">Utility</span>
<span class="vy-class-tag">Teamplay</span>
</div>
</div>

</div>

<div class="vy-classes-lower">

<div class="vy-classes-panel">
<div class="vy-classes-panel-title">How classes fit into progression</div>
<div class="vy-classes-panel-text">
Classes are planned to work together with skills, equipment and combat progression. Your class gives your character identity, while your gear and skill progress help shape how strong and flexible your build becomes.
</div>
</div>

<div class="vy-classes-sidebox">
<div class="vy-classes-sidebox-title">Related Pages</div>
<div class="vy-classes-sidebox-body">
<ul class="vy-classes-links">
<li>[[Skills]]</li>
<li>[[Combat]]</li>
<li>[[Weapons]]</li>
<li>[[Armor]]</li>
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-classes-status">
'''Development status:''' Class names, abilities, requirements, balance and progression details are still under development.
</div>

</div>

Test CreaturePage

2026-07-12T15:40:30Z

Marciismx:

{{VarnyraBreadcrumb|path=[[NPCs]] > [[Mobs]] > [[Goblin]]}}

<div class="vy-layout">

<div class="vy-main-column">

<div class="vy-entry-title">Goblin</div>

<div class="vy-intro">
The '''Goblin''' is a low-threat creature commonly found near beginner paths, abandoned camps and forest edges.
Small in size but dangerous in groups, goblins are known for ambushing new adventurers and stealing anything that shines.
</div>

<div class="vy-section-title">Overview</div>
Goblins are among the first hostile creatures encountered by new players in Varnyra.
They are weak alone, but can become dangerous when multiple goblins attack at once.

<div class="vy-section-title">Combat Info</div>
<div class="vy-stat-table">
{{StatRow|icon=❤️|label=Health|value=50}}
{{StatRow|icon=🗡️|label=Damage|value=6 Melee}}
{{StatRow|icon=🛡️|label=Armor|value=2}}
{{StatRow|icon=⚡|label=Attack Speed|value=1.6 Seconds}}
{{StatRow|icon=🥾|label=Movement|value=Fast}}
{{StatRow|icon=☠️|label=Aggressive|value=Yes}}
</div>

<div class="vy-section-title">Known Drops</div>
<div class="vy-drops">
{{DropCard|image=placeholder.png|name=Copper Coin|chance=100%}}
{{DropCard|image=placeholder.png|name=Goblin Ear|chance=60%}}
{{DropCard|image=placeholder.png|name=Rusty Dagger|chance=20%}}
{{DropCard|image=placeholder.png|name=Torn Cloth|chance=10%}}
</div>

{{NoticeBox|text=Goblins are designed as early-game enemies. Their final stats may change during Varnyra balancing.}}

<div class="vy-section-title">Progression Example</div>

{{VarnyraTableStart|headers=Level!!Rank!!XP Required!!Total XP!!Unlock}}
{{VarnyraTableRow|c1=1|c2=Rookie I|c3=0|c4=0|c5=<span class="vy-muted">None</span>}}
{{VarnyraTableRow|c1=2|c2=Rookie II|c3=100|c4=100|c5=<span class="vy-reward-blue">+Aqua Beacon</span>}}
{{VarnyraTableRow|c1=3|c2=Rookie III|c3=100|c4=200|c5=<span class="vy-reward-orange">+Orange Beacon</span>}}
{{VarnyraTableRow|c1=4|c2=Assistant I|c3=100|c4=300|c5=+1 Beacon Reroll per run}}
{{VarnyraTableRow|c1=5|c2=Assistant II|c3=100|c4=400|c5=<span class="vy-reward-green">+Green Beacon</span>}}
{{VarnyraTableEnd}}

</div>

<div class="vy-side-column">
{{CodexCreature
|name=Goblin
|image=placeholder.png
|threat=Low
|habitat=Greenwood Forest, Cave Systems
|behavior=Aggressive Scavenger
|knownfor=Ambushes, stealing shiny items
|spoils=Coins, Ears, Rusty Gear
|respawn=30 Seconds
|quote=Small in size, greedy by nature, dangerous in numbers.
}}
</div>

</div>

Goblin

2026-07-12T15:27:11Z

Marciismx:

Goblin

2026-07-12T15:26:53Z

Marciismx:

{{VarnyraBreadcrumb|path=[[NPCs]] > [[Mobs]] > [[Goblin]]}}

__NOTOC__

<div class="vy-mob">

<div class="vy-mob-hero">

<div class="vy-mob-intro">
<div class="vy-mob-kicker">Mob · Starter Enemy</div>
<div class="vy-mob-title">Goblin</div>
<div class="vy-mob-desc">
The '''Goblin''' is a planned early-game hostile mob in '''Varnyra'''. Goblins are intended to introduce players to basic combat, starter drops and simple enemy behavior before harder monsters appear.
</div>

<div class="vy-mob-tags">
<span class="vy-mob-tag">Starter Mob</span>
<span class="vy-mob-tag">Hostile</span>
<span class="vy-mob-tag">Melee</span>
<span class="vy-mob-tag">Early Game</span>
</div>
</div>

<div class="vy-mob-portrait">
<div class="vy-mob-portrait-image">Goblin Image</div>
<div class="vy-mob-portrait-caption">
Goblins are planned as simple early enemies found near beginner routes, forests or starter combat zones.
</div>
</div>

</div>

<div class="vy-mob-layout">

<div class="vy-mob-main">

<div class="vy-mob-section">
<div class="vy-mob-section-title">Overview</div>
<div class="vy-mob-section-body">
Goblins are small hostile creatures that may appear in low-level areas. They are designed to teach players how basic enemy combat works while providing small rewards and early materials.
</div>
</div>

<div class="vy-mob-section">
<div class="vy-mob-section-title">Combat Stats</div>
<div class="vy-mob-section-body">
<div class="vy-mob-stats">

<div class="vy-mob-stat">
<div class="vy-mob-stat-label">Level</div>
<div class="vy-mob-stat-value">1 - 5</div>
</div>

<div class="vy-mob-stat">
<div class="vy-mob-stat-label">Health</div>
<div class="vy-mob-stat-value">Low</div>
</div>

<div class="vy-mob-stat">
<div class="vy-mob-stat-label">Damage Type</div>
<div class="vy-mob-stat-value">Melee</div>
</div>

<div class="vy-mob-stat">
<div class="vy-mob-stat-label">Difficulty</div>
<div class="vy-mob-stat-value">Starter</div>
</div>

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

<div class="vy-mob-section">
<div class="vy-mob-section-title">Possible Drops</div>
<div class="vy-mob-section-body">
<table class="vy-mob-table">
<tr>
<th>Drop</th>
<th>Use</th>
<th>Rarity</th>
</tr>
<tr>
<td>Goblin Coin</td>
<td>Early currency or quest item</td>
<td>Common</td>
</tr>
<tr>
<td>Small Bone</td>
<td>Crafting material</td>
<td>Common</td>
</tr>
<tr>
<td>Torn Cloth</td>
<td>Material or quest item</td>
<td>Uncommon</td>
</tr>
<tr>
<td>Rusty Dagger</td>
<td>Starter weapon drop</td>
<td>Rare</td>
</tr>
</table>
</div>
</div>

<div class="vy-mob-section">
<div class="vy-mob-section-title">Behavior</div>
<div class="vy-mob-section-body">
Goblins are planned to use simple melee attacks. They may chase nearby players, attack in small groups and retreat or reposition depending on future AI behavior.
</div>
</div>

</div>

<div class="vy-mob-side">

<div class="vy-mob-infobox">
<div class="vy-mob-infobox-title">Mob Info</div>
<div class="vy-mob-infobox-body">
<ul class="vy-mob-list">
<li>Type: Hostile Mob</li>
<li>Role: Starter Enemy</li>
<li>Combat: Melee</li>
<li>Zone: Early Game</li>
<li>Status: Planned</li>
</ul>
</div>
</div>

<div class="vy-mob-infobox">
<div class="vy-mob-infobox-title">Related Pages</div>
<div class="vy-mob-infobox-body">
<ul class="vy-mob-list">
<li>[[NPCs]]</li>
<li>[[Combat]]</li>
<li>[[Weapons]]</li>
<li>[[Materials]]</li>
<li>[[Questing]]</li>
<li>[[World Map]]</li>
</ul>
</div>
</div>

</div>

</div>

<div class="vy-mob-status">
'''Development status:''' Goblin stats, spawn locations, drops, AI behavior and quest connections are still under development.
</div>

</div>

MediaWiki:Common.css

2026-07-12T15:26:45Z

Marciismx:

/* ================================================================
Varnyra Wiki Content CSS
Main Page only
================================================================
Structure:
1. Base
2. Hero (intro + showcase)
3. Sections / panels
4. Featured cards
5. Responsive
================================================================ */

/* ------------------------------
1. Base
------------------------------ */

.vy-main {
font-family: Georgia, "Times New Roman", serif;
color: #f5efe1;
}

.vy-main a {
text-decoration: none !important;
}

/* Shared "card" look, reused by intro / showcase / panel blocks below.
Each block adds its own layout rules (padding, height, display) on top. */
.vy-main-intro,
.vy-main-showcase,
.vy-main-panel {
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.18), transparent 38%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 26px rgba(0, 0, 0, 0.26),
inset 0 0 24px rgba(255, 255, 255, 0.014);
overflow: hidden;
}

/* ------------------------------
2. Hero (intro + showcase)
------------------------------ */

.vy-main-hero {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
gap: 20px;
align-items: stretch;
margin-bottom: 24px;
}

.vy-main-intro {
padding: 32px 34px;
}

.vy-main-kicker {
margin-bottom: 8px;
color: #c084fc;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
}

.vy-main-title {
margin: 0 0 15px;
color: #fff8e7;
font-size: 50px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
}

.vy-main-text {
max-width: 760px;
color: #eadfc8;
font-size: 16px;
line-height: 1.62;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.vy-main-focus {
margin-top: 20px;
padding: 14px 16px;
border-left: 4px solid #a855f7;
border-radius: 8px;
background: rgba(168, 85, 247, 0.08);
color: #fff3d8;
font-size: 14px;
line-height: 1.55;
}

/* Showcase image block */

.vy-main-showcase {
min-height: 270px;
display: flex;
flex-direction: column;
}

.vy-main-image-slot {
min-height: 210px;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
background:
radial-gradient(circle at center, rgba(168, 85, 247, 0.32), transparent 56%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(45, 24, 70, 0.94));
color: rgba(255, 248, 231, 0.54);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.5px;
text-align: center;
text-transform: uppercase;
}

/* Shared link-wrapper behaviour for image slots (main + feature cards) */
.vy-main-image-slot a,
.vy-main-feature-image a {
display: block;
width: 100%;
height: 100%;
}

.vy-main-image-slot img,
.vy-main-image-slot .mw-file-element {
display: block;
width: 100% !important;
height: 100% !important;
min-height: 210px;
object-fit: cover;
}

.vy-main-showcase-caption {
padding: 14px 16px;
border-top: 1px solid rgba(251, 191, 36, 0.18);
color: #fff3d8;
font-size: 13.5px;
font-weight: 700;
line-height: 1.45;
}

/* ------------------------------
3. Sections / panels
------------------------------ */

.vy-main-section-title {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-main-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}

.vy-main-panel {
min-height: 138px;
padding: 18px 20px;
}

.vy-main-panel-title {
margin-bottom: 9px;
color: #fff8e7;
font-size: 20px;
font-weight: 900;
line-height: 1.22;
text-shadow: 0 0 10px rgba(251, 191, 36, 0.10);
}

.vy-main-panel-text {
color: rgba(245, 239, 225, 0.82);
font-size: 14.5px;
line-height: 1.56;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* Notes are present in the page text, but hidden to keep the homepage calm. */
.vy-main-panel-note {
display: none !important;
}

/* ------------------------------
4. Featured cards with image slots
------------------------------ */

.vy-main-feature-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}

.vy-main-feature {
display: flex;
min-height: 315px;
flex-direction: column;
border: 1px solid rgba(148, 163, 184, 0.20);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.12), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.014));
overflow: hidden;
}

.vy-main-feature:hover {
border-color: rgba(251, 191, 36, 0.34);
}

.vy-main-feature-image {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
background:
radial-gradient(circle at center, rgba(251, 191, 36, 0.12), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(45, 24, 70, 0.94));
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}

.vy-main-feature-image img,
.vy-main-feature-image .mw-file-element {
display: block;
width: 100% !important;
height: 150px !important;
object-fit: cover;
}

.vy-main-feature-body {
display: flex;
min-height: 150px;
flex: 1;
flex-direction: column;
padding: 15px 16px 17px;
}

.vy-main-feature-title {
margin-bottom: 7px;
color: #fff8e7;
font-size: 18px;
font-weight: 900;
line-height: 1.25;
text-shadow: 0 0 10px rgba(251, 191, 36, 0.10);
}

.vy-main-feature-text {
color: rgba(245, 239, 225, 0.78);
font-size: 13.5px;
line-height: 1.46;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.vy-main-link,
.vy-main-link a {
display: inline-block;
margin-top: auto;
padding-top: 12px;
color: #fbbf24 !important;
font-size: 13.5px;
font-weight: 900;
}

.vy-main-link:hover,
.vy-main-link a:hover {
color: #fff8e7 !important;
}

/* ------------------------------
5. Responsive
------------------------------ */

@media screen and (max-width: 1150px) {
.vy-main-hero,
.vy-main-grid {
grid-template-columns: 1fr;
}

.vy-main-feature-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 680px) {
.vy-main-title {
font-size: 38px;
}

.vy-main-intro {
padding: 26px 22px;
}

.vy-main-feature-grid {
grid-template-columns: 1fr;
}
}

/* ------------------------------
Varnyra Section Pages
Used for unique MMO-RPG hub pages
------------------------------ */

.vy-section {
font-family: Georgia, "Times New Roman", serif;
}

.vy-section a {
text-decoration: none !important;
}

/* Hero */
.vy-section-hero {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
gap: 22px;
align-items: stretch;
margin-bottom: 26px;
}

.vy-section-hero-main,
.vy-section-hero-art {
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.22), transparent 40%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
overflow: hidden;
}

.vy-section-hero-main {
padding: 34px 38px;
}

.vy-section-kicker {
color: #c084fc;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-section-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-section-intro {
max-width: 820px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-section-note {
margin-top: 20px;
padding: 13px 15px;
border-left: 4px solid #a855f7;
border-radius: 8px;
background: rgba(168, 85, 247, 0.08);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

/* Hero image slot */
.vy-section-hero-art {
display: flex;
flex-direction: column;
min-height: 260px;
}

.vy-section-image {
flex: 1;
min-height: 210px;
display: flex;
align-items: center;
justify-content: center;
background:
radial-gradient(circle at center, rgba(168, 85, 247, 0.28), transparent 56%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(45, 24, 70, 0.94));
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-section-image img {
width: 100%;
height: 100%;
min-height: 210px;
object-fit: contain;
}

.vy-section-image-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
background: rgba(0, 0, 0, 0.20);
}

/* Section titles */
.vy-section-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

/* Soft overview panels */
.vy-section-split {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
}

.vy-section-panel {
padding: 20px 22px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.010));
}

.vy-section-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 9px;
text-shadow: 0 0 10px rgba(251, 191, 36, 0.10);
}

.vy-section-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.8px;
line-height: 1.6;
}

/* Badge rows */
.vy-section-badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 15px;
}

.vy-section-badge {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(251, 191, 36, 0.26);
border-radius: 999px;
background: rgba(251, 191, 36, 0.08);
color: #fbbf24;
font-size: 12.5px;
font-weight: 900;
}

/* Skill path layout */
.vy-skill-paths {
display: grid;
gap: 12px;
}

.vy-skill-path {
display: grid;
grid-template-columns: 150px minmax(0, 1fr) auto;
gap: 16px;
align-items: center;
padding: 15px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(168, 85, 247, 0.10), rgba(255, 255, 255, 0.014));
}

.vy-skill-path:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(168, 85, 247, 0.16), rgba(251, 191, 36, 0.035));
}

.vy-skill-type {
color: #c084fc;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-skill-name {
color: #fff8e7;
font-size: 19px;
font-weight: 900;
margin-bottom: 4px;
}

.vy-skill-desc {
color: rgba(245, 239, 225, 0.76);
font-size: 14px;
line-height: 1.5;
}

.vy-skill-link,
.vy-skill-link a {
color: #fbbf24 !important;
font-size: 13px;
font-weight: 900;
white-space: nowrap;
}

/* Compact side box */
.vy-section-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.12), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-section-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-section-sidebox-body {
padding: 14px 16px;
color: rgba(245, 239, 225, 0.78);
font-size: 14px;
line-height: 1.55;
}

.vy-section-list {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-section-list li {
margin: 6px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-section-list a {
color: #fbbf24 !important;
font-weight: 800;
}

/* Status */
.vy-section-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-section-hero,
.vy-section-split {
grid-template-columns: 1fr;
}

.vy-skill-path {
grid-template-columns: 1fr;
gap: 8px;
}
}

@media screen and (max-width: 640px) {
.vy-section-hero-main {
padding: 26px 22px;
}

.vy-section-title {
font-size: 38px;
}
}

/* ------------------------------
Varnyra Beginner Guide
First player route / onboarding page
------------------------------ */

.vy-guide {
font-family: Georgia, "Times New Roman", serif;
}

.vy-guide a {
text-decoration: none !important;
}

.vy-guide-hero {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
gap: 22px;
align-items: stretch;
margin-bottom: 28px;
}

.vy-guide-hero-main,
.vy-guide-hero-side {
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.22), transparent 40%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
overflow: hidden;
}

.vy-guide-hero-main {
padding: 36px 40px;
}

.vy-guide-kicker {
color: #c084fc;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-guide-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-guide-intro {
max-width: 820px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-guide-start-box {
margin-top: 20px;
padding: 14px 16px;
border-left: 4px solid #a855f7;
border-radius: 8px;
background: rgba(168, 85, 247, 0.08);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

.vy-guide-hero-side {
display: flex;
flex-direction: column;
}

.vy-guide-image {
flex: 1;
min-height: 220px;
display: flex;
align-items: center;
justify-content: center;
background:
radial-gradient(circle at center, rgba(251, 191, 36, 0.12), transparent 52%),
radial-gradient(circle at top right, rgba(168, 85, 247, 0.28), transparent 55%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(45, 24, 70, 0.94));
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-guide-image img {
width: 100%;
height: 100%;
min-height: 220px;
object-fit: cover;
}

.vy-guide-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
background: rgba(0, 0, 0, 0.20);
}

.vy-guide-heading {
margin: 30px 0 16px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-guide-route {
position: relative;
display: grid;
gap: 12px;
}

.vy-guide-step {
display: grid;
grid-template-columns: 82px minmax(0, 1fr) auto;
gap: 16px;
align-items: center;
padding: 15px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(168, 85, 247, 0.12), rgba(255, 255, 255, 0.014));
}

.vy-guide-step:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(168, 85, 247, 0.18), rgba(251, 191, 36, 0.035));
}

.vy-guide-step-number {
color: #fbbf24;
font-size: 13px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-guide-step-title {
color: #fff8e7;
font-size: 19px;
font-weight: 900;
margin-bottom: 4px;
}

.vy-guide-step-text {
color: rgba(245, 239, 225, 0.76);
font-size: 14px;
line-height: 1.5;
}

.vy-guide-step-link,
.vy-guide-step-link a {
color: #fbbf24 !important;
font-size: 13px;
font-weight: 900;
white-space: nowrap;
}

.vy-guide-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-guide-panel,
.vy-guide-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-guide-panel {
padding: 20px 22px;
}

.vy-guide-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-guide-checklist {
margin: 0 !important;
padding-left: 20px !important;
}

.vy-guide-checklist li {
margin: 8px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14.5px !important;
line-height: 1.45 !important;
}

.vy-guide-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-guide-sidebox-body {
padding: 14px 16px;
}

.vy-guide-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-guide-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-guide-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-guide-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-guide-hero,
.vy-guide-lower {
grid-template-columns: 1fr;
}

.vy-guide-step {
grid-template-columns: 1fr;
gap: 8px;
}
}

@media screen and (max-width: 640px) {
.vy-guide-hero-main {
padding: 26px 22px;
}

.vy-guide-title {
font-size: 38px;
}
}

/* ------------------------------
Varnyra Server Rules
Official rulebook / server charter page
------------------------------ */

.vy-rules {
font-family: Georgia, "Times New Roman", serif;
}

.vy-rules a {
text-decoration: none !important;
}

.vy-rules-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.26);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(225, 29, 72, 0.16), transparent 36%),
radial-gradient(circle at bottom left, rgba(251, 191, 36, 0.10), transparent 34%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-rules-kicker {
color: #fb7185;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-rules-title {
color: #fff8e7;
font-size: 50px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.14);
margin-bottom: 14px;
}

.vy-rules-intro {
max-width: 900px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-rules-warning {
margin-top: 18px;
padding: 14px 16px;
border-left: 4px solid #fb7185;
border-radius: 8px;
background: rgba(225, 29, 72, 0.08);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

.vy-rules-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
}

.vy-rules-main {
display: grid;
gap: 14px;
}

.vy-rules-block {
display: grid;
grid-template-columns: 70px minmax(0, 1fr);
gap: 16px;
padding: 17px 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(225, 29, 72, 0.08), rgba(255, 255, 255, 0.012));
}

.vy-rules-block:hover {
border-color: rgba(251, 191, 36, 0.32);
background:
linear-gradient(90deg, rgba(225, 29, 72, 0.11), rgba(251, 191, 36, 0.026));
}

.vy-rules-number {
color: #fbbf24;
font-size: 13px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-rules-block-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 8px;
}

.vy-rules-list {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-rules-list li {
margin: 6px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14.5px !important;
line-height: 1.45 !important;
}

.vy-rules-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(225, 29, 72, 0.12), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-rules-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.20);
}

.vy-rules-sidebox-body {
padding: 14px 16px;
color: rgba(245, 239, 225, 0.78);
font-size: 14px;
line-height: 1.55;
}

.vy-rules-sidebox ul {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-rules-sidebox li {
margin: 7px 0 !important;
font-size: 14px !important;
}

.vy-rules-sidebox a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-rules-status {
margin-top: 22px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-rules-layout {
grid-template-columns: 1fr;
}
}

@media screen and (max-width: 640px) {
.vy-rules-hero {
padding: 26px 22px;
}

.vy-rules-title {
font-size: 38px;
}

.vy-rules-block {
grid-template-columns: 1fr;
gap: 8px;
}
}

/* ------------------------------
Varnyra Commands
Command terminal / command database page
------------------------------ */

.vy-commands {
font-family: Georgia, "Times New Roman", serif;
}

.vy-commands a {
text-decoration: none !important;
}

.vy-commands-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 22px;
align-items: stretch;
margin-bottom: 26px;
}

.vy-commands-main,
.vy-commands-terminal {
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.12), transparent 38%),
radial-gradient(circle at bottom left, rgba(168, 85, 247, 0.16), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
overflow: hidden;
}

.vy-commands-main {
padding: 34px 38px;
}

.vy-commands-kicker {
color: #22c55e;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-commands-title {
color: #fff8e7;
font-size: 50px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.14);
margin-bottom: 14px;
}

.vy-commands-intro {
max-width: 820px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-commands-note {
margin-top: 18px;
padding: 14px 16px;
border-left: 4px solid #22c55e;
border-radius: 8px;
background: rgba(34, 197, 94, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

.vy-commands-terminal {
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.16), transparent 38%),
linear-gradient(180deg, rgba(3, 8, 7, 0.98), rgba(3, 5, 10, 0.98));
}

.vy-commands-terminal-header {
display: flex;
gap: 6px;
padding: 12px 14px;
border-bottom: 1px solid rgba(34, 197, 94, 0.20);
background: rgba(0, 0, 0, 0.28);
}

.vy-commands-dot {
width: 9px;
height: 9px;
border-radius: 50%;
background: rgba(34, 197, 94, 0.65);
}

.vy-commands-terminal-body {
padding: 16px 17px;
color: #bbf7d0;
font-family: Consolas, "Courier New", monospace;
font-size: 13px;
line-height: 1.65;
}

.vy-commands-terminal-line {
display: block;
color: #bbf7d0;
}

.vy-commands-terminal-prompt {
color: #fbbf24;
}

.vy-commands-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-commands-table {
width: 100%;
border-collapse: separate;
border-spacing: 0 10px;
}

.vy-commands-row {
display: grid;
grid-template-columns: 210px minmax(0, 1fr) 140px;
gap: 16px;
align-items: center;
padding: 15px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(34, 197, 94, 0.075), rgba(255, 255, 255, 0.012));
}

.vy-commands-row:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(34, 197, 94, 0.12), rgba(251, 191, 36, 0.030));
}

.vy-command-code {
color: #bbf7d0;
font-family: Consolas, "Courier New", monospace;
font-size: 15px;
font-weight: 900;
white-space: nowrap;
}

.vy-command-desc {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.5;
}

.vy-command-type {
justify-self: end;
padding: 5px 9px;
border: 1px solid rgba(251, 191, 36, 0.22);
border-radius: 999px;
background: rgba(251, 191, 36, 0.07);
color: #fbbf24;
font-size: 11px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
}

.vy-commands-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-commands-panel,
.vy-commands-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-commands-panel {
padding: 20px 22px;
}

.vy-commands-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-commands-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-commands-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-commands-sidebox-body {
padding: 14px 16px;
}

.vy-commands-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-commands-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-commands-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-commands-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-commands-hero,
.vy-commands-lower {
grid-template-columns: 1fr;
}

.vy-commands-row {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-command-type {
justify-self: start;
}
}

@media screen and (max-width: 640px) {
.vy-commands-main {
padding: 26px 22px;
}

.vy-commands-title {
font-size: 38px;
}
}

/* ------------------------------
Varnyra Classes
Character select / class fantasy page
------------------------------ */

.vy-classes {
font-family: Georgia, "Times New Roman", serif;
}

.vy-classes a {
text-decoration: none !important;
}

.vy-classes-hero {
padding: 34px 38px;
margin-bottom: 24px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.24), transparent 38%),
radial-gradient(circle at bottom left, rgba(251, 191, 36, 0.08), transparent 34%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-classes-kicker {
color: #c084fc;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-classes-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-classes-intro {
max-width: 900px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-classes-rolebar {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-classes-role {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(251, 191, 36, 0.26);
border-radius: 999px;
background: rgba(251, 191, 36, 0.08);
color: #fbbf24;
font-size: 12.5px;
font-weight: 900;
}

.vy-classes-banner {
margin-bottom: 26px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(168, 85, 247, 0.26), transparent 56%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(45, 24, 70, 0.94));
}

.vy-classes-banner-image {
min-height: 230px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-classes-banner-image img {
width: 100%;
height: 100%;
min-height: 230px;
max-height: 310px;
object-fit: cover;
}

.vy-classes-banner-caption {
padding: 13px 16px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-classes-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-class-select {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}

.vy-class-card {
position: relative;
overflow: hidden;
padding: 20px 22px;
min-height: 165px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.16), transparent 42%),
linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.012));
}

.vy-class-card:hover {
border-color: rgba(251, 191, 36, 0.36);
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.23), transparent 42%),
linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018));
}

.vy-class-type {
color: #c084fc;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.6px;
text-transform: uppercase;
margin-bottom: 7px;
}

.vy-class-name {
color: #fff8e7;
font-size: 23px;
font-weight: 900;
margin-bottom: 8px;
text-shadow: 0 0 10px rgba(251, 191, 36, 0.10);
}

.vy-class-desc {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.55;
}

.vy-class-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 13px;
}

.vy-class-tag {
padding: 4px 8px;
border-radius: 999px;
background: rgba(168, 85, 247, 0.12);
color: #d8b4fe;
font-size: 11.5px;
font-weight: 900;
}

.vy-classes-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-classes-panel,
.vy-classes-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-classes-panel {
padding: 20px 22px;
}

.vy-classes-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-classes-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-classes-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-classes-sidebox-body {
padding: 14px 16px;
}

.vy-classes-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-classes-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-classes-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-classes-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-class-select,
.vy-classes-lower {
grid-template-columns: 1fr;
}
}

@media screen and (max-width: 640px) {
.vy-classes-hero {
padding: 26px 22px;
}

.vy-classes-title {
font-size: 38px;
}
}

/* ------------------------------
Varnyra Skills
Progression roadmap page
------------------------------ */

.vy-skills {
font-family: Georgia, "Times New Roman", serif;
}

.vy-skills a {
text-decoration: none !important;
}

.vy-skills-hero {
padding: 34px 38px;
margin-bottom: 24px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.12), transparent 38%),
radial-gradient(circle at bottom left, rgba(168, 85, 247, 0.22), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-skills-kicker {
color: #22c55e;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-skills-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-skills-intro {
max-width: 920px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-skills-core {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-skills-core span {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(34, 197, 94, 0.28);
border-radius: 999px;
background: rgba(34, 197, 94, 0.08);
color: #bbf7d0;
font-size: 12.5px;
font-weight: 900;
}

.vy-skills-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-skills-paths {
display: grid;
gap: 12px;
}

.vy-skills-path {
display: grid;
grid-template-columns: 150px minmax(0, 1fr) auto;
gap: 16px;
align-items: center;
padding: 15px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(34, 197, 94, 0.075), rgba(168, 85, 247, 0.06), rgba(255, 255, 255, 0.012));
}

.vy-skills-path:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(34, 197, 94, 0.12), rgba(168, 85, 247, 0.10), rgba(251, 191, 36, 0.030));
}

.vy-skills-type {
color: #22c55e;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-skills-name {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 4px;
text-shadow: 0 0 10px rgba(251, 191, 36, 0.10);
}

.vy-skills-desc {
color: rgba(245, 239, 225, 0.76);
font-size: 14px;
line-height: 1.5;
}

.vy-skills-link,
.vy-skills-link a {
color: #fbbf24 !important;
font-size: 13px;
font-weight: 900;
white-space: nowrap;
}

.vy-skills-banner {
margin: 28px 0 26px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(34, 197, 94, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(168, 85, 247, 0.24), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(20, 48, 38, 0.92));
}

.vy-skills-banner-image {
min-height: 210px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-skills-banner-image img {
width: 100%;
height: 100%;
min-height: 210px;
max-height: 300px;
object-fit: cover;
}

.vy-skills-banner-caption {
padding: 13px 16px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-skills-roadmap {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}

.vy-skills-stage {
padding: 16px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-skills-stage-label {
color: #22c55e;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 6px;
}

.vy-skills-stage-title {
color: #fff8e7;
font-size: 17px;
font-weight: 900;
margin-bottom: 6px;
}

.vy-skills-stage-text {
color: rgba(245, 239, 225, 0.76);
font-size: 13.5px;
line-height: 1.45;
}

.vy-skills-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-skills-panel,
.vy-skills-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-skills-panel {
padding: 20px 22px;
}

.vy-skills-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-skills-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-skills-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-skills-sidebox-body {
padding: 14px 16px;
}

.vy-skills-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-skills-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-skills-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-skills-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-skills-path,
.vy-skills-lower {
grid-template-columns: 1fr;
}

.vy-skills-roadmap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 640px) {
.vy-skills-hero {
padding: 26px 22px;
}

.vy-skills-title {
font-size: 38px;
}

.vy-skills-roadmap {
grid-template-columns: 1fr;
}
}

/* ------------------------------
Varnyra Leveling
Progression ladder / milestone page
------------------------------ */

.vy-leveling {
font-family: Georgia, "Times New Roman", serif;
}

.vy-leveling a {
text-decoration: none !important;
}

.vy-leveling-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.12), transparent 38%),
radial-gradient(circle at bottom left, rgba(168, 85, 247, 0.22), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-leveling-kicker {
color: #fbbf24;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-leveling-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-leveling-intro {
max-width: 920px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-leveling-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 22px;
align-items: start;
}

.vy-leveling-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-leveling-ladder {
display: grid;
gap: 12px;
}

.vy-leveling-step {
display: grid;
grid-template-columns: 120px minmax(0, 1fr);
gap: 16px;
padding: 16px 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(251, 191, 36, 0.075), rgba(168, 85, 247, 0.06), rgba(255, 255, 255, 0.012));
}

.vy-leveling-step:hover {
border-color: rgba(251, 191, 36, 0.35);
background:
linear-gradient(90deg, rgba(251, 191, 36, 0.12), rgba(168, 85, 247, 0.10), rgba(255, 255, 255, 0.018));
}

.vy-leveling-phase {
color: #fbbf24;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-leveling-step-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 5px;
}

.vy-leveling-step-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.55;
}

.vy-leveling-artbox {
position: sticky;
top: 20px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(251, 191, 36, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(168, 85, 247, 0.24), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(45, 24, 70, 0.94));
}

.vy-leveling-art {
min-height: 300px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-leveling-art img {
width: 100%;
height: 100%;
min-height: 300px;
object-fit: cover;
}

.vy-leveling-art-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-leveling-pill-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 16px;
}

.vy-leveling-pill {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(251, 191, 36, 0.26);
border-radius: 999px;
background: rgba(251, 191, 36, 0.08);
color: #fbbf24;
font-size: 12.5px;
font-weight: 900;
}

.vy-leveling-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-leveling-panel,
.vy-leveling-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-leveling-panel {
padding: 20px 22px;
}

.vy-leveling-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-leveling-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-leveling-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-leveling-sidebox-body {
padding: 14px 16px;
}

.vy-leveling-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-leveling-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-leveling-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-leveling-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-leveling-layout,
.vy-leveling-lower {
grid-template-columns: 1fr;
}

.vy-leveling-artbox {
position: static;
}
}

@media screen and (max-width: 640px) {
.vy-leveling-hero {
padding: 26px 22px;
}

.vy-leveling-title {
font-size: 38px;
}

.vy-leveling-step {
grid-template-columns: 1fr;
gap: 8px;
}
}

/* ------------------------------
Varnyra Economy
Market / trading dashboard page
------------------------------ */

.vy-economy {
font-family: Georgia, "Times New Roman", serif;
}

.vy-economy a {
text-decoration: none !important;
}

.vy-economy-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.14), transparent 38%),
radial-gradient(circle at bottom left, rgba(34, 197, 94, 0.12), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-economy-kicker {
color: #fbbf24;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-economy-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-economy-intro {
max-width: 920px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-economy-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-economy-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(251, 191, 36, 0.28);
border-radius: 999px;
background: rgba(251, 191, 36, 0.08);
color: #fbbf24;
font-size: 12.5px;
font-weight: 900;
}

.vy-economy-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

/* Economy flow */
.vy-economy-flow {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-bottom: 26px;
}

.vy-economy-node {
position: relative;
padding: 17px 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.10), transparent 46%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-economy-node:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.15), transparent 46%),
linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016));
}

.vy-economy-node-step {
color: #22c55e;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 7px;
}

.vy-economy-node-title {
color: #fff8e7;
font-size: 18px;
font-weight: 900;
margin-bottom: 7px;
}

.vy-economy-node-text {
color: rgba(245, 239, 225, 0.76);
font-size: 13.5px;
line-height: 1.45;
}

/* Market board image */
.vy-economy-market {
margin: 28px 0 26px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(251, 191, 36, 0.18), transparent 52%),
radial-gradient(circle at top right, rgba(34, 197, 94, 0.14), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(46, 36, 18, 0.94));
}

.vy-economy-market-image {
min-height: 220px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-economy-market-image img {
width: 100%;
height: 100%;
min-height: 220px;
max-height: 310px;
object-fit: cover;
}

.vy-economy-market-caption {
padding: 13px 16px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

/* Value columns */
.vy-economy-columns {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
gap: 20px;
align-items: start;
}

.vy-economy-panel,
.vy-economy-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-economy-panel {
padding: 20px 22px;
}

.vy-economy-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-economy-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-economy-source-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 16px;
}

.vy-economy-source {
padding: 12px 13px;
border: 1px solid rgba(148, 163, 184, 0.14);
border-radius: 10px;
background: rgba(0, 0, 0, 0.14);
}

.vy-economy-source-title {
color: #fbbf24;
font-size: 14px;
font-weight: 900;
margin-bottom: 5px;
}

.vy-economy-source-text {
color: rgba(245, 239, 225, 0.72);
font-size: 13px;
line-height: 1.4;
}

.vy-economy-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-economy-sidebox-body {
padding: 14px 16px;
}

.vy-economy-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-economy-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-economy-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-economy-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-economy-flow {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vy-economy-columns {
grid-template-columns: 1fr;
}
}

@media screen and (max-width: 640px) {
.vy-economy-hero {
padding: 26px 22px;
}

.vy-economy-title {
font-size: 38px;
}

.vy-economy-flow,
.vy-economy-source-grid {
grid-template-columns: 1fr;
}
}

/* ------------------------------
Varnyra Guilds
Guild hall / community progression page
------------------------------ */

.vy-guilds {
font-family: Georgia, "Times New Roman", serif;
}

.vy-guilds a {
text-decoration: none !important;
}

.vy-guilds-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.22), transparent 38%),
radial-gradient(circle at bottom left, rgba(59, 130, 246, 0.12), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-guilds-kicker {
color: #93c5fd;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-guilds-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-guilds-intro {
max-width: 920px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-guilds-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-guilds-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(147, 197, 253, 0.28);
border-radius: 999px;
background: rgba(59, 130, 246, 0.08);
color: #bfdbfe;
font-size: 12.5px;
font-weight: 900;
}

.vy-guilds-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-guilds-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 22px;
align-items: start;
}

.vy-guilds-pillars {
display: grid;
gap: 12px;
}

.vy-guilds-pillar {
display: grid;
grid-template-columns: 130px minmax(0, 1fr);
gap: 16px;
padding: 16px 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(59, 130, 246, 0.08), rgba(168, 85, 247, 0.07), rgba(255, 255, 255, 0.012));
}

.vy-guilds-pillar:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(59, 130, 246, 0.13), rgba(168, 85, 247, 0.11), rgba(251, 191, 36, 0.026));
}

.vy-guilds-pillar-type {
color: #93c5fd;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-guilds-pillar-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 5px;
text-shadow: 0 0 10px rgba(251, 191, 36, 0.10);
}

.vy-guilds-pillar-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.55;
}

.vy-guilds-emblem {
position: sticky;
top: 20px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(59, 130, 246, 0.18), transparent 52%),
radial-gradient(circle at top right, rgba(168, 85, 247, 0.26), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(27, 35, 70, 0.94));
}

.vy-guilds-emblem-image {
min-height: 290px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-guilds-emblem-image img {
width: 100%;
height: 100%;
min-height: 290px;
object-fit: cover;
}

.vy-guilds-emblem-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-guilds-ranks {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-top: 14px;
}

.vy-guilds-rank {
padding: 15px 16px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-guilds-rank-label {
color: #93c5fd;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 6px;
}

.vy-guilds-rank-title {
color: #fff8e7;
font-size: 17px;
font-weight: 900;
margin-bottom: 6px;
}

.vy-guilds-rank-text {
color: rgba(245, 239, 225, 0.76);
font-size: 13.5px;
line-height: 1.45;
}

.vy-guilds-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-guilds-panel,
.vy-guilds-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-guilds-panel {
padding: 20px 22px;
}

.vy-guilds-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-guilds-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-guilds-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-guilds-sidebox-body {
padding: 14px 16px;
}

.vy-guilds-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-guilds-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-guilds-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-guilds-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-guilds-layout,
.vy-guilds-lower {
grid-template-columns: 1fr;
}

.vy-guilds-emblem {
position: static;
}

.vy-guilds-ranks {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 640px) {
.vy-guilds-hero {
padding: 26px 22px;
}

.vy-guilds-title {
font-size: 38px;
}

.vy-guilds-pillar {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-guilds-ranks {
grid-template-columns: 1fr;
}
}

/* ------------------------------
Varnyra World Map
World atlas / map overview page
------------------------------ */

.vy-worldmap {
font-family: Georgia, "Times New Roman", serif;
}

.vy-worldmap a {
text-decoration: none !important;
}

.vy-worldmap-hero {
padding: 34px 38px;
margin-bottom: 24px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.12), transparent 38%),
radial-gradient(circle at bottom left, rgba(59, 130, 246, 0.14), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-worldmap-kicker {
color: #86efac;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-worldmap-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-worldmap-intro {
max-width: 940px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-worldmap-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-worldmap-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(134, 239, 172, 0.28);
border-radius: 999px;
background: rgba(34, 197, 94, 0.08);
color: #bbf7d0;
font-size: 12.5px;
font-weight: 900;
}

.vy-worldmap-board {
margin: 0 0 28px;
border: 1px solid rgba(251, 191, 36, 0.22);
border-radius: 16px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(34, 197, 94, 0.14), transparent 52%),
radial-gradient(circle at top right, rgba(59, 130, 246, 0.16), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(19, 41, 31, 0.94));
box-shadow:
0 0 26px rgba(0, 0, 0, 0.26),
inset 0 0 28px rgba(255, 255, 255, 0.012);
}

.vy-worldmap-image {
min-height: 360px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-worldmap-image img {
width: 100%;
height: 100%;
min-height: 360px;
max-height: 520px;
object-fit: cover;
}

.vy-worldmap-caption {
padding: 14px 17px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.24);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-worldmap-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-worldmap-regions {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}

.vy-worldmap-region {
padding: 18px 19px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 13px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-worldmap-region:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.15), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016));
}

.vy-worldmap-region-type {
color: #86efac;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 7px;
}

.vy-worldmap-region-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 7px;
}

.vy-worldmap-region-text {
color: rgba(245, 239, 225, 0.76);
font-size: 14px;
line-height: 1.5;
}

.vy-worldmap-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-worldmap-panel,
.vy-worldmap-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-worldmap-panel {
padding: 20px 22px;
}

.vy-worldmap-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-worldmap-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-worldmap-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-worldmap-sidebox-body {
padding: 14px 16px;
}

.vy-worldmap-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-worldmap-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-worldmap-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-worldmap-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-worldmap-regions {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vy-worldmap-layout {
grid-template-columns: 1fr;
}
}

@media screen and (max-width: 640px) {
.vy-worldmap-hero {
padding: 26px 22px;
}

.vy-worldmap-title {
font-size: 38px;
}

.vy-worldmap-regions {
grid-template-columns: 1fr;
}

.vy-worldmap-image,
.vy-worldmap-image img {
min-height: 240px;
}
}

/* ------------------------------
Varnyra Towns
Settlement / town directory page
------------------------------ */

.vy-towns {
font-family: Georgia, "Times New Roman", serif;
}

.vy-towns a {
text-decoration: none !important;
}

.vy-towns-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.12), transparent 38%),
radial-gradient(circle at bottom left, rgba(34, 197, 94, 0.14), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-towns-kicker {
color: #fbbf24;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-towns-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-towns-intro {
max-width: 920px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-towns-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-towns-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(251, 191, 36, 0.28);
border-radius: 999px;
background: rgba(251, 191, 36, 0.08);
color: #fbbf24;
font-size: 12.5px;
font-weight: 900;
}

.vy-towns-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-towns-types {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}

.vy-town-type {
padding: 18px 19px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 13px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-town-type:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.15), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016));
}

.vy-town-type-label {
color: #86efac;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 7px;
}

.vy-town-type-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 7px;
}

.vy-town-type-text {
color: rgba(245, 239, 225, 0.76);
font-size: 14px;
line-height: 1.5;
}

.vy-towns-showcase {
margin: 28px 0 26px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(251, 191, 36, 0.14), transparent 52%),
radial-gradient(circle at top right, rgba(34, 197, 94, 0.13), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(43, 32, 18, 0.94));
}

.vy-towns-showcase-image {
min-height: 240px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-towns-showcase-image img {
width: 100%;
height: 100%;
min-height: 240px;
max-height: 330px;
object-fit: cover;
}

.vy-towns-showcase-caption {
padding: 13px 16px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-towns-services {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 20px;
align-items: start;
}

.vy-towns-panel,
.vy-towns-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-towns-panel {
padding: 20px 22px;
}

.vy-towns-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-towns-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-towns-service-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 16px;
}

.vy-towns-service {
padding: 12px 13px;
border: 1px solid rgba(148, 163, 184, 0.14);
border-radius: 10px;
background: rgba(0, 0, 0, 0.14);
}

.vy-towns-service-title {
color: #fbbf24;
font-size: 14px;
font-weight: 900;
margin-bottom: 5px;
}

.vy-towns-service-text {
color: rgba(245, 239, 225, 0.72);
font-size: 13px;
line-height: 1.4;
}

.vy-towns-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-towns-sidebox-body {
padding: 14px 16px;
}

.vy-towns-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-towns-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-towns-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-towns-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-towns-types,
.vy-towns-services {
grid-template-columns: 1fr;
}
}

@media screen and (max-width: 640px) {
.vy-towns-hero {
padding: 26px 22px;
}

.vy-towns-title {
font-size: 38px;
}

.vy-towns-service-grid {
grid-template-columns: 1fr;
}
}

/* ------------------------------
Varnyra Dungeons
Instance / adventure gateway page
------------------------------ */

.vy-dungeons {
font-family: Georgia, "Times New Roman", serif;
}

.vy-dungeons a {
text-decoration: none !important;
}

.vy-dungeons-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.28), transparent 38%),
radial-gradient(circle at bottom left, rgba(168, 85, 247, 0.18), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-dungeons-kicker {
color: #f87171;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-dungeons-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-dungeons-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-dungeons-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-dungeons-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(248, 113, 113, 0.28);
border-radius: 999px;
background: rgba(127, 29, 29, 0.14);
color: #fecaca;
font-size: 12.5px;
font-weight: 900;
}

.vy-dungeons-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-dungeons-gateway {
display: grid;
grid-template-columns: 420px minmax(0, 1fr);
gap: 22px;
align-items: stretch;
margin-bottom: 28px;
}

.vy-dungeons-imagebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(127, 29, 29, 0.24), transparent 52%),
radial-gradient(circle at top right, rgba(168, 85, 247, 0.22), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(42, 16, 16, 0.94));
}

.vy-dungeons-image {
min-height: 330px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-dungeons-image img {
width: 100%;
height: 100%;
min-height: 330px;
object-fit: cover;
}

.vy-dungeons-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.24);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-dungeons-info {
display: grid;
gap: 12px;
}

.vy-dungeon-rule {
padding: 17px 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(127, 29, 29, 0.12), rgba(168, 85, 247, 0.06), rgba(255, 255, 255, 0.012));
}

.vy-dungeon-rule:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(127, 29, 29, 0.18), rgba(168, 85, 247, 0.10), rgba(251, 191, 36, 0.026));
}

.vy-dungeon-rule-label {
color: #f87171;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 6px;
}

.vy-dungeon-rule-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 6px;
}

.vy-dungeon-rule-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.55;
}

.vy-dungeons-types {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}

.vy-dungeon-type {
padding: 18px 19px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 13px;
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.13), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-dungeon-type:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.20), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016));
}

.vy-dungeon-type-label {
color: #f87171;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 7px;
}

.vy-dungeon-type-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 7px;
}

.vy-dungeon-type-text {
color: rgba(245, 239, 225, 0.76);
font-size: 14px;
line-height: 1.5;
}

.vy-dungeons-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-dungeons-panel,
.vy-dungeons-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-dungeons-panel {
padding: 20px 22px;
}

.vy-dungeons-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-dungeons-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-dungeons-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-dungeons-sidebox-body {
padding: 14px 16px;
}

.vy-dungeons-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-dungeons-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-dungeons-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-dungeons-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-dungeons-gateway,
.vy-dungeons-lower {
grid-template-columns: 1fr;
}

.vy-dungeons-types {
grid-template-columns: 1fr;
}
}

@media screen and (max-width: 640px) {
.vy-dungeons-hero {
padding: 26px 22px;
}

.vy-dungeons-title {
font-size: 38px;
}

.vy-dungeons-image,
.vy-dungeons-image img {
min-height: 240px;
}
}

/* ------------------------------
Varnyra Bosses
Bestiary / threat board page
------------------------------ */

.vy-bosses {
font-family: Georgia, "Times New Roman", serif;
}

.vy-bosses a {
text-decoration: none !important;
}

.vy-bosses-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(248, 113, 113, 0.26);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.34), transparent 38%),
radial-gradient(circle at bottom left, rgba(251, 191, 36, 0.10), transparent 36%),
linear-gradient(180deg, rgba(12, 7, 9, 0.97), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 30px rgba(0, 0, 0, 0.30),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-bosses-kicker {
color: #f87171;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-bosses-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(248, 113, 113, 0.18);
margin-bottom: 14px;
}

.vy-bosses-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-bosses-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-bosses-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(248, 113, 113, 0.30);
border-radius: 999px;
background: rgba(127, 29, 29, 0.16);
color: #fecaca;
font-size: 12.5px;
font-weight: 900;
}

.vy-bosses-threat {
margin-bottom: 28px;
border: 1px solid rgba(248, 113, 113, 0.24);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(127, 29, 29, 0.28), transparent 54%),
radial-gradient(circle at top right, rgba(251, 191, 36, 0.12), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(48, 17, 17, 0.94));
}

.vy-bosses-threat-top {
display: grid;
grid-template-columns: minmax(0, 1fr) 220px;
gap: 18px;
align-items: center;
padding: 18px 20px;
border-bottom: 1px solid rgba(251, 191, 36, 0.14);
background: rgba(0, 0, 0, 0.24);
}

.vy-bosses-threat-label {
color: #f87171;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.7px;
text-transform: uppercase;
margin-bottom: 5px;
}

.vy-bosses-threat-title {
color: #fff8e7;
font-size: 25px;
font-weight: 900;
}

.vy-bosses-danger {
justify-self: end;
padding: 8px 12px;
border: 1px solid rgba(248, 113, 113, 0.30);
border-radius: 999px;
background: rgba(127, 29, 29, 0.22);
color: #fecaca;
font-size: 12px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
}

.vy-bosses-image {
min-height: 340px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-bosses-image img {
width: 100%;
height: 100%;
min-height: 340px;
max-height: 520px;
object-fit: cover;
}

.vy-bosses-threat-caption {
padding: 13px 16px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.24);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-bosses-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-bosses-board {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}

.vy-boss-card {
padding: 18px 19px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 13px;
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.16), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-boss-card:hover {
border-color: rgba(248, 113, 113, 0.38);
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.24), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016));
}

.vy-boss-card-label {
color: #f87171;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 7px;
}

.vy-boss-card-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 7px;
}

.vy-boss-card-text {
color: rgba(245, 239, 225, 0.76);
font-size: 14px;
line-height: 1.5;
}

.vy-bosses-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-bosses-panel,
.vy-bosses-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-bosses-panel {
padding: 20px 22px;
}

.vy-bosses-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-bosses-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-bosses-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-bosses-sidebox-body {
padding: 14px 16px;
}

.vy-bosses-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-bosses-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-bosses-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-bosses-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(248, 113, 113, 0.24);
border-left: 4px solid #f87171;
border-radius: 8px;
background: rgba(127, 29, 29, 0.10);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-bosses-board,
.vy-bosses-layout {
grid-template-columns: 1fr;
}

.vy-bosses-threat-top {
grid-template-columns: 1fr;
}

.vy-bosses-danger {
justify-self: start;
}
}

@media screen and (max-width: 640px) {
.vy-bosses-hero {
padding: 26px 22px;
}

.vy-bosses-title {
font-size: 38px;
}

.vy-bosses-image,
.vy-bosses-image img {
min-height: 240px;
}
}

/* ------------------------------
Varnyra NPCs
World inhabitants / character directory page
------------------------------ */

.vy-npcs {
font-family: Georgia, "Times New Roman", serif;
}

.vy-npcs a {
text-decoration: none !important;
}

.vy-npcs-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.12), transparent 38%),
radial-gradient(circle at bottom left, rgba(168, 85, 247, 0.18), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-npcs-kicker {
color: #fbbf24;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-npcs-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-npcs-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-npcs-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-npcs-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(251, 191, 36, 0.28);
border-radius: 999px;
background: rgba(251, 191, 36, 0.08);
color: #fbbf24;
font-size: 12.5px;
font-weight: 900;
}

.vy-npcs-directory {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 22px;
align-items: stretch;
margin-bottom: 28px;
}

.vy-npcs-roles {
display: grid;
gap: 12px;
}

.vy-npc-role {
display: grid;
grid-template-columns: 130px minmax(0, 1fr);
gap: 16px;
padding: 16px 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(251, 191, 36, 0.08), rgba(168, 85, 247, 0.06), rgba(255, 255, 255, 0.012));
}

.vy-npc-role:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(251, 191, 36, 0.12), rgba(168, 85, 247, 0.10), rgba(255, 255, 255, 0.018));
}

.vy-npc-role-label {
color: #c084fc;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-npc-role-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 5px;
}

.vy-npc-role-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.55;
}

.vy-npcs-portrait {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(251, 191, 36, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(168, 85, 247, 0.24), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(43, 28, 58, 0.94));
}

.vy-npcs-portrait-image {
min-height: 320px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-npcs-portrait-image img {
width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
}

.vy-npcs-portrait-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-npcs-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-npcs-types {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}

.vy-npc-type {
padding: 16px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.11), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-npc-type-label {
color: #c084fc;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 6px;
}

.vy-npc-type-title {
color: #fff8e7;
font-size: 17px;
font-weight: 900;
margin-bottom: 6px;
}

.vy-npc-type-text {
color: rgba(245, 239, 225, 0.76);
font-size: 13.5px;
line-height: 1.45;
}

.vy-npcs-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-npcs-panel,
.vy-npcs-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.09), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-npcs-panel {
padding: 20px 22px;
}

.vy-npcs-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-npcs-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-npcs-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-npcs-sidebox-body {
padding: 14px 16px;
}

.vy-npcs-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-npcs-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-npcs-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-npcs-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-npcs-directory,
.vy-npcs-lower {
grid-template-columns: 1fr;
}

.vy-npcs-types {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 640px) {
.vy-npcs-hero {
padding: 26px 22px;
}

.vy-npcs-title {
font-size: 38px;
}

.vy-npc-role {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-npcs-types {
grid-template-columns: 1fr;
}

.vy-npcs-portrait-image,
.vy-npcs-portrait-image img {
min-height: 240px;
}
}

/* ------------------------------
Varnyra All Items
Item database / category hub page
------------------------------ */

.vy-items {
font-family: Georgia, "Times New Roman", serif;
}

.vy-items a {
text-decoration: none !important;
}

.vy-items-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.15), transparent 38%),
radial-gradient(circle at bottom left, rgba(168, 85, 247, 0.18), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-items-kicker {
color: #fbbf24;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-items-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-items-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-items-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-items-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(251, 191, 36, 0.28);
border-radius: 999px;
background: rgba(251, 191, 36, 0.08);
color: #fbbf24;
font-size: 12.5px;
font-weight: 900;
}

.vy-items-showcase {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: stretch;
margin-bottom: 28px;
}

.vy-items-frame {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(251, 191, 36, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(168, 85, 247, 0.24), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(44, 32, 18, 0.94));
}

.vy-items-image {
min-height: 270px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-items-image img {
width: 100%;
height: 100%;
min-height: 270px;
object-fit: cover;
}

.vy-items-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-items-index {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-items-index-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-items-index-body {
padding: 14px 16px;
}

.vy-items-index-list {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-items-index-list li {
margin: 8px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-items-index-list a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-items-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-items-categories {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}

.vy-item-category {
padding: 18px 19px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 13px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-item-category:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.15), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016));
}

.vy-item-category-label {
color: #c084fc;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 7px;
}

.vy-item-category-title,
.vy-item-category-title a {
color: #fff8e7 !important;
font-size: 20px;
font-weight: 900;
margin-bottom: 7px;
}

.vy-item-category-text {
color: rgba(245, 239, 225, 0.76);
font-size: 14px;
line-height: 1.5;
}

.vy-items-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-items-panel,
.vy-items-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.09), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-items-panel {
padding: 20px 22px;
}

.vy-items-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-items-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-items-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-items-sidebox-body {
padding: 14px 16px;
}

.vy-items-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-items-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-items-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-items-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-items-showcase,
.vy-items-lower {
grid-template-columns: 1fr;
}

.vy-items-categories {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 640px) {
.vy-items-hero {
padding: 26px 22px;
}

.vy-items-title {
font-size: 38px;
}

.vy-items-categories {
grid-template-columns: 1fr;
}

.vy-items-image,
.vy-items-image img {
min-height: 220px;
}
}

/* ------------------------------
Varnyra Weapons
Arsenal / combat gear page
------------------------------ */

.vy-weapons {
font-family: Georgia, "Times New Roman", serif;
}

.vy-weapons a {
text-decoration: none !important;
}

.vy-weapons-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(248, 113, 113, 0.18), transparent 38%),
radial-gradient(circle at bottom left, rgba(251, 191, 36, 0.10), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-weapons-kicker {
color: #f87171;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-weapons-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-weapons-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-weapons-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-weapons-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(248, 113, 113, 0.30);
border-radius: 999px;
background: rgba(127, 29, 29, 0.14);
color: #fecaca;
font-size: 12.5px;
font-weight: 900;
}

.vy-weapons-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-weapons-armory {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 22px;
align-items: stretch;
margin-bottom: 28px;
}

.vy-weapons-types {
display: grid;
gap: 12px;
}

.vy-weapon-type {
display: grid;
grid-template-columns: 130px minmax(0, 1fr);
gap: 16px;
padding: 16px 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(127, 29, 29, 0.12), rgba(251, 191, 36, 0.055), rgba(255, 255, 255, 0.012));
}

.vy-weapon-type:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(127, 29, 29, 0.18), rgba(251, 191, 36, 0.085), rgba(255, 255, 255, 0.018));
}

.vy-weapon-label {
color: #f87171;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-weapon-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 5px;
}

.vy-weapon-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.55;
}

.vy-weapons-rack {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(248, 113, 113, 0.18), transparent 52%),
radial-gradient(circle at top right, rgba(251, 191, 36, 0.16), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(48, 24, 18, 0.94));
}

.vy-weapons-rack-image {
min-height: 335px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-weapons-rack-image img {
width: 100%;
height: 100%;
min-height: 335px;
object-fit: cover;
}

.vy-weapons-rack-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-weapons-stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}

.vy-weapon-stat {
padding: 16px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.13), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-weapon-stat-label {
color: #f87171;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 6px;
}

.vy-weapon-stat-title {
color: #fff8e7;
font-size: 17px;
font-weight: 900;
margin-bottom: 6px;
}

.vy-weapon-stat-text {
color: rgba(245, 239, 225, 0.76);
font-size: 13.5px;
line-height: 1.45;
}

.vy-weapons-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-weapons-panel,
.vy-weapons-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-weapons-panel {
padding: 20px 22px;
}

.vy-weapons-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-weapons-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-weapons-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-weapons-sidebox-body {
padding: 14px 16px;
}

.vy-weapons-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-weapons-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-weapons-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-weapons-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #f87171;
border-radius: 8px;
background: rgba(127, 29, 29, 0.10);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-weapons-armory,
.vy-weapons-lower {
grid-template-columns: 1fr;
}

.vy-weapons-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 640px) {
.vy-weapons-hero {
padding: 26px 22px;
}

.vy-weapons-title {
font-size: 38px;
}

.vy-weapon-type {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-weapons-stats {
grid-template-columns: 1fr;
}

.vy-weapons-rack-image,
.vy-weapons-rack-image img {
min-height: 240px;
}
}

/* ------------------------------
Varnyra Armor
Defense / equipment set page
------------------------------ */

.vy-armor {
font-family: Georgia, "Times New Roman", serif;
}

.vy-armor a {
text-decoration: none !important;
}

.vy-armor-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.16), transparent 38%),
radial-gradient(circle at bottom left, rgba(251, 191, 36, 0.10), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-armor-kicker {
color: #93c5fd;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-armor-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-armor-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-armor-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-armor-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(147, 197, 253, 0.30);
border-radius: 999px;
background: rgba(59, 130, 246, 0.08);
color: #bfdbfe;
font-size: 12.5px;
font-weight: 900;
}

.vy-armor-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-armor-types {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-bottom: 28px;
}

.vy-armor-type {
padding: 16px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-armor-type:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.16), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016));
}

.vy-armor-type-label {
color: #93c5fd;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 6px;
}

.vy-armor-type-title {
color: #fff8e7;
font-size: 17px;
font-weight: 900;
margin-bottom: 6px;
}

.vy-armor-type-text {
color: rgba(245, 239, 225, 0.76);
font-size: 13.5px;
line-height: 1.45;
}

.vy-armor-display {
margin: 28px 0 26px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(59, 130, 246, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(251, 191, 36, 0.14), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(21, 34, 58, 0.94));
}

.vy-armor-display-image {
min-height: 290px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-armor-display-image img {
width: 100%;
height: 100%;
min-height: 290px;
max-height: 420px;
object-fit: cover;
}

.vy-armor-display-caption {
padding: 13px 16px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-armor-values {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
gap: 20px;
align-items: start;
}

.vy-armor-panel,
.vy-armor-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.09), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-armor-panel {
padding: 20px 22px;
}

.vy-armor-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-armor-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-armor-stat-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 16px;
}

.vy-armor-stat {
padding: 12px 13px;
border: 1px solid rgba(148, 163, 184, 0.14);
border-radius: 10px;
background: rgba(0, 0, 0, 0.14);
}

.vy-armor-stat-title {
color: #fbbf24;
font-size: 14px;
font-weight: 900;
margin-bottom: 5px;
}

.vy-armor-stat-text {
color: rgba(245, 239, 225, 0.72);
font-size: 13px;
line-height: 1.4;
}

.vy-armor-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-armor-sidebox-body {
padding: 14px 16px;
}

.vy-armor-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-armor-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-armor-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-armor-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #93c5fd;
border-radius: 8px;
background: rgba(59, 130, 246, 0.08);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-armor-types {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vy-armor-values {
grid-template-columns: 1fr;
}
}

@media screen and (max-width: 640px) {
.vy-armor-hero {
padding: 26px 22px;
}

.vy-armor-title {
font-size: 38px;
}

.vy-armor-types,
.vy-armor-stat-grid {
grid-template-columns: 1fr;
}

.vy-armor-display-image,
.vy-armor-display-image img {
min-height: 230px;
}
}

/* ------------------------------
Varnyra Tools
Utility / gathering equipment page
------------------------------ */

.vy-tools {
font-family: Georgia, "Times New Roman", serif;
}

.vy-tools a {
text-decoration: none !important;
}

.vy-tools-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.14), transparent 38%),
radial-gradient(circle at bottom left, rgba(251, 191, 36, 0.10), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-tools-kicker {
color: #86efac;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-tools-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-tools-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-tools-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-tools-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(134, 239, 172, 0.30);
border-radius: 999px;
background: rgba(34, 197, 94, 0.08);
color: #bbf7d0;
font-size: 12.5px;
font-weight: 900;
}

.vy-tools-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-tools-workbench {
display: grid;
grid-template-columns: 380px minmax(0, 1fr);
gap: 22px;
align-items: stretch;
margin-bottom: 28px;
}

.vy-tools-imagebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(34, 197, 94, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(251, 191, 36, 0.16), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(22, 49, 34, 0.94));
}

.vy-tools-image {
min-height: 330px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-tools-image img {
width: 100%;
height: 100%;
min-height: 330px;
object-fit: cover;
}

.vy-tools-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-tools-list {
display: grid;
gap: 12px;
}

.vy-tool-type {
display: grid;
grid-template-columns: 130px minmax(0, 1fr);
gap: 16px;
padding: 16px 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(34, 197, 94, 0.09), rgba(251, 191, 36, 0.055), rgba(255, 255, 255, 0.012));
}

.vy-tool-type:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(34, 197, 94, 0.14), rgba(251, 191, 36, 0.085), rgba(255, 255, 255, 0.018));
}

.vy-tool-label {
color: #86efac;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-tool-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 5px;
}

.vy-tool-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.55;
}

.vy-tools-values {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}

.vy-tool-value {
padding: 16px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.11), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-tool-value-label {
color: #86efac;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 6px;
}

.vy-tool-value-title {
color: #fff8e7;
font-size: 17px;
font-weight: 900;
margin-bottom: 6px;
}

.vy-tool-value-text {
color: rgba(245, 239, 225, 0.76);
font-size: 13.5px;
line-height: 1.45;
}

.vy-tools-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-tools-panel,
.vy-tools-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.09), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-tools-panel {
padding: 20px 22px;
}

.vy-tools-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-tools-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-tools-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-tools-sidebox-body {
padding: 14px 16px;
}

.vy-tools-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-tools-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-tools-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-tools-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #86efac;
border-radius: 8px;
background: rgba(34, 197, 94, 0.08);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-tools-workbench,
.vy-tools-lower {
grid-template-columns: 1fr;
}

.vy-tools-values {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 640px) {
.vy-tools-hero {
padding: 26px 22px;
}

.vy-tools-title {
font-size: 38px;
}

.vy-tool-type {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-tools-values {
grid-template-columns: 1fr;
}

.vy-tools-image,
.vy-tools-image img {
min-height: 230px;
}
}

/* ------------------------------
Varnyra Ores
Mining / resource vein page
------------------------------ */

.vy-ores {
font-family: Georgia, "Times New Roman", serif;
}

.vy-ores a {
text-decoration: none !important;
}

.vy-ores-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.14), transparent 38%),
radial-gradient(circle at bottom left, rgba(251, 191, 36, 0.12), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-ores-kicker {
color: #93c5fd;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-ores-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-ores-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-ores-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-ores-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(147, 197, 253, 0.30);
border-radius: 999px;
background: rgba(59, 130, 246, 0.08);
color: #bfdbfe;
font-size: 12.5px;
font-weight: 900;
}

.vy-ores-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-ores-depths {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-bottom: 28px;
}

.vy-ore-depth {
padding: 18px 19px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 13px;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-ore-depth:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.16), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016));
}

.vy-ore-depth-label {
color: #93c5fd;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 7px;
}

.vy-ore-depth-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 7px;
}

.vy-ore-depth-text {
color: rgba(245, 239, 225, 0.76);
font-size: 14px;
line-height: 1.5;
}

.vy-ores-vein {
margin: 28px 0 26px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(59, 130, 246, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(251, 191, 36, 0.14), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(21, 31, 48, 0.96));
}

.vy-ores-vein-image {
min-height: 280px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-ores-vein-image img {
width: 100%;
height: 100%;
min-height: 280px;
max-height: 420px;
object-fit: cover;
}

.vy-ores-vein-caption {
padding: 13px 16px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.24);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-ores-list {
display: grid;
gap: 12px;
}

.vy-ore-row {
display: grid;
grid-template-columns: 150px minmax(0, 1fr) 160px;
gap: 16px;
align-items: center;
padding: 15px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(59, 130, 246, 0.085), rgba(251, 191, 36, 0.055), rgba(255, 255, 255, 0.012));
}

.vy-ore-row:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(59, 130, 246, 0.13), rgba(251, 191, 36, 0.085), rgba(255, 255, 255, 0.018));
}

.vy-ore-tier {
color: #93c5fd;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-ore-name {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 4px;
}

.vy-ore-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.5;
}

.vy-ore-use {
justify-self: end;
padding: 5px 9px;
border: 1px solid rgba(251, 191, 36, 0.22);
border-radius: 999px;
background: rgba(251, 191, 36, 0.07);
color: #fbbf24;
font-size: 11px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
}

.vy-ores-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-ores-panel,
.vy-ores-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.09), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-ores-panel {
padding: 20px 22px;
}

.vy-ores-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-ores-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-ores-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-ores-sidebox-body {
padding: 14px 16px;
}

.vy-ores-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-ores-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-ores-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-ores-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #93c5fd;
border-radius: 8px;
background: rgba(59, 130, 246, 0.08);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-ores-depths,
.vy-ores-lower {
grid-template-columns: 1fr;
}

.vy-ore-row {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-ore-use {
justify-self: start;
}
}

@media screen and (max-width: 640px) {
.vy-ores-hero {
padding: 26px 22px;
}

.vy-ores-title {
font-size: 38px;
}

.vy-ores-vein-image,
.vy-ores-vein-image img {
min-height: 230px;
}
}

/* ------------------------------
Varnyra Materials
Crafting components / resource processing page
------------------------------ */

.vy-materials {
font-family: Georgia, "Times New Roman", serif;
}

.vy-materials a {
text-decoration: none !important;
}

.vy-materials-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.14), transparent 38%),
radial-gradient(circle at bottom left, rgba(34, 197, 94, 0.12), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-materials-kicker {
color: #fbbf24;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-materials-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-materials-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-materials-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-materials-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(251, 191, 36, 0.28);
border-radius: 999px;
background: rgba(251, 191, 36, 0.08);
color: #fbbf24;
font-size: 12.5px;
font-weight: 900;
}

.vy-materials-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-materials-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 22px;
align-items: start;
margin-bottom: 28px;
}

.vy-materials-flow {
display: grid;
gap: 12px;
}

.vy-material-step {
display: grid;
grid-template-columns: 130px minmax(0, 1fr);
gap: 16px;
padding: 16px 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(251, 191, 36, 0.08), rgba(34, 197, 94, 0.06), rgba(255, 255, 255, 0.012));
}

.vy-material-step:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(251, 191, 36, 0.13), rgba(34, 197, 94, 0.09), rgba(255, 255, 255, 0.018));
}

.vy-material-step-label {
color: #86efac;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-material-step-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 5px;
}

.vy-material-step-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.55;
}

.vy-materials-imagebox {
position: sticky;
top: 20px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(251, 191, 36, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(34, 197, 94, 0.14), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(43, 34, 18, 0.94));
}

.vy-materials-image {
min-height: 320px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-materials-image img {
width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
}

.vy-materials-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-materials-categories {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}

.vy-material-card {
padding: 16px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-material-card-label {
color: #86efac;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 6px;
}

.vy-material-card-title {
color: #fff8e7;
font-size: 17px;
font-weight: 900;
margin-bottom: 6px;
}

.vy-material-card-text {
color: rgba(245, 239, 225, 0.76);
font-size: 13.5px;
line-height: 1.45;
}

.vy-materials-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-materials-panel,
.vy-materials-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-materials-panel {
padding: 20px 22px;
}

.vy-materials-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-materials-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-materials-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-materials-sidebox-body {
padding: 14px 16px;
}

.vy-materials-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-materials-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-materials-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-materials-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-materials-layout,
.vy-materials-lower {
grid-template-columns: 1fr;
}

.vy-materials-imagebox {
position: static;
}

.vy-materials-categories {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 640px) {
.vy-materials-hero {
padding: 26px 22px;
}

.vy-materials-title {
font-size: 38px;
}

.vy-material-step {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-materials-categories {
grid-template-columns: 1fr;
}

.vy-materials-image,
.vy-materials-image img {
min-height: 230px;
}
}

/* ------------------------------
Varnyra Consumables
Potions / food / preparation page
------------------------------ */

.vy-consumables {
font-family: Georgia, "Times New Roman", serif;
}

.vy-consumables a {
text-decoration: none !important;
}

.vy-consumables-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.16), transparent 38%),
radial-gradient(circle at bottom left, rgba(34, 197, 94, 0.13), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-consumables-kicker {
color: #c084fc;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-consumables-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-consumables-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-consumables-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-consumables-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(192, 132, 252, 0.30);
border-radius: 999px;
background: rgba(168, 85, 247, 0.09);
color: #e9d5ff;
font-size: 12.5px;
font-weight: 900;
}

.vy-consumables-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-consumables-types {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-bottom: 28px;
}

.vy-consumable-type {
padding: 16px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.12), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-consumable-type:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.18), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016));
}

.vy-consumable-type-label {
color: #c084fc;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 6px;
}

.vy-consumable-type-title {
color: #fff8e7;
font-size: 17px;
font-weight: 900;
margin-bottom: 6px;
}

.vy-consumable-type-text {
color: rgba(245, 239, 225, 0.76);
font-size: 13.5px;
line-height: 1.45;
}

.vy-consumables-supply {
margin: 28px 0 26px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(168, 85, 247, 0.18), transparent 52%),
radial-gradient(circle at top right, rgba(34, 197, 94, 0.13), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(39, 25, 58, 0.94));
}

.vy-consumables-supply-image {
min-height: 270px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-consumables-supply-image img {
width: 100%;
height: 100%;
min-height: 270px;
max-height: 390px;
object-fit: cover;
}

.vy-consumables-supply-caption {
padding: 13px 16px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-consumables-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
gap: 20px;
align-items: start;
}

.vy-consumables-panel,
.vy-consumables-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.09), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-consumables-panel {
padding: 20px 22px;
}

.vy-consumables-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-consumables-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-consumables-use-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 16px;
}

.vy-consumables-use {
padding: 12px 13px;
border: 1px solid rgba(148, 163, 184, 0.14);
border-radius: 10px;
background: rgba(0, 0, 0, 0.14);
}

.vy-consumables-use-title {
color: #fbbf24;
font-size: 14px;
font-weight: 900;
margin-bottom: 5px;
}

.vy-consumables-use-text {
color: rgba(245, 239, 225, 0.72);
font-size: 13px;
line-height: 1.4;
}

.vy-consumables-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-consumables-sidebox-body {
padding: 14px 16px;
}

.vy-consumables-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-consumables-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-consumables-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-consumables-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #c084fc;
border-radius: 8px;
background: rgba(168, 85, 247, 0.08);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-consumables-types {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vy-consumables-layout {
grid-template-columns: 1fr;
}
}

@media screen and (max-width: 640px) {
.vy-consumables-hero {
padding: 26px 22px;
}

.vy-consumables-title {
font-size: 38px;
}

.vy-consumables-types,
.vy-consumables-use-grid {
grid-template-columns: 1fr;
}

.vy-consumables-supply-image,
.vy-consumables-supply-image img {
min-height: 220px;
}
}

/* ------------------------------
Varnyra Crafting
Workshop / recipe guide page
------------------------------ */

.vy-crafting {
font-family: Georgia, "Times New Roman", serif;
}

.vy-crafting a {
text-decoration: none !important;
}

.vy-crafting-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.16), transparent 38%),
radial-gradient(circle at bottom left, rgba(34, 197, 94, 0.12), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-crafting-kicker {
color: #fbbf24;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-crafting-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-crafting-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-crafting-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-crafting-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(251, 191, 36, 0.28);
border-radius: 999px;
background: rgba(251, 191, 36, 0.08);
color: #fbbf24;
font-size: 12.5px;
font-weight: 900;
}

.vy-crafting-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-crafting-workshop {
display: grid;
grid-template-columns: 380px minmax(0, 1fr);
gap: 22px;
align-items: stretch;
margin-bottom: 28px;
}

.vy-crafting-imagebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(251, 191, 36, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(34, 197, 94, 0.14), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(45, 35, 18, 0.94));
}

.vy-crafting-image {
min-height: 340px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-crafting-image img {
width: 100%;
height: 100%;
min-height: 340px;
object-fit: cover;
}

.vy-crafting-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-crafting-flow {
display: grid;
gap: 12px;
}

.vy-crafting-step {
display: grid;
grid-template-columns: 125px minmax(0, 1fr);
gap: 16px;
padding: 16px 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(251, 191, 36, 0.08), rgba(34, 197, 94, 0.06), rgba(255, 255, 255, 0.012));
}

.vy-crafting-step:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(251, 191, 36, 0.13), rgba(34, 197, 94, 0.09), rgba(255, 255, 255, 0.018));
}

.vy-crafting-step-label {
color: #86efac;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-crafting-step-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 5px;
}

.vy-crafting-step-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.55;
}

.vy-crafting-categories {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}

.vy-crafting-card {
padding: 16px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-crafting-card-label {
color: #86efac;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 6px;
}

.vy-crafting-card-title {
color: #fff8e7;
font-size: 17px;
font-weight: 900;
margin-bottom: 6px;
}

.vy-crafting-card-text {
color: rgba(245, 239, 225, 0.76);
font-size: 13.5px;
line-height: 1.45;
}

.vy-crafting-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-crafting-panel,
.vy-crafting-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-crafting-panel {
padding: 20px 22px;
}

.vy-crafting-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-crafting-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-crafting-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-crafting-sidebox-body {
padding: 14px 16px;
}

.vy-crafting-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-crafting-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-crafting-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-crafting-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-crafting-workshop,
.vy-crafting-lower {
grid-template-columns: 1fr;
}

.vy-crafting-categories {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 640px) {
.vy-crafting-hero {
padding: 26px 22px;
}

.vy-crafting-title {
font-size: 38px;
}

.vy-crafting-step {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-crafting-categories {
grid-template-columns: 1fr;
}

.vy-crafting-image,
.vy-crafting-image img {
min-height: 230px;
}
}

/* ------------------------------
Varnyra Enchanting
Upgrade altar / item enhancement page
------------------------------ */

.vy-enchanting {
font-family: Georgia, "Times New Roman", serif;
}

.vy-enchanting a {
text-decoration: none !important;
}

.vy-enchanting-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(192, 132, 252, 0.28);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.24), transparent 38%),
radial-gradient(circle at bottom left, rgba(251, 191, 36, 0.10), transparent 36%),
linear-gradient(180deg, rgba(11, 8, 20, 0.97), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-enchanting-kicker {
color: #c084fc;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-enchanting-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(192, 132, 252, 0.20);
margin-bottom: 14px;
}

.vy-enchanting-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-enchanting-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-enchanting-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(192, 132, 252, 0.30);
border-radius: 999px;
background: rgba(168, 85, 247, 0.10);
color: #e9d5ff;
font-size: 12.5px;
font-weight: 900;
}

.vy-enchanting-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-enchanting-altar {
margin: 0 0 28px;
border: 1px solid rgba(192, 132, 252, 0.24);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(168, 85, 247, 0.26), transparent 52%),
radial-gradient(circle at top right, rgba(251, 191, 36, 0.12), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(39, 25, 58, 0.94));
}

.vy-enchanting-altar-image {
min-height: 310px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-enchanting-altar-image img {
width: 100%;
height: 100%;
min-height: 310px;
max-height: 460px;
object-fit: cover;
}

.vy-enchanting-altar-caption {
padding: 13px 16px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.24);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-enchanting-paths {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}

.vy-enchanting-path {
padding: 18px 19px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 13px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.13), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-enchanting-path:hover {
border-color: rgba(192, 132, 252, 0.36);
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.20), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016));
}

.vy-enchanting-path-label {
color: #c084fc;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 7px;
}

.vy-enchanting-path-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 7px;
}

.vy-enchanting-path-text {
color: rgba(245, 239, 225, 0.76);
font-size: 14px;
line-height: 1.5;
}

.vy-enchanting-ritual {
display: grid;
gap: 12px;
margin-top: 28px;
}

.vy-enchanting-step {
display: grid;
grid-template-columns: 130px minmax(0, 1fr) 150px;
gap: 16px;
align-items: center;
padding: 15px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(168, 85, 247, 0.10), rgba(251, 191, 36, 0.045), rgba(255, 255, 255, 0.012));
}

.vy-enchanting-step:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(168, 85, 247, 0.15), rgba(251, 191, 36, 0.075), rgba(255, 255, 255, 0.018));
}

.vy-enchanting-step-label {
color: #c084fc;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-enchanting-step-title {
color: #fff8e7;
font-size: 19px;
font-weight: 900;
margin-bottom: 4px;
}

.vy-enchanting-step-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.5;
}

.vy-enchanting-step-state {
justify-self: end;
padding: 5px 9px;
border: 1px solid rgba(192, 132, 252, 0.24);
border-radius: 999px;
background: rgba(168, 85, 247, 0.09);
color: #e9d5ff;
font-size: 11px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
}

.vy-enchanting-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-enchanting-panel,
.vy-enchanting-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.09), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-enchanting-panel {
padding: 20px 22px;
}

.vy-enchanting-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-enchanting-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-enchanting-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-enchanting-sidebox-body {
padding: 14px 16px;
}

.vy-enchanting-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-enchanting-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-enchanting-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-enchanting-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(192, 132, 252, 0.24);
border-left: 4px solid #c084fc;
border-radius: 8px;
background: rgba(168, 85, 247, 0.08);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-enchanting-paths,
.vy-enchanting-lower {
grid-template-columns: 1fr;
}

.vy-enchanting-step {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-enchanting-step-state {
justify-self: start;
}
}

@media screen and (max-width: 640px) {
.vy-enchanting-hero {
padding: 26px 22px;
}

.vy-enchanting-title {
font-size: 38px;
}

.vy-enchanting-altar-image,
.vy-enchanting-altar-image img {
min-height: 230px;
}
}

/* ------------------------------
Varnyra Gathering
Resource routes / field guide page
------------------------------ */

.vy-gathering {
font-family: Georgia, "Times New Roman", serif;
}

.vy-gathering a {
text-decoration: none !important;
}

.vy-gathering-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(134, 239, 172, 0.26);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.16), transparent 38%),
radial-gradient(circle at bottom left, rgba(59, 130, 246, 0.12), transparent 36%),
linear-gradient(180deg, rgba(8, 16, 12, 0.97), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-gathering-kicker {
color: #86efac;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-gathering-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(134, 239, 172, 0.16);
margin-bottom: 14px;
}

.vy-gathering-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-gathering-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-gathering-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(134, 239, 172, 0.30);
border-radius: 999px;
background: rgba(34, 197, 94, 0.08);
color: #bbf7d0;
font-size: 12.5px;
font-weight: 900;
}

.vy-gathering-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-gathering-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 22px;
align-items: start;
margin-bottom: 28px;
}

.vy-gathering-routes {
display: grid;
gap: 12px;
}

.vy-gathering-route {
display: grid;
grid-template-columns: 130px minmax(0, 1fr);
gap: 16px;
padding: 16px 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(34, 197, 94, 0.09), rgba(59, 130, 246, 0.055), rgba(255, 255, 255, 0.012));
}

.vy-gathering-route:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(34, 197, 94, 0.14), rgba(59, 130, 246, 0.085), rgba(255, 255, 255, 0.018));
}

.vy-gathering-route-label {
color: #86efac;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-gathering-route-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 5px;
}

.vy-gathering-route-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.55;
}

.vy-gathering-map {
position: sticky;
top: 20px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(34, 197, 94, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(59, 130, 246, 0.14), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(19, 47, 32, 0.94));
}

.vy-gathering-map-image {
min-height: 330px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-gathering-map-image img {
width: 100%;
height: 100%;
min-height: 330px;
object-fit: cover;
}

.vy-gathering-map-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-gathering-skills {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}

.vy-gathering-skill {
padding: 16px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.11), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-gathering-skill-label {
color: #86efac;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 6px;
}

.vy-gathering-skill-title {
color: #fff8e7;
font-size: 17px;
font-weight: 900;
margin-bottom: 6px;
}

.vy-gathering-skill-text {
color: rgba(245, 239, 225, 0.76);
font-size: 13.5px;
line-height: 1.45;
}

.vy-gathering-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-gathering-panel,
.vy-gathering-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-gathering-panel {
padding: 20px 22px;
}

.vy-gathering-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-gathering-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-gathering-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-gathering-sidebox-body {
padding: 14px 16px;
}

.vy-gathering-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-gathering-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-gathering-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-gathering-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(134, 239, 172, 0.22);
border-left: 4px solid #86efac;
border-radius: 8px;
background: rgba(34, 197, 94, 0.08);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-gathering-layout,
.vy-gathering-lower {
grid-template-columns: 1fr;
}

.vy-gathering-map {
position: static;
}

.vy-gathering-skills {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 640px) {
.vy-gathering-hero {
padding: 26px 22px;
}

.vy-gathering-title {
font-size: 38px;
}

.vy-gathering-route {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-gathering-skills {
grid-template-columns: 1fr;
}

.vy-gathering-map-image,
.vy-gathering-map-image img {
min-height: 230px;
}
}

/* ------------------------------
Varnyra Combat
Battle manual / combat system page
------------------------------ */

.vy-combat {
font-family: Georgia, "Times New Roman", serif;
}

.vy-combat a {
text-decoration: none !important;
}

.vy-combat-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(248, 113, 113, 0.26);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.30), transparent 38%),
radial-gradient(circle at bottom left, rgba(251, 191, 36, 0.12), transparent 36%),
linear-gradient(180deg, rgba(12, 7, 9, 0.97), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-combat-kicker {
color: #f87171;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-combat-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(248, 113, 113, 0.18);
margin-bottom: 14px;
}

.vy-combat-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-combat-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-combat-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(248, 113, 113, 0.30);
border-radius: 999px;
background: rgba(127, 29, 29, 0.14);
color: #fecaca;
font-size: 12.5px;
font-weight: 900;
}

.vy-combat-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-combat-styles {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-bottom: 28px;
}

.vy-combat-style {
padding: 18px 19px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 13px;
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.14), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-combat-style:hover {
border-color: rgba(248, 113, 113, 0.38);
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.22), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016));
}

.vy-combat-style-label {
color: #f87171;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 7px;
}

.vy-combat-style-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 7px;
}

.vy-combat-style-text {
color: rgba(245, 239, 225, 0.76);
font-size: 14px;
line-height: 1.5;
}

.vy-combat-arena {
margin: 28px 0 26px;
border: 1px solid rgba(248, 113, 113, 0.24);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(127, 29, 29, 0.24), transparent 52%),
radial-gradient(circle at top right, rgba(251, 191, 36, 0.14), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(48, 18, 18, 0.94));
}

.vy-combat-arena-image {
min-height: 300px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-combat-arena-image img {
width: 100%;
height: 100%;
min-height: 300px;
max-height: 440px;
object-fit: cover;
}

.vy-combat-arena-caption {
padding: 13px 16px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.24);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-combat-manual {
display: grid;
gap: 12px;
}

.vy-combat-rule {
display: grid;
grid-template-columns: 135px minmax(0, 1fr) 145px;
gap: 16px;
align-items: center;
padding: 15px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(127, 29, 29, 0.12), rgba(251, 191, 36, 0.045), rgba(255, 255, 255, 0.012));
}

.vy-combat-rule:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(127, 29, 29, 0.18), rgba(251, 191, 36, 0.075), rgba(255, 255, 255, 0.018));
}

.vy-combat-rule-label {
color: #f87171;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-combat-rule-title {
color: #fff8e7;
font-size: 19px;
font-weight: 900;
margin-bottom: 4px;
}

.vy-combat-rule-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.5;
}

.vy-combat-rule-type {
justify-self: end;
padding: 5px 9px;
border: 1px solid rgba(248, 113, 113, 0.24);
border-radius: 999px;
background: rgba(127, 29, 29, 0.13);
color: #fecaca;
font-size: 11px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
}

.vy-combat-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-combat-panel,
.vy-combat-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(127, 29, 29, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-combat-panel {
padding: 20px 22px;
}

.vy-combat-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-combat-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-combat-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-combat-sidebox-body {
padding: 14px 16px;
}

.vy-combat-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-combat-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-combat-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-combat-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(248, 113, 113, 0.24);
border-left: 4px solid #f87171;
border-radius: 8px;
background: rgba(127, 29, 29, 0.10);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-combat-styles,
.vy-combat-lower {
grid-template-columns: 1fr;
}

.vy-combat-rule {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-combat-rule-type {
justify-self: start;
}
}

@media screen and (max-width: 640px) {
.vy-combat-hero {
padding: 26px 22px;
}

.vy-combat-title {
font-size: 38px;
}

.vy-combat-arena-image,
.vy-combat-arena-image img {
min-height: 230px;
}
}

/* ------------------------------
Varnyra Questing
Quest journal / adventure log page
------------------------------ */

.vy-questing {
font-family: Georgia, "Times New Roman", serif;
}

.vy-questing a {
text-decoration: none !important;
}

.vy-questing-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.14), transparent 38%),
radial-gradient(circle at bottom left, rgba(168, 85, 247, 0.16), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-questing-kicker {
color: #fbbf24;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-questing-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-questing-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-questing-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-questing-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(251, 191, 36, 0.28);
border-radius: 999px;
background: rgba(251, 191, 36, 0.08);
color: #fbbf24;
font-size: 12.5px;
font-weight: 900;
}

.vy-questing-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-questing-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 22px;
align-items: start;
margin-bottom: 28px;
}

.vy-questing-flow {
display: grid;
gap: 12px;
}

.vy-quest-step {
display: grid;
grid-template-columns: 130px minmax(0, 1fr);
gap: 16px;
padding: 16px 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(251, 191, 36, 0.08), rgba(168, 85, 247, 0.06), rgba(255, 255, 255, 0.012));
}

.vy-quest-step:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(251, 191, 36, 0.13), rgba(168, 85, 247, 0.10), rgba(255, 255, 255, 0.018));
}

.vy-quest-step-label {
color: #c084fc;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-quest-step-title {
color: #fff8e7;
font-size: 20px;
font-weight: 900;
margin-bottom: 5px;
}

.vy-quest-step-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.55;
}

.vy-questing-journal {
position: sticky;
top: 20px;
border: 1px solid rgba(251, 191, 36, 0.22);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(251, 191, 36, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(168, 85, 247, 0.18), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(45, 34, 18, 0.94));
}

.vy-questing-journal-image {
min-height: 330px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-questing-journal-image img {
width: 100%;
height: 100%;
min-height: 330px;
object-fit: cover;
}

.vy-questing-journal-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-questing-types {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}

.vy-quest-type {
padding: 16px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.10), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-quest-type-label {
color: #c084fc;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 6px;
}

.vy-quest-type-title {
color: #fff8e7;
font-size: 17px;
font-weight: 900;
margin-bottom: 6px;
}

.vy-quest-type-text {
color: rgba(245, 239, 225, 0.76);
font-size: 13.5px;
line-height: 1.45;
}

.vy-questing-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-questing-panel,
.vy-questing-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(168, 85, 247, 0.09), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-questing-panel {
padding: 20px 22px;
}

.vy-questing-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-questing-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-questing-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-questing-sidebox-body {
padding: 14px 16px;
}

.vy-questing-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-questing-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-questing-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-questing-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #fbbf24;
border-radius: 8px;
background: rgba(251, 191, 36, 0.07);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-questing-layout,
.vy-questing-lower {
grid-template-columns: 1fr;
}

.vy-questing-journal {
position: static;
}

.vy-questing-types {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (max-width: 640px) {
.vy-questing-hero {
padding: 26px 22px;
}

.vy-questing-title {
font-size: 38px;
}

.vy-quest-step {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-questing-types {
grid-template-columns: 1fr;
}

.vy-questing-journal-image,
.vy-questing-journal-image img {
min-height: 230px;
}
}

/* ------------------------------
Varnyra Patch Notes
Changelog / update archive page
------------------------------ */

.vy-patches {
font-family: Georgia, "Times New Roman", serif;
}

.vy-patches a {
text-decoration: none !important;
}

.vy-patches-hero {
padding: 34px 38px;
margin-bottom: 26px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.14), transparent 38%),
radial-gradient(circle at bottom left, rgba(251, 191, 36, 0.12), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-patches-kicker {
color: #93c5fd;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-patches-title {
color: #fff8e7;
font-size: 52px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.16);
margin-bottom: 14px;
}

.vy-patches-intro {
max-width: 930px;
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-patches-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-patches-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(147, 197, 253, 0.30);
border-radius: 999px;
background: rgba(59, 130, 246, 0.08);
color: #bfdbfe;
font-size: 12.5px;
font-weight: 900;
}

.vy-patches-heading {
margin: 30px 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(251, 191, 36, 0.22);
color: #fbbf24;
font-size: 24px;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 0.9px;
}

.vy-patches-featured {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 22px;
align-items: stretch;
margin-bottom: 28px;
}

.vy-patches-latest {
padding: 20px 22px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.11), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
}

.vy-patches-date {
color: #93c5fd;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 7px;
}

.vy-patches-latest-title {
color: #fff8e7;
font-size: 25px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-patches-latest-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-patches-notice {
border: 1px solid rgba(147, 197, 253, 0.22);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(59, 130, 246, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(251, 191, 36, 0.12), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(21, 34, 58, 0.94));
}

.vy-patches-notice-image {
min-height: 230px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-patches-notice-image img {
width: 100%;
height: 100%;
min-height: 230px;
object-fit: cover;
}

.vy-patches-notice-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-patches-list {
display: grid;
gap: 12px;
}

.vy-patch-entry {
display: grid;
grid-template-columns: 145px minmax(0, 1fr) 130px;
gap: 16px;
align-items: center;
padding: 15px 17px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
linear-gradient(90deg, rgba(59, 130, 246, 0.085), rgba(251, 191, 36, 0.045), rgba(255, 255, 255, 0.012));
}

.vy-patch-entry:hover {
border-color: rgba(251, 191, 36, 0.34);
background:
linear-gradient(90deg, rgba(59, 130, 246, 0.13), rgba(251, 191, 36, 0.075), rgba(255, 255, 255, 0.018));
}

.vy-patch-version {
color: #93c5fd;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.vy-patch-title {
color: #fff8e7;
font-size: 19px;
font-weight: 900;
margin-bottom: 4px;
}

.vy-patch-text {
color: rgba(245, 239, 225, 0.77);
font-size: 14.5px;
line-height: 1.5;
}

.vy-patch-status {
justify-self: end;
padding: 5px 9px;
border: 1px solid rgba(147, 197, 253, 0.24);
border-radius: 999px;
background: rgba(59, 130, 246, 0.09);
color: #bfdbfe;
font-size: 11px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
}

.vy-patches-lower {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
margin-top: 28px;
}

.vy-patches-panel,
.vy-patches-sidebox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-patches-panel {
padding: 20px 22px;
}

.vy-patches-panel-title {
color: #fff8e7;
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.vy-patches-panel-text {
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-patches-sidebox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-patches-sidebox-body {
padding: 14px 16px;
}

.vy-patches-links {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-patches-links li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-patches-links a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-patches-page-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #93c5fd;
border-radius: 8px;
background: rgba(59, 130, 246, 0.08);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-patches-featured,
.vy-patches-lower {
grid-template-columns: 1fr;
}

.vy-patch-entry {
grid-template-columns: 1fr;
gap: 8px;
}

.vy-patch-status {
justify-self: start;
}
}

@media screen and (max-width: 640px) {
.vy-patches-hero {
padding: 26px 22px;
}

.vy-patches-title {
font-size: 38px;
}

.vy-patches-notice-image,
.vy-patches-notice-image img {
min-height: 210px;
}
}

/* ------------------------------
Varnyra Mob Detail Page
NPCs > Mobs > Individual mob pages
------------------------------ */

.vy-mob {
font-family: Georgia, "Times New Roman", serif;
}

.vy-mob a {
text-decoration: none !important;
}

.vy-mob-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 22px;
align-items: stretch;
margin-bottom: 26px;
}

.vy-mob-intro {
padding: 32px 36px;
border: 1px solid rgba(251, 191, 36, 0.24);
border-radius: 14px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.14), transparent 38%),
radial-gradient(circle at bottom left, rgba(127, 29, 29, 0.18), transparent 36%),
linear-gradient(180deg, rgba(9, 13, 24, 0.96), rgba(4, 7, 13, 0.98));
box-shadow:
0 0 28px rgba(0, 0, 0, 0.28),
inset 0 0 24px rgba(255, 255, 255, 0.014);
}

.vy-mob-kicker {
color: #86efac;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}

.vy-mob-title {
color: #fff8e7;
font-size: 48px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 18px rgba(251, 191, 36, 0.14);
margin-bottom: 14px;
}

.vy-mob-desc {
color: #e9ddc3;
font-size: 16px;
line-height: 1.65;
}

.vy-mob-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}

.vy-mob-tag {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border: 1px solid rgba(134, 239, 172, 0.28);
border-radius: 999px;
background: rgba(34, 197, 94, 0.08);
color: #bbf7d0;
font-size: 12.5px;
font-weight: 900;
}

.vy-mob-portrait {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(circle at center, rgba(34, 197, 94, 0.16), transparent 52%),
radial-gradient(circle at top right, rgba(251, 191, 36, 0.14), transparent 52%),
linear-gradient(135deg, rgba(8, 12, 22, 0.98), rgba(21, 45, 29, 0.94));
}

.vy-mob-portrait-image {
min-height: 260px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 248, 231, 0.48);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
}

.vy-mob-portrait-image img {
width: 100%;
height: 100%;
min-height: 260px;
object-fit: cover;
}

.vy-mob-portrait-caption {
padding: 13px 15px;
border-top: 1px solid rgba(251, 191, 36, 0.16);
background: rgba(0, 0, 0, 0.22);
color: #f5efe1;
font-size: 13.5px;
line-height: 1.45;
}

.vy-mob-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 20px;
align-items: start;
}

.vy-mob-main {
display: grid;
gap: 18px;
}

.vy-mob-section {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(34, 197, 94, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-mob-section-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 17px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-mob-section-body {
padding: 16px 18px;
color: rgba(245, 239, 225, 0.78);
font-size: 14.5px;
line-height: 1.6;
}

.vy-mob-stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}

.vy-mob-stat {
padding: 12px 13px;
border: 1px solid rgba(148, 163, 184, 0.14);
border-radius: 10px;
background: rgba(0, 0, 0, 0.14);
}

.vy-mob-stat-label {
color: #86efac;
font-size: 11px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
margin-bottom: 5px;
}

.vy-mob-stat-value {
color: #fff8e7;
font-size: 15px;
font-weight: 900;
}

.vy-mob-table {
width: 100%;
border-collapse: collapse;
}

.vy-mob-table th,
.vy-mob-table td {
padding: 10px 9px;
border-bottom: 1px solid rgba(148, 163, 184, 0.14);
color: rgba(245, 239, 225, 0.78);
font-size: 14px;
text-align: left;
}

.vy-mob-table th {
color: #fbbf24;
font-weight: 900;
}

.vy-mob-table tr:last-child th,
.vy-mob-table tr:last-child td {
border-bottom: 0;
}

.vy-mob-side {
display: grid;
gap: 16px;
}

.vy-mob-infobox {
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.08), transparent 44%),
linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012));
overflow: hidden;
}

.vy-mob-infobox-title {
padding: 12px 15px;
border-bottom: 1px solid rgba(251, 191, 36, 0.16);
color: #fbbf24;
font-size: 16px;
font-weight: 900;
font-variant: small-caps;
background: rgba(0, 0, 0, 0.18);
}

.vy-mob-infobox-body {
padding: 14px 16px;
}

.vy-mob-list {
margin: 0 !important;
padding-left: 18px !important;
}

.vy-mob-list li {
margin: 7px 0 !important;
color: rgba(245, 239, 225, 0.80);
font-size: 14px !important;
}

.vy-mob-list a {
color: #fbbf24 !important;
font-weight: 800;
}

.vy-mob-status {
margin-top: 24px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, 0.20);
border-left: 4px solid #86efac;
border-radius: 8px;
background: rgba(34, 197, 94, 0.08);
color: #f5efe1;
font-size: 14px;
line-height: 1.55;
}

@media screen and (max-width: 1100px) {
.vy-mob-hero,
.vy-mob-layout {
grid-template-columns: 1fr;
}
}

@media screen and (max-width: 640px) {
.vy-mob-intro {
padding: 26px 22px;
}

.vy-mob-title {
font-size: 38px;
}

.vy-mob-stats {
grid-template-columns: 1fr;
}
}

Patch Notes

2026-07-12T15:16:18Z

Marciismx: Created page with "{{VarnyraBreadcrumb|path=Main Page > Community > Patch Notes}} __NOTOC__ <div class="vy-patches"> <div class="vy-patches-hero"> <div class="vy-patches-kicker">Updates · Changes · Development Log</div> <div class="vy-patches-title">Patch Notes</div> <div class="vy-patches-intro"> Patch Notes are used to track updates, balance changes, new systems, bug fixes and development progress for '''Varnyra'''. This page acts as the central archive for public update..."

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Community]] > [[Patch Notes]]}}

__NOTOC__

<div class="vy-patches">

<div class="vy-patches-hero">
<div class="vy-patches-kicker">Updates · Changes · Development Log</div>
<div class="vy-patches-title">Patch Notes</div>
<div class="vy-patches-intro">
Patch Notes are used to track updates, balance changes, new systems, bug fixes and development progress for '''Varnyra'''. This page acts as the central archive for public update information.
</div>

<div class="vy-patches-tags">
<span class="vy-patches-tag">Updates</span>
<span class="vy-patches-tag">Balance</span>
<span class="vy-patches-tag">Bug Fixes</span>
<span class="vy-patches-tag">New Content</span>
<span class="vy-patches-tag">Development</span>
</div>
</div>

<div class="vy-patches-heading">Latest Update</div>

<div class="vy-patches-featured">

<div class="vy-patches-latest">
<div class="vy-patches-date">Latest Build</div>
<div class="vy-patches-latest-title">Varnyra Wiki foundation</div>
<div class="vy-patches-latest-text">
The first major wiki structure is being prepared. Main pages are being created for navigation, game systems, world content, item categories, guides and community information.
<br><br>
This page will later contain official server updates, public changelogs, content releases and system changes.
</div>
</div>

<div class="vy-patches-notice">
<div class="vy-patches-notice-image">Patch Notice Image</div>
<div class="vy-patches-notice-caption">
Patch notes help players see what changed, what is planned and which systems are currently being worked on.
</div>
</div>

</div>

<div class="vy-patches-heading">Update Archive</div>

<div class="vy-patches-list">

<div class="vy-patch-entry">
<div class="vy-patch-version">Wiki v0.1</div>
<div>
<div class="vy-patch-title">Main page structure</div>
<div class="vy-patch-text">
Created the first main wiki pages and sidebar categories for the Varnyra MMO-RPG wiki.
</div>
</div>
<div class="vy-patch-status">In Progress</div>
</div>

<div class="vy-patch-entry">
<div class="vy-patch-version">Systems</div>
<div>
<div class="vy-patch-title">Game system pages</div>
<div class="vy-patch-text">
Added foundation pages for classes, skills, leveling, economy and guild systems.
</div>
</div>
<div class="vy-patch-status">Draft</div>
</div>

<div class="vy-patch-entry">
<div class="vy-patch-version">World</div>
<div>
<div class="vy-patch-title">World section pages</div>
<div class="vy-patch-text">
Added base pages for the world map, towns, dungeons, bosses and NPCs.
</div>
</div>
<div class="vy-patch-status">Draft</div>
</div>

<div class="vy-patch-entry">
<div class="vy-patch-version">Items</div>
<div>
<div class="vy-patch-title">Item category pages</div>
<div class="vy-patch-text">
Added overview pages for weapons, armor, tools, ores, materials and consumables.
</div>
</div>
<div class="vy-patch-status">Draft</div>
</div>

</div>

<div class="vy-patches-lower">

<div class="vy-patches-panel">
<div class="vy-patches-panel-title">What patch notes should include</div>
<div class="vy-patches-panel-text">
Future patch notes should describe what changed, why it changed, which systems were affected and whether the update includes new content, balance changes, fixes or technical improvements.
</div>
</div>

<div class="vy-patches-sidebox">
<div class="vy-patches-sidebox-title">Related Pages</div>
<div class="vy-patches-sidebox-body">
<ul class="vy-patches-links">
<li>[[Main Page]]</li>
<li>[[Beginner Guide]]</li>
<li>[[Server Rules]]</li>
<li>[[Commands]]</li>
<li>[[Discord]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-patches-page-status">
'''Development status:''' Patch note format, update categories, version naming and release archive structure are still under development.
</div>

</div>

MediaWiki:Common.css

2026-07-12T15:16:10Z

Marciismx:

Questing

2026-07-12T15:14:23Z

Marciismx: Created page with "{{VarnyraBreadcrumb|path=Main Page > Guides > Questing}} __NOTOC__ <div class="vy-questing"> <div class="vy-questing-hero"> <div class="vy-questing-kicker">Adventure Log · Objectives · Rewards</div> <div class="vy-questing-title">Questing</div> <div class="vy-questing-intro"> Questing guides players through the world of '''Varnyra'''. Quests may introduce systems, unlock content, reward items, connect NPCs, guide progression and create story-driven objec..."

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Guides]] > [[Questing]]}}

__NOTOC__

<div class="vy-questing">

<div class="vy-questing-hero">
<div class="vy-questing-kicker">Adventure Log · Objectives · Rewards</div>
<div class="vy-questing-title">Questing</div>
<div class="vy-questing-intro">
Questing guides players through the world of '''Varnyra'''. Quests may introduce systems, unlock content, reward items, connect NPCs, guide progression and create story-driven objectives.
</div>

<div class="vy-questing-tags">
<span class="vy-questing-tag">NPC Quests</span>
<span class="vy-questing-tag">Storylines</span>
<span class="vy-questing-tag">Objectives</span>
<span class="vy-questing-tag">Rewards</span>
<span class="vy-questing-tag">Unlocks</span>
</div>
</div>

<div class="vy-questing-layout">

<div>

<div class="vy-questing-heading">Quest Flow</div>

<div class="vy-questing-flow">

<div class="vy-quest-step">
<div class="vy-quest-step-label">Step 01</div>
<div>
<div class="vy-quest-step-title">Find an NPC</div>
<div class="vy-quest-step-text">
Quests usually begin by speaking with an NPC in a town, outpost, dungeon entrance or world location.
</div>
</div>
</div>

<div class="vy-quest-step">
<div class="vy-quest-step-label">Step 02</div>
<div>
<div class="vy-quest-step-title">Accept the objective</div>
<div class="vy-quest-step-text">
Objectives may involve combat, gathering, crafting, exploration, delivery, discovery or dungeon preparation.
</div>
</div>
</div>

<div class="vy-quest-step">
<div class="vy-quest-step-label">Step 03</div>
<div>
<div class="vy-quest-step-title">Complete the task</div>
<div class="vy-quest-step-text">
Players complete objectives by following instructions, defeating enemies, collecting items or reaching locations.
</div>
</div>
</div>

<div class="vy-quest-step">
<div class="vy-quest-step-label">Step 04</div>
<div>
<div class="vy-quest-step-title">Claim rewards</div>
<div class="vy-quest-step-text">
Rewards may include experience, currency, items, unlocks, recipes, reputation or progression access.
</div>
</div>
</div>

</div>

</div>

<div class="vy-questing-journal">
<div class="vy-questing-journal-image">Quest Journal Image</div>
<div class="vy-questing-journal-caption">
Questing helps connect NPCs, towns, world regions, combat, gathering, crafting and progression into one adventure path.
</div>
</div>

</div>

<div class="vy-questing-heading">Quest Types</div>

<div class="vy-questing-types">

<div class="vy-quest-type">
<div class="vy-quest-type-label">Story</div>
<div class="vy-quest-type-title">Main Quests</div>
<div class="vy-quest-type-text">
Core questlines that guide players through important systems, locations and future story content.
</div>
</div>

<div class="vy-quest-type">
<div class="vy-quest-type-label">Side</div>
<div class="vy-quest-type-title">Side Quests</div>
<div class="vy-quest-type-text">
Optional quests that may reward items, currency, materials or extra progression.
</div>
</div>

<div class="vy-quest-type">
<div class="vy-quest-type-label">Repeatable</div>
<div class="vy-quest-type-title">Repeatable Quests</div>
<div class="vy-quest-type-text">
Tasks that may be completed multiple times for resources, reputation or future daily-style rewards.
</div>
</div>

<div class="vy-quest-type">
<div class="vy-quest-type-label">Dungeon</div>
<div class="vy-quest-type-title">Dungeon Quests</div>
<div class="vy-quest-type-text">
Quests connected to dungeon entrances, boss objectives, keys, mechanics or special rewards.
</div>
</div>

</div>

<div class="vy-questing-lower">

<div class="vy-questing-panel">
<div class="vy-questing-panel-title">Questing and progression</div>
<div class="vy-questing-panel-text">
Quests are planned to guide players through Varnyra without forcing every system at once. Some quests may introduce skills, combat, crafting, gathering, NPCs, towns, dungeons and future unlocks.
</div>
</div>

<div class="vy-questing-sidebox">
<div class="vy-questing-sidebox-title">Related Pages</div>
<div class="vy-questing-sidebox-body">
<ul class="vy-questing-links">
<li>[[NPCs]]</li>
<li>[[Towns]]</li>
<li>[[World Map]]</li>
<li>[[Skills]]</li>
<li>[[Combat]]</li>
<li>[[Gathering]]</li>
<li>[[Crafting]]</li>
<li>[[Dungeons]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-questing-status">
'''Development status:''' Quest names, NPCs, requirements, objectives, rewards, unlocks and storyline routes are still under development.
</div>

</div>

MediaWiki:Common.css

2026-07-12T15:14:13Z

Marciismx:

Combat

2026-07-12T15:12:11Z

Marciismx:

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Guides]] > [[Combat]]}}

__NOTOC__

<div class="vy-combat">

<div class="vy-combat-hero">
<div class="vy-combat-kicker">Battle Manual · Builds · Mechanics</div>
<div class="vy-combat-title">Combat</div>
<div class="vy-combat-intro">
Combat is one of the core gameplay systems in '''Varnyra'''. It connects weapons, armor, classes, skills, dungeons, bosses and player preparation into one battle-focused progression loop.
</div>

<div class="vy-combat-tags">
<span class="vy-combat-tag">Melee</span>
<span class="vy-combat-tag">Ranged</span>
<span class="vy-combat-tag">Magic</span>
<span class="vy-combat-tag">Boss Mechanics</span>
<span class="vy-combat-tag">Dungeon Roles</span>
</div>
</div>

<div class="vy-combat-heading">Combat Styles</div>

<div class="vy-combat-styles">

<div class="vy-combat-style">
<div class="vy-combat-style-label">Melee</div>
<div class="vy-combat-style-title">Close Combat</div>
<div class="vy-combat-style-text">
Melee combat focuses on close-range weapons, armor, positioning and direct pressure against enemies.
</div>
</div>

<div class="vy-combat-style">
<div class="vy-combat-style-label">Ranged</div>
<div class="vy-combat-style-title">Distance Combat</div>
<div class="vy-combat-style-text">
Ranged combat focuses on spacing, movement, precision and attacking enemies from a safer distance.
</div>
</div>

<div class="vy-combat-style">
<div class="vy-combat-style-label">Magic</div>
<div class="vy-combat-style-title">Ability Combat</div>
<div class="vy-combat-style-text">
Magic combat may focus on abilities, burst damage, utility effects and future spell-based mechanics.
</div>
</div>

</div>

<div class="vy-combat-arena">
<div class="vy-combat-arena-image">Combat Arena Image</div>
<div class="vy-combat-arena-caption">
Combat is planned to feel different depending on weapon choice, class identity, enemy type and dungeon mechanics.
</div>
</div>

<div class="vy-combat-heading">Battle Rules</div>

<div class="vy-combat-manual">

<div class="vy-combat-rule">
<div class="vy-combat-rule-label">Rule 01</div>
<div>
<div class="vy-combat-rule-title">Prepare before fighting</div>
<div class="vy-combat-rule-text">
Bring proper weapons, armor, consumables and tools before entering dangerous zones or dungeons.
</div>
</div>
<div class="vy-combat-rule-type">Preparation</div>
</div>

<div class="vy-combat-rule">
<div class="vy-combat-rule-label">Rule 02</div>
<div>
<div class="vy-combat-rule-title">Understand enemy behavior</div>
<div class="vy-combat-rule-text">
Different mobs and bosses may require movement, timing, positioning or group coordination.
</div>
</div>
<div class="vy-combat-rule-type">Mechanics</div>
</div>

<div class="vy-combat-rule">
<div class="vy-combat-rule-label">Rule 03</div>
<div>
<div class="vy-combat-rule-title">Use the right equipment</div>
<div class="vy-combat-rule-text">
Weapon type, armor tier and consumables may matter more as content becomes harder.
</div>
</div>
<div class="vy-combat-rule-type">Gear</div>
</div>

<div class="vy-combat-rule">
<div class="vy-combat-rule-label">Rule 04</div>
<div>
<div class="vy-combat-rule-title">Coordinate in group content</div>
<div class="vy-combat-rule-text">
Dungeons and bosses may require parties, guilds, roles and communication to clear reliably.
</div>
</div>
<div class="vy-combat-rule-type">Teamplay</div>
</div>

</div>

<div class="vy-combat-lower">

<div class="vy-combat-panel">
<div class="vy-combat-panel-title">Combat and progression</div>
<div class="vy-combat-panel-text">
Combat is planned to grow with the player. Stronger weapons, better armor, class identity, skills and consumables may all affect how well a player can fight mobs, clear dungeons and defeat bosses.
</div>
</div>

<div class="vy-combat-sidebox">
<div class="vy-combat-sidebox-title">Related Pages</div>
<div class="vy-combat-sidebox-body">
<ul class="vy-combat-links">
<li>[[Classes]]</li>
<li>[[Skills]]</li>
<li>[[Weapons]]</li>
<li>[[Armor]]</li>
<li>[[Consumables]]</li>
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
<li>[[Guilds]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-combat-status">
'''Development status:''' Damage formulas, combat styles, class abilities, enemy mechanics and balancing are still under development.
</div>

</div>

MediaWiki:Common.css

2026-07-12T15:12:00Z

Marciismx:

Gathering

2026-07-12T15:08:49Z

Marciismx: Created page with "{{VarnyraBreadcrumb|path=Main Page > Guides > Gathering}} __NOTOC__ <div class="vy-gathering"> <div class="vy-gathering-hero"> <div class="vy-gathering-kicker">Resources · Routes · Field Skills</div> <div class="vy-gathering-title">Gathering</div> <div class="vy-gathering-intro"> Gathering is the process of collecting resources from the world of '''Varnyra'''. It connects mining, woodcutting, harvesting, materials, crafting, tools and the player economy...."

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Guides]] > [[Gathering]]}}

__NOTOC__

<div class="vy-gathering">

<div class="vy-gathering-hero">
<div class="vy-gathering-kicker">Resources · Routes · Field Skills</div>
<div class="vy-gathering-title">Gathering</div>
<div class="vy-gathering-intro">
Gathering is the process of collecting resources from the world of '''Varnyra'''. It connects mining, woodcutting, harvesting, materials, crafting, tools and the player economy.
</div>

<div class="vy-gathering-tags">
<span class="vy-gathering-tag">Mining</span>
<span class="vy-gathering-tag">Woodcutting</span>
<span class="vy-gathering-tag">Harvesting</span>
<span class="vy-gathering-tag">Resource Routes</span>
<span class="vy-gathering-tag">Economy Value</span>
</div>
</div>

<div class="vy-gathering-layout">

<div>

<div class="vy-gathering-heading">Gathering Routes</div>

<div class="vy-gathering-routes">

<div class="vy-gathering-route">
<div class="vy-gathering-route-label">Mining</div>
<div>
<div class="vy-gathering-route-title">Ore Routes</div>
<div class="vy-gathering-route-text">
Mining routes focus on ores, stone resources and underground materials used for crafting and upgrades.
</div>
</div>
</div>

<div class="vy-gathering-route">
<div class="vy-gathering-route-label">Woodcutting</div>
<div>
<div class="vy-gathering-route-title">Forest Routes</div>
<div class="vy-gathering-route-text">
Forest routes focus on logs, wood materials and future resources tied to crafting and construction.
</div>
</div>
</div>

<div class="vy-gathering-route">
<div class="vy-gathering-route-label">Harvesting</div>
<div>
<div class="vy-gathering-route-title">Plant & Herb Routes</div>
<div class="vy-gathering-route-text">
Harvesting routes may provide herbs, plants, food materials or future consumable ingredients.
</div>
</div>
</div>

<div class="vy-gathering-route">
<div class="vy-gathering-route-label">Special</div>
<div>
<div class="vy-gathering-route-title">Rare Resource Routes</div>
<div class="vy-gathering-route-text">
Rare gathering routes may require better tools, higher skill levels or access to dangerous world areas.
</div>
</div>
</div>

</div>

</div>

<div class="vy-gathering-map">
<div class="vy-gathering-map-image">Gathering Route Image</div>
<div class="vy-gathering-map-caption">
Gathering routes are planned to make world exploration, crafting and economy progression feel connected.
</div>
</div>

</div>

<div class="vy-gathering-heading">Gathering Skills</div>

<div class="vy-gathering-skills">

<div class="vy-gathering-skill">
<div class="vy-gathering-skill-label">Ore</div>
<div class="vy-gathering-skill-title">Mining</div>
<div class="vy-gathering-skill-text">
Collect ores and underground materials with pickaxes and future mining tools.
</div>
</div>

<div class="vy-gathering-skill">
<div class="vy-gathering-skill-label">Wood</div>
<div class="vy-gathering-skill-title">Woodcutting</div>
<div class="vy-gathering-skill-text">
Collect logs and wood resources from forests and future tree zones.
</div>
</div>

<div class="vy-gathering-skill">
<div class="vy-gathering-skill-label">Nature</div>
<div class="vy-gathering-skill-title">Harvesting</div>
<div class="vy-gathering-skill-text">
Collect herbs, plants, food resources or future consumable materials.
</div>
</div>

<div class="vy-gathering-skill">
<div class="vy-gathering-skill-label">Rare</div>
<div class="vy-gathering-skill-title">Special Gathering</div>
<div class="vy-gathering-skill-text">
Future resource types may require specific tools, zones, skills or unlocks.
</div>
</div>

</div>

<div class="vy-gathering-lower">

<div class="vy-gathering-panel">
<div class="vy-gathering-panel-title">Gathering and progression</div>
<div class="vy-gathering-panel-text">
Gathering is planned to support crafting, trading, tool progression and resource value. Players who invest time into gathering may provide important materials for weapons, armor, consumables and upgrades.
</div>
</div>

<div class="vy-gathering-sidebox">
<div class="vy-gathering-sidebox-title">Related Pages</div>
<div class="vy-gathering-sidebox-body">
<ul class="vy-gathering-links">
<li>[[Skills]]</li>
<li>[[Tools]]</li>
<li>[[Ores]]</li>
<li>[[Materials]]</li>
<li>[[Crafting]]</li>
<li>[[Economy]]</li>
<li>[[World Map]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-gathering-status">
'''Development status:''' Gathering skills, routes, resources, tool requirements, respawn rules and XP values are still under development.
</div>

</div>

Combat

2026-07-12T15:07:59Z

MediaWiki:Common.css

2026-07-12T15:07:40Z

Marciismx:

Enchanting

2026-07-12T15:03:53Z

Marciismx: Created page with "{{VarnyraBreadcrumb|path=Main Page > Guides > Enchanting}} __NOTOC__ <div class="vy-enchanting"> <div class="vy-enchanting-hero"> <div class="vy-enchanting-kicker">Enhancement · Magic · Upgrades</div> <div class="vy-enchanting-title">Enchanting</div> <div class="vy-enchanting-intro"> Enchanting is planned as an item enhancement system in '''Varnyra'''. It may allow players to improve weapons, armor, tools or other equipment through special materials, pro..."

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Guides]] > [[Enchanting]]}}

__NOTOC__

<div class="vy-enchanting">

<div class="vy-enchanting-hero">
<div class="vy-enchanting-kicker">Enhancement · Magic · Upgrades</div>
<div class="vy-enchanting-title">Enchanting</div>
<div class="vy-enchanting-intro">
Enchanting is planned as an item enhancement system in '''Varnyra'''. It may allow players to improve weapons, armor, tools or other equipment through special materials, progression requirements and upgrade mechanics.
</div>

<div class="vy-enchanting-tags">
<span class="vy-enchanting-tag">Item Enhancements</span>
<span class="vy-enchanting-tag">Upgrade Materials</span>
<span class="vy-enchanting-tag">Gear Progression</span>
<span class="vy-enchanting-tag">Magic Effects</span>
<span class="vy-enchanting-tag">Risk & Reward</span>
</div>
</div>

<div class="vy-enchanting-altar">
<div class="vy-enchanting-altar-image">Enchanting Altar Image</div>
<div class="vy-enchanting-altar-caption">
Enchanting is planned to give crafted and earned gear a deeper upgrade path beyond basic item tiers.
</div>
</div>

<div class="vy-enchanting-heading">Upgrade Paths</div>

<div class="vy-enchanting-paths">

<div class="vy-enchanting-path">
<div class="vy-enchanting-path-label">Weapons</div>
<div class="vy-enchanting-path-title">Combat Enhancements</div>
<div class="vy-enchanting-path-text">
Weapon enchantments may improve damage, attack style, special effects or future combat mechanics.
</div>
</div>

<div class="vy-enchanting-path">
<div class="vy-enchanting-path-label">Armor</div>
<div class="vy-enchanting-path-title">Defensive Enhancements</div>
<div class="vy-enchanting-path-text">
Armor enchantments may improve survival, resistance, set value or dungeon preparation.
</div>
</div>

<div class="vy-enchanting-path">
<div class="vy-enchanting-path-label">Tools</div>
<div class="vy-enchanting-path-title">Utility Enhancements</div>
<div class="vy-enchanting-path-text">
Tool enchantments may improve gathering speed, durability, resource access or efficiency.
</div>
</div>

</div>

<div class="vy-enchanting-heading">Enchanting Process</div>

<div class="vy-enchanting-ritual">

<div class="vy-enchanting-step">
<div class="vy-enchanting-step-label">Step 01</div>
<div>
<div class="vy-enchanting-step-title">Choose an item</div>
<div class="vy-enchanting-step-text">
Select the weapon, armor piece, tool or equipment item that should receive an enhancement.
</div>
</div>
<div class="vy-enchanting-step-state">Item</div>
</div>

<div class="vy-enchanting-step">
<div class="vy-enchanting-step-label">Step 02</div>
<div>
<div class="vy-enchanting-step-title">Provide materials</div>
<div class="vy-enchanting-step-text">
Use special materials, upgrade items, currency or future enchanting components.
</div>
</div>
<div class="vy-enchanting-step-state">Materials</div>
</div>

<div class="vy-enchanting-step">
<div class="vy-enchanting-step-label">Step 03</div>
<div>
<div class="vy-enchanting-step-title">Apply the enchantment</div>
<div class="vy-enchanting-step-text">
The item receives an upgrade, effect or stat change depending on the final system design.
</div>
</div>
<div class="vy-enchanting-step-state">Upgrade</div>
</div>

</div>

<div class="vy-enchanting-lower">

<div class="vy-enchanting-panel">
<div class="vy-enchanting-panel-title">Enchanting and progression</div>
<div class="vy-enchanting-panel-text">
Enchanting is planned to give players a reason to keep improving gear after crafting or finding it. It may connect rare materials, dungeons, bosses, crafting and economy value into one advanced upgrade system.
</div>
</div>

<div class="vy-enchanting-sidebox">
<div class="vy-enchanting-sidebox-title">Related Pages</div>
<div class="vy-enchanting-sidebox-body">
<ul class="vy-enchanting-links">
<li>[[Crafting]]</li>
<li>[[Materials]]</li>
<li>[[Weapons]]</li>
<li>[[Armor]]</li>
<li>[[Tools]]</li>
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
<li>[[Economy]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-enchanting-status">
'''Development status:''' Enchantment names, effects, limits, materials, costs, success rules and requirements are still under development.
</div>

</div>

MediaWiki:Common.css

2026-07-12T15:03:45Z

Marciismx:

Crafting

2026-07-12T15:01:31Z

Marciismx: Created page with "{{VarnyraBreadcrumb|path=Main Page > Guides > Crafting}} __NOTOC__ <div class="vy-crafting"> <div class="vy-crafting-hero"> <div class="vy-crafting-kicker">Recipes · Workshop · Progression</div> <div class="vy-crafting-title">Crafting</div> <div class="vy-crafting-intro"> Crafting is the process of turning resources, ores, materials and drops into useful items in '''Varnyra'''. It is planned to support weapons, armor, tools, consumables, upgrades and lon..."

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Guides]] > [[Crafting]]}}

__NOTOC__

<div class="vy-crafting">

<div class="vy-crafting-hero">
<div class="vy-crafting-kicker">Recipes · Workshop · Progression</div>
<div class="vy-crafting-title">Crafting</div>
<div class="vy-crafting-intro">
Crafting is the process of turning resources, ores, materials and drops into useful items in '''Varnyra'''. It is planned to support weapons, armor, tools, consumables, upgrades and long-term progression.
</div>

<div class="vy-crafting-tags">
<span class="vy-crafting-tag">Recipes</span>
<span class="vy-crafting-tag">Materials</span>
<span class="vy-crafting-tag">Gear Crafting</span>
<span class="vy-crafting-tag">Upgrades</span>
<span class="vy-crafting-tag">Economy</span>
</div>
</div>

<div class="vy-crafting-heading">Crafting Workshop</div>

<div class="vy-crafting-workshop">

<div class="vy-crafting-imagebox">
<div class="vy-crafting-image">Crafting Station Image</div>
<div class="vy-crafting-caption">
Crafting stations are planned to connect gathered resources with stronger equipment, useful supplies and progression items.
</div>
</div>

<div class="vy-crafting-flow">

<div class="vy-crafting-step">
<div class="vy-crafting-step-label">Step 01</div>
<div>
<div class="vy-crafting-step-title">Collect resources</div>
<div class="vy-crafting-step-text">
Gather ores, materials, mob drops or dungeon resources needed for recipes.
</div>
</div>
</div>

<div class="vy-crafting-step">
<div class="vy-crafting-step-label">Step 02</div>
<div>
<div class="vy-crafting-step-title">Prepare materials</div>
<div class="vy-crafting-step-text">
Some resources may need to be refined, processed or combined before crafting.
</div>
</div>
</div>

<div class="vy-crafting-step">
<div class="vy-crafting-step-label">Step 03</div>
<div>
<div class="vy-crafting-step-title">Craft the item</div>
<div class="vy-crafting-step-text">
Use recipes to create weapons, armor, tools, consumables or progression items.
</div>
</div>
</div>

<div class="vy-crafting-step">
<div class="vy-crafting-step-label">Step 04</div>
<div>
<div class="vy-crafting-step-title">Use or trade</div>
<div class="vy-crafting-step-text">
Crafted items can support your own build or become valuable in the player economy.
</div>
</div>
</div>

</div>

</div>

<div class="vy-crafting-heading">Crafting Categories</div>

<div class="vy-crafting-categories">

<div class="vy-crafting-card">
<div class="vy-crafting-card-label">Combat</div>
<div class="vy-crafting-card-title">Weapons</div>
<div class="vy-crafting-card-text">
Craft weapons used for combat, dungeons and boss preparation.
</div>
</div>

<div class="vy-crafting-card">
<div class="vy-crafting-card-label">Defense</div>
<div class="vy-crafting-card-title">Armor</div>
<div class="vy-crafting-card-text">
Create armor pieces and future sets used for survival.
</div>
</div>

<div class="vy-crafting-card">
<div class="vy-crafting-card-label">Utility</div>
<div class="vy-crafting-card-title">Tools</div>
<div class="vy-crafting-card-text">
Craft tools used for gathering, mining and progression.
</div>
</div>

<div class="vy-crafting-card">
<div class="vy-crafting-card-label">Supplies</div>
<div class="vy-crafting-card-title">Consumables</div>
<div class="vy-crafting-card-text">
Prepare potions, food or other supplies for adventures.
</div>
</div>

</div>

<div class="vy-crafting-lower">

<div class="vy-crafting-panel">
<div class="vy-crafting-panel-title">Crafting and progression</div>
<div class="vy-crafting-panel-text">
Crafting is planned to make gathered resources meaningful. Players can turn raw materials into stronger equipment, useful supplies and items that support the economy, dungeons and long-term progression.
</div>
</div>

<div class="vy-crafting-sidebox">
<div class="vy-crafting-sidebox-title">Related Pages</div>
<div class="vy-crafting-sidebox-body">
<ul class="vy-crafting-links">
<li>[[All Items]]</li>
<li>[[Materials]]</li>
<li>[[Ores]]</li>
<li>[[Tools]]</li>
<li>[[Weapons]]</li>
<li>[[Armor]]</li>
<li>[[Consumables]]</li>
<li>[[Economy]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-crafting-status">
'''Development status:''' Recipes, station types, skill requirements, crafting times and upgrade paths are still under development.
</div>

</div>

MediaWiki:Common.css

2026-07-12T15:01:22Z

Marciismx:

Consumables

2026-07-12T14:59:47Z

Marciismx: Created page with "{{VarnyraBreadcrumb|path=Main Page > Items > Consumables}} __NOTOC__ <div class="vy-consumables"> <div class="vy-consumables-hero"> <div class="vy-consumables-kicker">Preparation · Buffs · Survival</div> <div class="vy-consumables-title">Consumables</div> <div class="vy-consumables-intro"> Consumables are one-use or limited-use items that help players prepare for combat, exploration, dungeons, bosses and gathering routes in '''Varnyra'''. </div> <div cl..."

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Items]] > [[Consumables]]}}

__NOTOC__

<div class="vy-consumables">

<div class="vy-consumables-hero">
<div class="vy-consumables-kicker">Preparation · Buffs · Survival</div>
<div class="vy-consumables-title">Consumables</div>
<div class="vy-consumables-intro">
Consumables are one-use or limited-use items that help players prepare for combat, exploration, dungeons, bosses and gathering routes in '''Varnyra'''.
</div>

<div class="vy-consumables-tags">
<span class="vy-consumables-tag">Potions</span>
<span class="vy-consumables-tag">Food</span>
<span class="vy-consumables-tag">Buff Items</span>
<span class="vy-consumables-tag">Dungeon Supplies</span>
<span class="vy-consumables-tag">Utility Items</span>
</div>
</div>

<div class="vy-consumables-heading">Consumable Types</div>

<div class="vy-consumables-types">

<div class="vy-consumable-type">
<div class="vy-consumable-type-label">Healing</div>
<div class="vy-consumable-type-title">Health Items</div>
<div class="vy-consumable-type-text">
Items used to recover health or survive dangerous combat situations.
</div>
</div>

<div class="vy-consumable-type">
<div class="vy-consumable-type-label">Food</div>
<div class="vy-consumable-type-title">Food & Meals</div>
<div class="vy-consumable-type-text">
Food items that may restore hunger, provide small benefits or support exploration.
</div>
</div>

<div class="vy-consumable-type">
<div class="vy-consumable-type-label">Buffs</div>
<div class="vy-consumable-type-title">Potions & Effects</div>
<div class="vy-consumable-type-text">
Temporary effects used for combat, movement, gathering, dungeon preparation or survival.
</div>
</div>

<div class="vy-consumable-type">
<div class="vy-consumable-type-label">Utility</div>
<div class="vy-consumable-type-title">Special Supplies</div>
<div class="vy-consumable-type-text">
Future consumables may provide teleports, protections, keys, tools or special utility.
</div>
</div>

</div>

<div class="vy-consumables-supply">
<div class="vy-consumables-supply-image">Consumables Image</div>
<div class="vy-consumables-supply-caption">
Consumables help players prepare before entering dangerous areas, fighting bosses or attempting dungeon content.
</div>
</div>

<div class="vy-consumables-heading">Common Uses</div>

<div class="vy-consumables-layout">

<div class="vy-consumables-panel">
<div class="vy-consumables-panel-title">Why consumables matter</div>
<div class="vy-consumables-panel-text">
Consumables are planned to support preparation. Players may bring healing, buffs, food or utility items before exploring dangerous regions, fighting bosses or joining dungeon groups.
</div>

<div class="vy-consumables-use-grid">

<div class="vy-consumables-use">
<div class="vy-consumables-use-title">Dungeon Runs</div>
<div class="vy-consumables-use-text">
Supplies can help players survive long fights, boss rooms and dangerous enemy waves.
</div>
</div>

<div class="vy-consumables-use">
<div class="vy-consumables-use-title">Boss Fights</div>
<div class="vy-consumables-use-text">
Buffs and healing may be important before fighting high-threat enemies.
</div>
</div>

<div class="vy-consumables-use">
<div class="vy-consumables-use-title">Exploration</div>
<div class="vy-consumables-use-text">
Food and utility items may help players travel through risky zones.
</div>
</div>

<div class="vy-consumables-use">
<div class="vy-consumables-use-title">Gathering</div>
<div class="vy-consumables-use-text">
Future consumables may improve gathering routes, resource trips or efficiency.
</div>
</div>

</div>
</div>

<div class="vy-consumables-sidebox">
<div class="vy-consumables-sidebox-title">Related Pages</div>
<div class="vy-consumables-sidebox-body">
<ul class="vy-consumables-links">
<li>[[All Items]]</li>
<li>[[Materials]]</li>
<li>[[Crafting]]</li>
<li>[[Combat]]</li>
<li>[[Dungeons]]</li>
<li>[[Bosses]]</li>
<li>[[Gathering]]</li>
<li>[[Economy]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-consumables-status">
'''Development status:''' Consumable names, recipes, effects, durations, stack sizes and sources are still under development.
</div>

</div>

MediaWiki:Common.css

2026-07-12T14:59:39Z

Marciismx:

Materials

2026-07-12T14:58:07Z

Marciismx: Created page with "{{VarnyraBreadcrumb|path=Main Page > Items > Materials}} __NOTOC__ <div class="vy-materials"> <div class="vy-materials-hero"> <div class="vy-materials-kicker">Crafting · Components · Processing</div> <div class="vy-materials-title">Materials</div> <div class="vy-materials-intro"> Materials are crafting components used throughout '''Varnyra'''. They may come from mining, gathering, mobs, dungeons, bosses, refining or trading, and are planned to connect ma..."

{{VarnyraBreadcrumb|path=[[Main Page]] > [[Items]] > [[Materials]]}}

__NOTOC__

<div class="vy-materials">

<div class="vy-materials-hero">
<div class="vy-materials-kicker">Crafting · Components · Processing</div>
<div class="vy-materials-title">Materials</div>
<div class="vy-materials-intro">
Materials are crafting components used throughout '''Varnyra'''. They may come from mining, gathering, mobs, dungeons, bosses, refining or trading, and are planned to connect many systems together.
</div>

<div class="vy-materials-tags">
<span class="vy-materials-tag">Crafting Components</span>
<span class="vy-materials-tag">Refined Resources</span>
<span class="vy-materials-tag">Mob Drops</span>
<span class="vy-materials-tag">Dungeon Materials</span>
<span class="vy-materials-tag">Upgrade Items</span>
</div>
</div>

<div class="vy-materials-layout">

<div>

<div class="vy-materials-heading">Material Flow</div>

<div class="vy-materials-flow">

<div class="vy-material-step">
<div class="vy-material-step-label">Source</div>
<div>
<div class="vy-material-step-title">Gather or obtain</div>
<div class="vy-material-step-text">
Materials can come from ores, mobs, gathering nodes, shops, dungeons, bosses or future world systems.
</div>
</div>
</div>

<div class="vy-material-step">
<div class="vy-material-step-label">Process</div>
<div>
<div class="vy-material-step-title">Refine into components</div>
<div class="vy-material-step-text">
Some raw resources may need to be refined, combined or prepared before they can be used in recipes.
</div>
</div>
</div>

<div class="vy-material-step">
<div class="vy-material-step-label">Craft</div>
<div>
<div class="vy-material-step-title">Use in recipes</div>
<div class="vy-material-step-text">
Materials are planned to be used for weapons, armor, tools, consumables, upgrades and progression items.
</div>
</div>
</div>

<div class="vy-material-step">
<div class="vy-material-step-label">Trade</div>
<div>
<div class="vy-material-step-title">Create market value</div>
<div class="vy-material-step-text">
Useful materials may become valuable because crafters, fighters and gatherers need them for progression.
</div>
</div>
</div>

</div>

</div>

<div class="vy-materials-imagebox">
<div class="vy-materials-image">Materials Image</div>
<div class="vy-materials-caption">
Materials are the bridge between gathering, crafting, combat preparation, upgrades and the player economy.
</div>
</div>

</div>

<div class="vy-materials-heading">Material Categories</div>

<div class="vy-materials-categories">

<div class="vy-material-card">
<div class="vy-material-card-label">Raw</div>
<div class="vy-material-card-title">Raw Materials</div>
<div class="vy-material-card-text">
Basic resources gathered from the world before processing or crafting.
</div>
</div>

<div class="vy-material-card">
<div class="vy-material-card-label">Refined</div>
<div class="vy-material-card-title">Processed Materials</div>
<div class="vy-material-card-text">
Resources that have been smelted, refined, combined or prepared.
</div>
</div>

<div class="vy-material-card">
<div class="vy-material-card-label">Combat</div>
<div class="vy-material-card-title">Mob Drops</div>
<div class="vy-material-card-text">
Materials dropped by mobs, bosses or dungeon enemies.
</div>
</div>

<div class="vy-material-card">
<div class="vy-material-card-label">Rare</div>
<div class="vy-material-card-title">Upgrade Materials</div>
<div class="vy-material-card-text">
Special components used for stronger gear, upgrades or future progression systems.
</div>
</div>

</div>

<div class="vy-materials-lower">

<div class="vy-materials-panel">
<div class="vy-materials-panel-title">Materials and crafting</div>
<div class="vy-materials-panel-text">
Materials are planned to make crafting meaningful. Players may need different sources, recipes and progression routes to collect the right components for stronger items and upgrades.
</div>
</div>

<div class="vy-materials-sidebox">
<div class="vy-materials-sidebox-title">Related Pages</div>
<div class="vy-materials-sidebox-body">
<ul class="vy-materials-links">
<li>[[All Items]]</li>
<li>[[Ores]]</li>
<li>[[Tools]]</li>
<li>[[Crafting]]</li>
<li>[[Gathering]]</li>
<li>[[Economy]]</li>
<li>[[Weapons]]</li>
<li>[[Armor]]</li>
</ul>
</div>
</div>

</div>

<div class="vy-materials-status">
'''Development status:''' Material names, sources, recipes, refining steps, drop rates and upgrade uses are still under development.
</div>

</div>

MediaWiki:Common.css

2026-07-12T14:57:57Z

Marciismx: