wiki - Contribuições do usuário [pt-br]

Guia Principais NPCs

2026-01-10T16:48:13Z

Bykass: Criou página com '<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> /* =================================== Página Inicial - SkalRO Tema Suave e Moderno =================================== */ /* Variáveis CSS - Tema Viking (Marrom/Dourado) - Compatível com Vector */ /* Container principal da página inicial - Compatível com Vector */ .skalpage-root { --skalpage-primary: #D4AF37; /* Dourado principal */ --skalpage-pr...'

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* ===================================
Página Inicial - SkalRO
Tema Suave e Moderno
=================================== */

/* Variáveis CSS - Tema Viking (Marrom/Dourado) - Compatível com Vector */
/* Container principal da página inicial - Compatível com Vector */
.skalpage-root {
--skalpage-primary: #D4AF37; /* Dourado principal */
--skalpage-primary-light: #F4E4C1; /* Dourado claro */
--skalpage-primary-dark: #B8860B; /* Dourado escuro */
--skalpage-brown: #8B4513; /* Marrom */
--skalpage-brown-dark: #2C1810; /* Marrom muito escuro */
--skalpage-brown-light: #A0522D; /* Marrom claro */
--skalpage-bege: #F5DEB3; /* Bege claro */
--skalpage-bege-medium: #D4C5A0; /* Bege médio */
--skalpage-background: #ffffff; /* Mantém fundo branco para legibilidade */
--skalpage-modal-bg: linear-gradient(180deg, rgba(44, 24, 16, 0.95) 0%, rgba(61, 36, 22, 0.98) 100%); /* Gradiente marrom escuro */
--skalpage-text: #F5DEB3; /* Bege claro para texto */
--skalpage-text-secondary: #D4C5A0; /* Bege médio para texto secundário */
--skalpage-text-dark: #2C1810; /* Marrom escuro para texto em fundo claro */
--skalpage-border: rgba(212, 175, 55, 0.5); /* Borda dourada */
--skalpage-hover: rgba(212, 175, 55, 0.2); /* Hover dourado */
--skalpage-shadow: rgba(0, 0, 0, 0.8); /* Sombra escura */
--skalpage-card-bg: #ffffff; /* Mantém fundo branco para cards */
max-width: 100%;
box-sizing: border-box;
}

/* Garantir compatibilidade com container do Vector */
#bodyContent .skalpage-root,
.mw-body-content .skalpage-root,
.vector-body .skalpage-root {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
}

/* Resetar estilos do Vector que podem interferir */
.skalpage-root * {
box-sizing: border-box;
}

/* Garantir que imagens dentro do conteúdo funcionem */
.skalpage-root img {
max-width: 100%;
height: auto;
vertical-align: middle;
}

/* Prevenir interferência dos estilos padrão do Vector */
.skalpage-root h1,
.skalpage-root h2,
.skalpage-root h3,
.skalpage-root h4 {
font-family: inherit;
border: none;
padding: 0;
}

/* Melhorar tipografia para compatibilidade com Vector */
.skalpage-root {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
}

/* Garantir que links não sejam afetados pelos estilos do Vector */
.skalpage-root a {
text-decoration: none;
}

/* Melhorar espaçamento geral */
.skalpage-root p {
margin: 1em 0;
}

.skalpage-root .skalpage-hero {
background: linear-gradient(135deg, rgba(44, 24, 16, 0.95) 0%, rgba(139, 69, 19, 0.9) 50%, rgba(44, 24, 16, 0.98) 100%);
border-radius: 24px;
padding: 60px 40px;
margin: 40px 0;
text-align: center;
border: 1px solid rgba(212, 175, 55, 0.3);
position: relative;
overflow: hidden;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6),
0 0 0 1px rgba(212, 175, 55, 0.2) inset,
0 4px 20px rgba(212, 175, 55, 0.15);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.skalpage-root .skalpage-hero:hover {
box-shadow: 0 16px 50px rgba(0, 0, 0, 0.7),
0 0 0 1px rgba(212, 175, 55, 0.4) inset,
0 6px 30px rgba(212, 175, 55, 0.25);
transform: translateY(-4px);
}

.skalpage-root .skalpage-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--skalpage-primary) 0%, var(--skalpage-primary-light) 50%, var(--skalpage-primary) 100%);
animation: goldGlow 2.5s linear infinite;
}

.skalpage-root .skalpage-hero h1 {
color: var(--skalpage-text) !important;
font-size: clamp(2.5em, 5vw, 3.8em);
font-weight: 800;
margin: 0 0 16px 0;
letter-spacing: 3px;
line-height: 1.2;
text-shadow: 0 3px 12px rgba(0, 0, 0, 0.9),
0 0 30px rgba(212, 175, 55, 0.4),
0 0 60px rgba(212, 175, 55, 0.2);
animation: titleGlow 3s ease-in-out infinite alternate;
}

@keyframes titleGlow {
0% {
text-shadow: 0 3px 12px rgba(0, 0, 0, 0.9),
0 0 30px rgba(212, 175, 55, 0.4),
0 0 60px rgba(212, 175, 55, 0.2);
}
100% {
text-shadow: 0 3px 12px rgba(0, 0, 0, 0.9),
0 0 40px rgba(212, 175, 55, 0.6),
0 0 80px rgba(212, 175, 55, 0.3);
}
}

.skalpage-root .skalpage-hero .skalpage-subtitle {
color: var(--skalpage-text) !important;
font-size: clamp(1.2em, 2.5vw, 1.5em);
margin-bottom: 32px;
font-weight: 400;
opacity: 0.98;
letter-spacing: 1px;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7), 0 0 12px rgba(212, 175, 55, 0.4);
}

.skalpage-root .skalpage-hero p {
color: var(--skalpage-text) !important;
font-size: 1.1em;
margin: 20px 0;
max-width: 600px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
opacity: 0.95;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 0 6px rgba(212, 175, 55, 0.2);
}

/* Links de ação principais */
.skalpage-root .skalpage-action-links {
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
margin: 48px 0 24px 0;
padding: 0 20px;
}

.skalpage-root .skalpage-action-link {
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--skalpage-primary) 0%, var(--skalpage-primary-dark) 100%);
color: var(--skalpage-text-dark) !important;
text-decoration: none !important;
padding: 16px 32px;
border-radius: 12px;
font-weight: 600;
font-size: 1.05em;
letter-spacing: 0.5px;
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3),
0 2px 8px rgba(212, 175, 55, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
border: 1px solid rgba(212, 175, 55, 0.5);
position: relative;
overflow: hidden;
min-width: 160px;
z-index: 1;
}

.skalpage-root .skalpage-action-link > * {
position: relative;
z-index: 2;
}

.skalpage-root .skalpage-action-link::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent 0%,
rgba(244, 228, 193, 0.4) 50%,
transparent 100%);
transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1;
}

.skalpage-root .skalpage-action-link::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(244, 228, 193, 0.2);
transform: translate(-50%, -50%);
transition: width 0.6s ease, height 0.6s ease;
z-index: 0;
}

.skalpage-root .skalpage-action-link:hover::before {
left: 100%;
}

.skalpage-root .skalpage-action-link:hover::after {
width: 300px;
height: 300px;
}

.skalpage-root .skalpage-action-link:hover {
transform: translateY(-4px) scale(1.02);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4),
0 4px 16px rgba(212, 175, 55, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.3);
color: var(--skalpage-text-dark) !important;
text-decoration: none !important;
background: linear-gradient(135deg, var(--skalpage-primary-light) 0%, var(--skalpage-primary) 100%);
border-color: rgba(212, 175, 55, 0.7);
}

.skalpage-root .skalpage-action-link:active {
transform: translateY(-2px) scale(0.98);
transition: all 0.15s ease;
}

/* Container de menu principal */
.skalpage-root .skalpage-menu-container {
background: var(--skalpage-card-bg);
border-radius: 20px;
margin: 32px 0;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08),
0 1px 4px rgba(0, 0, 0, 0.04),
0 0 0 1px rgba(212, 175, 55, 0.1);
border: 1px solid rgba(212, 175, 55, 0.15);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
}

.skalpage-root .skalpage-menu-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg,
transparent 0%,
var(--skalpage-primary) 50%,
transparent 100%);
opacity: 0;
transition: opacity 0.4s ease;
}

.skalpage-root .skalpage-menu-container:hover {
transform: translateY(-4px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12),
0 2px 8px rgba(0, 0, 0, 0.06),
0 0 0 1px rgba(212, 175, 55, 0.25),
0 0 20px rgba(212, 175, 55, 0.1);
}

.skalpage-root .skalpage-menu-container:hover::before {
opacity: 1;
}

.skalpage-root .skalpage-menu-header {
background: linear-gradient(90deg, rgba(44, 24, 16, 0.95) 0%, rgba(139, 69, 19, 0.9) 50%, rgba(44, 24, 16, 0.98) 100%);
padding: 25px;
text-align: center;
position: relative;
border-radius: 20px 20px 0 0;
overflow: hidden;
backdrop-filter: blur(5px);
border-bottom: 2px solid var(--skalpage-border);
}

.skalpage-root .skalpage-menu-header h2 {
color: var(--skalpage-text) !important;
font-size: 1.8em;
font-weight: 700;
margin: 0;
letter-spacing: 1px;
position: relative;
z-index: 2;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 0 10px rgba(212, 175, 55, 0.5);
}

.skalpage-root .skalpage-menu-header::after {
content: '';
display: block;
position: absolute;
left: 10%;
right: 10%;
bottom: 0;
height: 5px;
border-radius: 3px;
background: linear-gradient(90deg, var(--skalpage-primary-light), var(--skalpage-primary), var(--skalpage-primary-light));
background-size: 200% 100%;
animation: goldBarMove 2.5s linear infinite;
z-index: 1;
}

@keyframes goldBarMove {
0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; }
}

@keyframes goldGlow {
0%, 100% {
box-shadow: 0 0 5px rgba(212, 175, 55, 0.3);
}
50% {
box-shadow: 0 0 15px rgba(212, 175, 55, 0.6), 0 0 25px rgba(244, 228, 193, 0.3);
}
}

.skalpage-root .skalpage-menu-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
padding: 32px;
gap: 24px;
}

/* Layout alternativo para menu - estilo tile/masonry */
.skalpage-root .skalpage-menu-content-tile {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
padding: 32px;
gap: 20px;
grid-auto-rows: auto;
}

.skalpage-root .skalpage-menu-content-tile .skalpage-menu-column {
min-height: 200px;
}

.skalpage-root .skalpage-menu-content-tile .skalpage-menu-column:nth-child(odd) {
grid-row: span 1;
}

.skalpage-root .skalpage-menu-content-tile .skalpage-menu-column:nth-child(even) {
grid-row: span 1;
}

.skalpage-root .skalpage-menu-column {
background: linear-gradient(135deg,
rgba(255, 255, 255, 0.95) 0%,
rgba(245, 222, 179, 0.05) 100%);
border-radius: 16px;
padding: 28px;
border: 1px solid rgba(212, 175, 55, 0.2);
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
backdrop-filter: blur(10px);
position: relative;
overflow: hidden;
}

/* Estilo alternativo - cards tipo badge/tag */
.skalpage-root .skalpage-menu-column-badge {
background: linear-gradient(135deg,
rgba(255, 255, 255, 1) 0%,
rgba(245, 222, 179, 0.08) 100%);
border-radius: 20px;
padding: 24px;
border-left: 4px solid var(--skalpage-primary);
border-top: 1px solid rgba(212, 175, 55, 0.2);
border-right: 1px solid rgba(212, 175, 55, 0.2);
border-bottom: 1px solid rgba(212, 175, 55, 0.2);
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.skalpage-root .skalpage-menu-column-badge::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: var(--skalpage-primary);
transform: scaleY(0);
transition: transform 0.4s ease;
}

.skalpage-root .skalpage-menu-column-badge:hover::before {
transform: scaleY(1);
}

.skalpage-root .skalpage-menu-column-badge:hover {
transform: translateY(-4px) rotate(1deg);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12),
0 0 0 1px rgba(212, 175, 55, 0.3),
0 0 24px rgba(212, 175, 55, 0.15);
border-left-color: var(--skalpage-primary);
}

.skalpage-root .skalpage-menu-column-badge h3 {
color: var(--skalpage-primary-dark);
font-size: 1.2em;
font-weight: 700;
margin: 0;
letter-spacing: 0.3px;
}

.skalpage-root .skalpage-menu-column-badge a {
transition: all 0.3s ease;
}

.skalpage-root .skalpage-menu-column-badge a:hover {
background: rgba(212, 175, 55, 0.2) !important;
transform: translateX(4px);
}

.skalpage-root .skalpage-menu-column::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg,
transparent 0%,
var(--skalpage-primary) 50%,
transparent 100%);
transform: scaleX(0);
transition: transform 0.4s ease;
}

.skalpage-root .skalpage-menu-column:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1),
0 0 0 1px rgba(212, 175, 55, 0.3),
0 0 24px rgba(212, 175, 55, 0.15);
border-color: var(--skalpage-primary);
transform: translateY(-4px);
background: linear-gradient(135deg,
rgba(255, 255, 255, 1) 0%,
rgba(245, 222, 179, 0.1) 100%);
}

.skalpage-root .skalpage-menu-column:hover::before {
transform: scaleX(1);
}

.skalpage-root .skalpage-menu-column h3 {
color: var(--skalpage-primary-dark);
font-size: 1.35em;
font-weight: 700;
text-align: center;
margin: 0 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid rgba(212, 175, 55, 0.2);
position: relative;
letter-spacing: 0.5px;
}

.skalpage-root .skalpage-menu-column h3::after {
content: '';
position: absolute;
bottom: -2px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background: linear-gradient(90deg,
transparent 0%,
var(--skalpage-primary) 50%,
transparent 100%);
border-radius: 2px;
transition: width 0.3s ease;
}

.skalpage-root .skalpage-menu-column:hover h3::after {
width: 100px;
}

.skalpage-root .skalpage-menu-list {
list-style: none;
padding: 0;
margin: 0;
}

.skalpage-root .skalpage-menu-list li {
margin-bottom: 8px;
}

.skalpage-root .skalpage-menu-list a {
display: flex;
align-items: center;
color: var(--skalpage-text-dark) !important;
text-decoration: none !important;
padding: 14px 18px;
border-radius: 10px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
background: rgba(245, 222, 179, 0.05);
border: 1px solid rgba(212, 175, 55, 0.15);
font-weight: 500;
word-break: break-word;
position: relative;
overflow: hidden;
}

.skalpage-root .skalpage-menu-list a::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: var(--skalpage-primary);
transform: scaleY(0);
transition: transform 0.3s ease;
}

.skalpage-root .skalpage-menu-list a img {
margin-right: 8px;
flex-shrink: 0;
}

.skalpage-root .skalpage-menu-list a:hover {
background: rgba(212, 175, 55, 0.12);
color: var(--skalpage-primary-dark) !important;
transform: translateX(8px);
border-color: rgba(212, 175, 55, 0.4);
text-decoration: none !important;
box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2),
0 0 0 1px rgba(212, 175, 55, 0.1) inset;
padding-left: 22px;
}

.skalpage-root .skalpage-menu-list a:hover::before {
transform: scaleY(1);
}

/* Seção de informações do servidor */
.skalpage-root .skalpage-server-info {
background: var(--skalpage-card-bg);
border-radius: 20px;
margin: 32px 0;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08),
0 1px 4px rgba(0, 0, 0, 0.04),
0 0 0 1px rgba(212, 175, 55, 0.1);
border: 1px solid rgba(212, 175, 55, 0.15);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.skalpage-root .skalpage-server-info:hover {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12),
0 2px 8px rgba(0, 0, 0, 0.06),
0 0 0 1px rgba(212, 175, 55, 0.25),
0 0 20px rgba(212, 175, 55, 0.1);
}

.skalpage-root .skalpage-server-info-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
padding: 32px;
gap: 28px;
}

/* Layout alternativo - cards em formato assimétrico */
.skalpage-root .skalpage-server-info-content-asymmetric {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, auto);
padding: 32px;
gap: 20px;
}

@media (min-width: 769px) {
.skalpage-root .skalpage-server-info-content-asymmetric {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
}
}

.skalpage-root .skalpage-server-info-column {
flex: 1;
min-width: 250px;
}

/* Estilo alternativo - cards compactos lado a lado */
.skalpage-root .skalpage-server-info-column-compact {
background: linear-gradient(135deg,
rgba(255, 255, 255, 0.98) 0%,
rgba(245, 222, 179, 0.03) 100%);
border-radius: 12px;
padding: 20px;
border: 1px solid rgba(212, 175, 55, 0.15);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}

.skalpage-root .skalpage-server-info-column-compact::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);
border-radius: 0 12px 0 100%;
opacity: 0;
transition: opacity 0.3s ease;
}

.skalpage-root .skalpage-server-info-column-compact:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1),
0 0 0 1px rgba(212, 175, 55, 0.2);
border-color: rgba(212, 175, 55, 0.3);
}

.skalpage-root .skalpage-server-info-column-compact:hover::after {
opacity: 1;
}

.skalpage-root .skalpage-server-info-column h4 {
color: var(--skalpage-primary-dark);
font-size: 1.25em;
font-weight: 700;
margin: 0 0 20px 0;
padding-bottom: 12px;
border-bottom: 2px solid rgba(212, 175, 55, 0.2);
position: relative;
letter-spacing: 0.3px;
}

.skalpage-root .skalpage-server-info-column h4::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 40px;
height: 3px;
background: linear-gradient(90deg,
var(--skalpage-primary) 0%,
transparent 100%);
border-radius: 2px;
transition: width 0.3s ease;
}

.skalpage-root .skalpage-server-info-column:hover h4::after {
width: 60px;
}

.skalpage-root .skalpage-server-info-list {
list-style: none;
padding: 0;
margin: 0;
}

.skalpage-root .skalpage-server-info-list li {
margin-bottom: 8px;
}

.skalpage-root .skalpage-server-info-list a {
display: flex;
align-items: center;
color: var(--skalpage-text-dark) !important;
text-decoration: none !important;
padding: 12px 16px;
border-radius: 8px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
background: rgba(245, 222, 179, 0.05);
border: 1px solid rgba(212, 175, 55, 0.15);
font-weight: 500;
word-break: break-word;
position: relative;
overflow: hidden;
}

.skalpage-root .skalpage-server-info-list a::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: var(--skalpage-primary);
transform: scaleY(0);
transition: transform 0.3s ease;
}

.skalpage-root .skalpage-server-info-list a img {
margin-right: 8px;
flex-shrink: 0;
}

.skalpage-root .skalpage-server-info-list a:hover {
background: rgba(212, 175, 55, 0.12);
color: var(--skalpage-primary-dark) !important;
transform: translateX(6px);
border-color: rgba(212, 175, 55, 0.4);
text-decoration: none !important;
box-shadow: 0 3px 10px rgba(212, 175, 55, 0.2),
0 0 0 1px rgba(212, 175, 55, 0.1) inset;
padding-left: 20px;
}

.skalpage-root .skalpage-server-info-list a:hover::before {
transform: scaleY(1);
}

/* Melhorias para compatibilidade com Vector - Responsividade */
@media (max-width: 768px) {
.skalpage-root .skalpage-hero {
padding: 30px 20px;
margin: 20px 0;
border-radius: 15px;
}

.skalpage-root .skalpage-hero h1 {
font-size: 2.5em;
color: #ffffff !important;
line-height: 1.2;
}

.skalpage-root .skalpage-hero .skalpage-subtitle {
font-size: 1.2em;
}

.skalpage-root .skalpage-action-links {
flex-direction: column;
align-items: center;
gap: 15px;
}

.skalpage-root .skalpage-action-link {
width: 100%;
max-width: 280px;
}

.skalpage-root .skalpage-menu-container {
max-width: 100%;
overflow-x: auto;
border-radius: 15px;
}

.skalpage-root .skalpage-menu-content {
flex-direction: column;
padding: 15px;
max-width: 100%;
overflow-x: auto;
gap: 15px;
}

.skalpage-root .skalpage-menu-column {
width: 100%;
min-width: 0;
padding: 15px;
box-sizing: border-box;
}

.skalpage-root .skalpage-server-info {
border-radius: 15px;
}

.skalpage-root .skalpage-server-info-content,
.skalpage-root .skalpage-server-info-content-asymmetric {
grid-template-columns: 1fr;
padding: 20px;
gap: 20px;
}

.skalpage-root .skalpage-server-info-column,
.skalpage-root .skalpage-server-info-column-compact {
min-width: 100%;
}

.skalpage-root .skalpage-menu-content-tile {
grid-template-columns: 1fr;
padding: 20px;
gap: 16px;
}

.skalpage-root .skalpage-menu-header {
border-radius: 15px 15px 0 0;
padding: 20px;
}
}

@media (max-width: 480px) {
.skalpage-root .skalpage-hero {
padding: 25px 15px;
margin: 15px 0;
border-radius: 12px;
}

.skalpage-root .skalpage-hero h1 {
font-size: 2em;
letter-spacing: 1px;
}

.skalpage-root .skalpage-hero .skalpage-subtitle {
font-size: 1.1em;
}

.skalpage-root .skalpage-menu-content {
padding: 10px;
gap: 10px;
}

.skalpage-root .skalpage-server-info-content {
padding: 15px;
gap: 15px;
}

.skalpage-root .skalpage-menu-column {
padding: 12px;
}

.skalpage-root .skalpage-menu-header {
padding: 15px;
}

.skalpage-root .skalpage-menu-header h2 {
font-size: 1.5em;
}
}
</style>
</head>
<body>

<div class="skalpage-root">
<div class="skalpage-hero">
<h1 style="color:white;">SKÅLRO</h1>
<div class="skalpage-subtitle">Você foi convocado para a batalha</div>
<p>
O chamado ecoa por toda Rune-Midgard. Reúna suas forças, escolha sua facção e prepare-se para provar o seu valor.
O verdadeiro desafio está chegando — puro, competitivo e implacável.
</p>

<div class="skalpage-action-links">
<a href="https://discord.gg/9MgEe87BuH" class="skalpage-action-link" target="_blank">
🎮 Discord Oficial
</a>
<a href="https://www.skalro.com.br/pre-registro.php" class="skalpage-action-link" target="_blank">
👤 Criar Conta
</a>
<a href="Informações_do_Servidor" class="skalpage-action-link">
📖 Conheça o Servidor
</a>
</div>
</div>
<div class="skalpage-menu-container">
<div class="skalpage-menu-header">
<h2></html>{{#itemimg:7729}}<html> Sobre o Servidor</h2>
</div>
<div class="skalpage-menu-content">
<div class="skalpage-menu-column">
<h3></html>{{#itemimg:25762}}<html> Primeiros Passos</h3>
<ul class="skalpage-menu-list">
<li><a href="Informações_do_Servidor"></html>{{#itemimg:7304}}<html> Informações do Servidor</a></li>
<li><a href="Regras"></html>{{#itemimg:7874}}<html> Regras do Servidor</a></li>
<li><a href="Corrida_99"></html>{{#itemimg:6930}}<html> Corrida 99</a></li>
<li><a href="Sistema_VIP"></html>{{#itemimg:41010}}<html> Sistema VIP</a></li>
<li><a href="Pacote_Fundador"></html>{{#itemimg:16742}}<html> Pacote Fundador</a></li>
</ul>
</div>

<div class="skalpage-menu-column">
<h3></html>{{#itemimg:25761}}<html> Destaques Especiais</h3>
<ul class="skalpage-menu-list">
<li><a href="Cash_Shop"></html>{{#itemimg:41006}}<html> Loja de ROPs</a></li>
<li><a href="Passe_de_Batalha"></html>{{#itemimg:35000}}<html> Passe de Batalha</a></li>
<li><a href="Sistema_de_Facções"></html>{{#itemimg:8966}}<html> Sistema de Facções</a></li>
<li><a href="Reset_Atributos_e_Habilidades"></html>{{#itemimg:12213}}<html> Resetador</a></li>
<li><a href="Balanceamentos"></html>{{#itemimg:11004}}<html> Balanceamentos</a></li>
</ul>
</div>
</div>
</div>
<div class="skalpage-menu-container">
<div class="skalpage-menu-header">
<h2></html>{{#itemimg:100131}}<html> Sistemas Gerais</h2>
</div>
<div class="skalpage-menu-content">
<div class="skalpage-menu-column">
<h3></html>{{#itemimg:25223}}<html> Sistema de Pontos</h3>
<ul class="skalpage-menu-list">
<li><a href="Grupo_Éden_de_Skal"></html>{{#itemimg:6495}}<html> Grupo Éden de Skal</a></li>
<li><a href="Pontos_de_Voto"></html>{{#itemimg:1001007}}<html> Loja de Votos</a></li>
<li><a href="Pontos_de_Presença"></html>{{#itemimg:12350}}<html> Loja de Presença</a></li>
<li><a href="Mudança_de_Classe"></html>{{#itemimg:2824}}<html> Mudança de Classe</a></li>
</ul>
</div>

<div class="skalpage-menu-column">
<h3></html>{{#itemimg:25627}}<html> Releitura Sistemas</h3>
<ul class="skalpage-menu-list">
<li><a href="Encantamentos"></html>{{#itemimg:7836}}<html> Encantamentos</a></li>
<li><a href="Refinamento"></html>{{#itemimg:25729}}<html> Refinamentos</a></li>
<li><a href="Curandeira"></html>{{#itemimg:13277}}<html> Curandeira</a></li>
<li><a href="Encantamentos_e_Bônus_Visuais"></html>{{#itemimg:6001}}<html> Encantamentos Visuais</a></li>
</ul>
</div>

<div class="skalpage-menu-column">
<h3></html>{{#itemimg:7042}}<html> ReWork Crafting</h3>
<ul class="skalpage-menu-list">
<li><a href="Alquimia"></html>{{#itemimg:547}}<html> Alquimia</a></li>
<li><a href="Forja"></html>{{#itemimg:989}}<html> Forja</a></li>
<li><a href="Conversores_Elementais"></html>{{#itemimg:7433}}<html> Conversores</a></li>
<li><a href="Culinária"></html>{{#itemimg:12043}}<html> Culinária</a></li>
</ul>
</div>
</div>
</div>
<div class="skalpage-menu-container">
<div class="skalpage-menu-header">
<h2></html>{{#itemimg:7881}}<html> Base de Conhecimento</h2>
</div>
<div class="skalpage-menu-content">
<div class="skalpage-menu-column">
<h3></html>{{#itemimg:7444}}<html> Drops Especiais</h3>
<ul class="skalpage-menu-list">
<li><a href="Alterações_Mvps"></html>{{#itemimg:5325}}<html> Drops Adicionais MvP</a></li>
<li><a href="Alterações_Miniboss"></html>{{#itemimg:5208}}<html> Drops Adicionais MiniBoss</a></li>
<li><a href="Missoes_Especiais"></html>{{#itemimg:5531}}<html> Missões Especiais</a></li>
</ul>
</div>

<div class="skalpage-menu-column">
<h3></html>{{#itemimg:25638}}<html> Features do Servidor</h3>
<ul class="skalpage-menu-list">
<li><a href="Bestiario#Comandos_do_Bestiário"></html>{{#itemimg:6652}}<html> Bestiário</a></li>
<li><a href="Monstros_Campeões"></html>{{#itemimg:32248}}<html> Monstros Campeões</a></li>
<li><a href="Overkill"></html>{{#itemimg:300491}}<html> OverKill</a></li>
</ul>
</div>

<div class="skalpage-menu-column">
<h3></html>{{#itemimg:4970}}<html> Guerras e Batalhas</h3>
<ul class="skalpage-menu-list">
<li><a href="Guerra_do_Emperium"></html>{{#itemimg:714}}<html> Guerra do Emperium</a></li>
<li><a href="Batalha_Campal"></html>{{#itemimg:7773}}<html> Batalha Campal</a></li>
<li><a href="Batalha_dos_Tesouros_(WOT)"></html>{{#itemimg:23985}}<html> Guerra dos Tesouros</a></li>
</ul>
</div>

<div class="skalpage-menu-column">
<h3></html>{{#itemimg:6186}}<html> Ajustes</h3>
<ul class="skalpage-menu-list">
<li><a href="Economia"></html>{{#itemimg:674}}<html> Economia</a></li>
</ul>
</div>
</div>
</div>

<div class="skalpage-menu-container">
<div class="skalpage-menu-header">
<h2></html>{{#itemimg:32222}}<html> Instâncias</h2>
</div>
<div class="skalpage-menu-content-tile">
<div class="skalpage-menu-column-badge">
<h3 style="text-align: left; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid rgba(212, 175, 55, 0.2);"></html>{{#itemimg:18840}}<html> Vila dos Porings</h3>
<a href="Vila_dos_Porings" style="display: inline-block; padding: 8px 16px; background: rgba(212, 175, 55, 0.1); border-radius: 8px; color: var(--skalpage-primary-dark); font-weight: 600;">Explorar →</a>
</div>
<div class="skalpage-menu-column-badge">
<h3 style="text-align: left; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid rgba(212, 175, 55, 0.2);"></html>{{#itemimg:12068}}<html> Memórias de Sarah</h3>
<a href="Memórias_de_Sarah" style="display: inline-block; padding: 8px 16px; background: rgba(212, 175, 55, 0.1); border-radius: 8px; color: var(--skalpage-primary-dark); font-weight: 600;">Explorar →</a>
</div>
</html>
</div>

Página principal

2025-09-01T19:54:40Z

Bykass:

{| width="100%" style="background: transparent;"
|-
|class="MainPageTop iwMainFrame" style="width:50%; vertical-align:top; text-align:center;"|[[Arquivo:Bemvindo-wiki-bleachrpg-.png|500x500px|link=]]<div class="iwMainTitle"><div style="padding:15px; background: #f1f2f9;">
'''Aqui é o lugar onde você vai encontrar dicas, tutoriais e guias!'''

'''Em outras palavras, quase tudo sobre o [http://www.bleachrpg.com.br/ bleachrpg] pode ser encontrado por aqui.'''

'''Não deixe de acompanhar e fazer suas sugestões pelo [https://www2.bleachrpg.com/forum/ Fórum].'''
</div>
</div>
|}
{| width="100%" style="background: #ffffff;"
|-
! colspan="2" |<center>[[Arquivo:Wiki-gde.png|180x180px|link=https://wiki.bleachrpg.com/index.php?title=Guerra_do_Emperium]][[Arquivo:Banner-wiki-bleachrpg-eventos.png|179x179px|link=https://wiki.bleachrpg.com/index.php?title=Eventos_bleachrpg]][[Arquivo:Banner-wiki-bleachrpg-database.png|180x180px|link=http://www3.bleachrpg.com/database/]][[Arquivo:Banner-wiki-bleachrpg-guiadasclasses.png|180x180px|link=https://wiki.bleachrpg.com/index.php?title=Guia_das_Classes]][[Arquivo:Banner-wiki-bleachrpg-criesuaconta.png|180x180px|link=http://www.bleachrpg.com.br/?p=registrar]]</center>
|}
{| width="100%" style="background: #F1F2F9;"
|-
! style="background:#333c76;color:#ffffff;" |[[Arquivo:Voceenovoaqui-wiki.png|semmoldura|180x180px|link=]]
! style="background:#333c76;color:#ffffff;" |[[Arquivo:Destaques-wiki.png|semmoldura|200x200px|link=]]
! style="background:#333c76;color:#ffffff;" |[[Arquivo:Sobreoservidor-wiki.png|semmoldura|180x180px|link=]]
! style="background:#333c76;color:#ffffff;" |[[Arquivo:Duvidas-frequentes-menor-wiki.png|semmoldura|200x200px|link=]]
|-
| class="MainPageLeft iwMainFrame" style="width:25%; vertical-align:top; padding: 10px;" |[[Introdução ao Jogo]]

[[Introdução ao bleachrpg]]

[[Classes]]

[[Guia de Equipamentos]]

[http://www.bleachrpg.com.br/cp Criar Conta]

[http://www.bleachrpg.com.br/cp Downloads]
| class="MainPageLeft iwMainFrame" style="width:25%; vertical-align:top; padding: 10px;" |[[Eventos Ativos]]

[[Pack Iniciante]]

[[Créditos & Doações]]

Máquina de Ofertas

[[Sistema VIP]]

[[Ranqueamento PvP]]

[[Instâncias Exclusivas]]
| class="iwMainFrame" style="width:25%; vertical-align:top; padding: 10px;" |[[Informações do Servidor]]

[[Modificações em Itens & Habilidades]]

Regras

Fórum

Discord

Notícias & Avisos

Notas das Manutenções

Tutoriais

| class="iwMainFrame" style="width:25%; vertical-align:top; padding: 10px;" |[[Index.php?title=Dúvidas e Problemas|Dúvidas e Problemas]]

[[Guia de Comandos]]

[[Guia Principais NPCs]]

Guia de votação

Reduzir Delay Gráfico

[[Como fazer uma Doação]]

Como usar o Banqueiro

Como atualizar o Jogo
|}

{| width="100%" style="background: #f6f6f6;"
! style="background: #ffffff ;" |[[Arquivo:Banner2nd1.png|700x700px|link=]]
|-
! style="background: #f9b739; padding: 10px;" |Clique no Servidor desejado e saiba tudo sobre ele
|-
! style="background: #333c76 ;" |<center>[[Arquivo:Wiki-fenix2.png|semmoldura|250x250px|link=https://wiki.bleachrpg.com/index.php?title=Servidor_F%C3%AAnix]]</center>
|}

{| width="100%" style="background: #f6f6f6;"
! style="background: #ffffff;" |[[Arquivo:Banner3rd.png|700x700px|link=]]
|-
! style="background: #f9b739; padding: 10px;" |Clique no Servidor desejado e saiba tudo sobre ele
|-
! style="background: #333c76 ;" |<center>[[Arquivo:Wiki-aegir2.png|semmoldura|250x250px|link=https://wiki.bleachrpg.com/index.php?title=Servidor_Aegir]]</center>
|}

{| width="100%" style="background: transparent;"
| class="MainPageLeft iwMainFrame" width="100%" valign="top" align="center" |
<div class="iwMainTitle">
[[Arquivo:Banner-wiki-bleachrpg-rodape-15-anos.png|link=]]
</div>
|-
|
{| width="100%" style="background: transparent;"
! style="background:#333c76; color:#ffffff; padding: 10px;" |Siga-nos nas Redes Sociais e fique por dentro de todas as atualizações e novos conteúdos!
|-
! style="background:#f9b739;color:#ffffff;" |[[Arquivo:Wiki-home.png|semmoldura|50x50px|link=https://wiki.bleachrpg.com/index.php?title=P%C3%A1gina_principal_2]][[Arquivo:Wiki-discord.png|semmoldura|50x50px]][[Arquivo:Wiki-face.png|semmoldura|50x50px]][[Arquivo:Wiki-forum.png|semmoldura|50x50px]][[Arquivo:Wiki-instagram.png|semmoldura|50x50px|link=https://www.instagram.com/bleachrpgoficial/]][[Arquivo:Wiki-whats.png|semmoldura|50x50px]][[Arquivo:Wiki-wiki.png|semmoldura|50x50px]][[Arquivo:Wiki-youtube.png|semmoldura|50x50px]]
|}
|}

Página principal

2025-09-01T19:52:53Z

Bykass:

{| width="100%" style="background: transparent;"
|-
|class="MainPageTop iwMainFrame" style="width:50%; vertical-align:top; text-align:center;"|[[Arquivo:Bemvindo-wiki-worldrag-.png|500x500px|link=]]<div class="iwMainTitle"><div style="padding:15px; background: #f1f2f9;">
'''Aqui é o lugar onde você vai encontrar dicas, tutoriais e guias!'''

'''Em outras palavras, quase tudo sobre o [http://www.worldrag.com/ WorldRAG] pode ser encontrado por aqui.'''

'''Não deixe de acompanhar e fazer suas sugestões pelo [https://www2.worldrag.com/forum/ Fórum].'''
</div>
</div>
|}
{| width="100%" style="background: #ffffff;"
|-
! colspan="2" |<center>[[Arquivo:Wiki-gde.png|180x180px|link=https://wiki.worldrag.com/index.php?title=Guerra_do_Emperium]][[Arquivo:Banner-wiki-WorldRAG-eventos.png|179x179px|link=https://wiki.worldrag.com/index.php?title=Eventos_WorldRag]][[Arquivo:Banner-wiki-WorldRAG-database.png|180x180px|link=http://www3.worldrag.com/database/]][[Arquivo:Banner-wiki-WorldRAG-guiadasclasses.png|180x180px|link=https://wiki.worldrag.com/index.php?title=Guia_das_Classes]][[Arquivo:Banner-wiki-WorldRAG-criesuaconta.png|180x180px|link=http://www.worldrag.com/?p=registrar]]</center>
|}
{| width="100%" style="background: #F1F2F9;"
|-
! style="background:#333c76;color:#ffffff;" |[[Arquivo:Voceenovoaqui-wiki.png|semmoldura|180x180px|link=]]
! style="background:#333c76;color:#ffffff;" |[[Arquivo:Destaques-wiki.png|semmoldura|200x200px|link=]]
! style="background:#333c76;color:#ffffff;" |[[Arquivo:Sobreoservidor-wiki.png|semmoldura|180x180px|link=]]
! style="background:#333c76;color:#ffffff;" |[[Arquivo:Duvidas-frequentes-menor-wiki.png|semmoldura|200x200px|link=]]
|-
| class="MainPageLeft iwMainFrame" style="width:25%; vertical-align:top; padding: 10px;" |[[Introdução ao Jogo]]

[[Introdução ao WorldRAG]]

[[Classes]]

[[Guia de Equipamentos]]

[http://www.worldrag.com/?act=registrar Criar Conta]

[http://www.worldrag.com/?act=download Downloads]
| class="MainPageLeft iwMainFrame" style="width:25%; vertical-align:top; padding: 10px;" |[[Eventos Ativos]]

[[Pack Iniciante]]

[[Créditos & Doações]]

Máquina de Ofertas

[[Sistema VIP]]

[[Ranqueamento PvP]]

[[Instâncias Exclusivas]]
| class="iwMainFrame" style="width:25%; vertical-align:top; padding: 10px;" |[[Informações do Servidor]]

[[Modificações em Itens & Habilidades]]

Regras

Fórum

Discord

Notícias & Avisos

Notas das Manutenções

Tutoriais

| class="iwMainFrame" style="width:25%; vertical-align:top; padding: 10px;" |[[Index.php?title=Dúvidas e Problemas|Dúvidas e Problemas]]

[[Guia de Comandos]]

[[Guia Principais NPCs]]

Guia de votação

Reduzir Delay Gráfico

[[Como fazer uma Doação]]

Como usar o Banqueiro

Como atualizar o Jogo
|}

{| width="100%" style="background: #f6f6f6;"
! style="background: #ffffff ;" |[[Arquivo:Banner2nd1.png|700x700px|link=]]
|-
! style="background: #f9b739; padding: 10px;" |Clique no Servidor desejado e saiba tudo sobre ele
|-
! style="background: #333c76 ;" |<center>[[Arquivo:Wiki-fenix2.png|semmoldura|250x250px|link=https://wiki.worldrag.com/index.php?title=Servidor_F%C3%AAnix]]</center>
|}

{| width="100%" style="background: #f6f6f6;"
! style="background: #ffffff;" |[[Arquivo:Banner3rd.png|700x700px|link=]]
|-
! style="background: #f9b739; padding: 10px;" |Clique no Servidor desejado e saiba tudo sobre ele
|-
! style="background: #333c76 ;" |<center>[[Arquivo:Wiki-aegir2.png|semmoldura|250x250px|link=https://wiki.worldrag.com/index.php?title=Servidor_Aegir]]</center>
|}

{| width="100%" style="background: transparent;"
| class="MainPageLeft iwMainFrame" width="100%" valign="top" align="center" |
<div class="iwMainTitle">
[[Arquivo:Banner-wiki-WorldRAG-rodape-15-anos.png|link=]]
</div>
|-
|
{| width="100%" style="background: transparent;"
! style="background:#333c76; color:#ffffff; padding: 10px;" |Siga-nos nas Redes Sociais e fique por dentro de todas as atualizações e novos conteúdos!
|-
! style="background:#f9b739;color:#ffffff;" |[[Arquivo:Wiki-home.png|semmoldura|50x50px|link=https://wiki.worldrag.com/index.php?title=P%C3%A1gina_principal_2]][[Arquivo:Wiki-discord.png|semmoldura|50x50px]][[Arquivo:Wiki-face.png|semmoldura|50x50px]][[Arquivo:Wiki-forum.png|semmoldura|50x50px]][[Arquivo:Wiki-instagram.png|semmoldura|50x50px|link=https://www.instagram.com/worldragoficial/]][[Arquivo:Wiki-whats.png|semmoldura|50x50px]][[Arquivo:Wiki-wiki.png|semmoldura|50x50px]][[Arquivo:Wiki-youtube.png|semmoldura|50x50px]]
|}
|}