/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2026 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * https://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
	outline: none !important;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
.form-control:focus {
	border: 1px solid #ccc;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: var(--webenginecolor27);
    border: 1px solid var(--webenginecolor16);
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: var(--webenginecolor1);
}

.btn-primary {
    color: var(--webenginecolor9);
    background-color: var(--webenginecolor8);
	border-color: var(--webenginecolor10);
    transition: all .1s ease-in;
	border-radius: 3px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: var(--webenginecolor12) !important;
    background-color: var(--webenginecolor11) !important;
	border-color: var(--webenginecolor13) !important;
}

.form-horizontal .control-label {
	text-align: left !important;
}
/* =========================================================
   RELAMPAGOMU — Tema Oro & Rayo Azul (sobre template default)
   ========================================================= */
:root {
	--webenginebg1: #04060c;
	--webenginebg2: rgba(8,12,24,.94);
	--webenginebg3: #05080f;
	--webenginecolor1: #f2b13c;
	--webenginecolor2: #dbe3f0;
	--webenginecolor3: #f2b13c;
	--webenginecolor4: #2e9bff;
	--webenginecolor5: #0a1020;
	--webenginecolor6: #f2b13c;
	--webenginecolor7: #2e9bff;
	--webenginecolor8: #f2b13c;
	--webenginecolor9: #0a0a0a;
	--webenginecolor10: #c98a1e;
	--webenginecolor11: #2e9bff;
	--webenginecolor12: #ffffff;
	--webenginecolor13: #1f7fd6;
	--webenginecolor14: #8b96ad;
	--webenginecolor63: #1c2740;
	--webenginecolor15: #0d1424;
	--webenginecolor16: #2a3a5f;
	--webenginecolor17: #dbe3f0;
	--webenginecolor18: #f2b13c;
	--webenginecolor19: #cfd8ea;
	--webenginecolor20: #f2b13c;
	--webenginecolor21: #1c2740;
	--webenginecolor22: #0a1020;
	--webenginecolor23: #8b96ad;
	--webenginecolor24: #0a1020;
	--webenginecolor25: #8b96ad;
	--webenginecolor26: #f2b13c;
	--webenginecolor27: rgba(10,16,32,.88);
	--webenginecolor28: rgba(18,26,48,.88);
	--webenginecolor33: #dbe3f0;
	--webenginecolor34: #04060c;
	--webenginecolor35: #8b96ad;
	--webenginecolor36: #ff5555;
	--webenginecolor37: #aab6cc;
	--webenginecolor38: #f2b13c;
	--webenginecolor39: #0a1020;
	--webenginecolor40: #8b96ad;
	--webenginecolor41: #f2b13c;
	--webenginecolor42: rgba(4,8,18,.55);
	--webenginecolor43: rgba(46,155,255,.25);
	--webenginecolor44: #aab6cc;
	--webenginecolor45: rgba(46,155,255,.35);
	--webenginecolor46: #000000;
	--webenginecolor47: #f2b13c;
	--webenginecolor48: #8b96ad;
	--webenginecolor49: #2e9bff;
	--webenginecolor50: #04060c;
	--webenginecolor51: #2a3a5f;
	--webenginecolor52: #2e9bff;
	--webenginecolor54: #0a1020;
	--webenginecolor55: rgba(0,0,0,.6);
	--webenginecolor56: #000000;
	--webenginecolor57: #8b96ad;
	--webenginecolor58: rgba(0,0,0,.55);
	--webenginecolor59: #f2b13c;
	--webenginecolor60: #f2b13c;
	--webenginecolor61: #dbe3f0;
	--webenginecolor62: rgba(46,155,255,.45);
}

body { font-family: 'PT Sans', sans-serif; }
h1, h2, h3, .page-title, .panel-title, #navbar ul li a {
	font-family: 'Cinzel', serif !important;
	letter-spacing: 1px;
}

/* Ticker */
.rlm-ticker {
	background: linear-gradient(90deg, #0a1020, #101a33, #0a1020);
	border-top: 1px solid rgba(242,177,60,.35);
	border-bottom: 1px solid rgba(242,177,60,.35);
	color: #f2b13c;
	font-family: 'Cinzel', serif;
	font-size: 13px;
	letter-spacing: 2px;
	overflow: hidden;
	white-space: nowrap;
	padding: 8px 0;
	text-align: center;
}
.rlm-ticker span { margin: 0 22px; }
.rlm-ticker .dot { color: #2e9bff; }

/* Hero */
.rlm-hero {
	position: relative;
	text-align: center;
	padding: 50px 20px 60px;
	background: radial-gradient(ellipse at center, rgba(46,155,255,.12) 0%, rgba(4,6,12,0) 60%);
}
.rlm-hero .rlm-mage {
	width: 210px; height: 210px;
	object-fit: cover;
	border-radius: 50%;
	border: 4px solid #f2b13c;
	box-shadow: 0 0 45px rgba(242,177,60,.45), 0 0 90px rgba(46,155,255,.25);
	margin-bottom: 22px;
}
.rlm-hero h1 {
	font-size: 54px;
	color: #f2b13c;
	margin: 0 0 6px;
	text-shadow: 0 0 30px rgba(242,177,60,.35), 2px 2px 6px #000;
}
.rlm-hero h1 .rlm-blue { color: #2e9bff; text-shadow: 0 0 30px rgba(46,155,255,.5), 2px 2px 6px #000; }
.rlm-hero .rlm-season {
	color: #2e9bff; font-family: 'Cinzel', serif; font-size: 20px; letter-spacing: 10px; margin-bottom: 14px;
}
.rlm-hero .rlm-slogan {
	color: #cfd8ea; font-style: italic; font-size: 17px; margin-bottom: 26px;
}
.rlm-countdown { margin: 0 auto 30px; }
.rlm-countdown .rlm-cd-label {
	color: #8b96ad; font-family: 'Cinzel', serif; letter-spacing: 4px; font-size: 13px; margin-bottom: 12px;
}
.rlm-cd-boxes { display: inline-block; }
.rlm-cd-box {
	display: inline-block; min-width: 86px; margin: 0 7px; padding: 14px 8px;
	background: rgba(10,16,32,.9); border: 1px solid rgba(242,177,60,.4); border-radius: 6px;
	box-shadow: 0 0 18px rgba(0,0,0,.6);
}
.rlm-cd-box b { display: block; font-size: 34px; color: #f2b13c; font-family: 'Cinzel', serif; }
.rlm-cd-box small { color: #8b96ad; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; }
.rlm-hero .rlm-cta .btn {
	font-family: 'Cinzel', serif; letter-spacing: 1px; font-size: 16px;
	padding: 12px 34px; margin: 0 8px; border-radius: 4px;
}
.rlm-btn-gold { background: linear-gradient(180deg,#ffd97a,#f2b13c 60%,#c98a1e); color: #0a0a0a !important; border: 1px solid #8a5f12; font-weight: bold; }
.rlm-btn-gold:hover { filter: brightness(112%); color: #000 !important; }
.rlm-btn-blue { background: rgba(46,155,255,.12); color: #2e9bff !important; border: 1px solid #2e9bff; }
.rlm-btn-blue:hover { background: #2e9bff; color: #fff !important; }

/* Modules */
.rlm-modules { width: 1040px; margin: 0 auto 40px; padding: 0 20px; }
.rlm-modules h2 {
	text-align: center; color: #f2b13c; font-size: 26px; letter-spacing: 3px; margin: 10px 0 24px;
	text-shadow: 2px 2px 6px #000;
}
.rlm-mod-card {
	background: rgba(10,16,32,.9); border: 1px solid #2a3a5f; border-radius: 6px;
	padding: 20px 12px; margin-bottom: 20px; text-align: center; transition: all .25s ease;
}
.rlm-mod-card:hover { border-color: #f2b13c; transform: translateY(-4px); box-shadow: 0 8px 24px rgba(242,177,60,.18); }
.rlm-mod-card .rlm-mod-icon { font-size: 34px; color: #2e9bff; display: block; margin-bottom: 10px; text-shadow: 0 0 16px rgba(46,155,255,.6); }
.rlm-mod-card h4 { color: #f2b13c; font-family: 'Cinzel', serif; font-size: 15px; margin: 0 0 8px; letter-spacing: 1px; }
.rlm-mod-card p { color: #8b96ad; font-size: 12px; margin: 0; line-height: 1.5; }

/* Dark-theme fixes sobre el default */
.page-title { color: #f2b13c; text-shadow: 2px 2px 6px #000; }
.panel-news .panel-title { color: #f2b13c; }
.panel-news .panel-footer { background: #0a1020; border-top: 1px solid #1c2740; color: #8b96ad; }
.home-news-block .home-news-block-header h2 { color: #f2b13c; }
#navbar { background: rgba(4,6,12,.75); }
#navbar ul li a { color: #cfd8ea !important; font-size: 14px; padding: 18px 26px; }
#navbar ul li a:hover { color: #f2b13c !important; text-shadow: 0 0 12px rgba(242,177,60,.5); }
.footer { color: #8b96ad; }
.footer a { color: #f2b13c !important; }
.webengine-mu-logo { max-width: 560px; width: 80%; height: auto; }
.table { color: #dbe3f0; }
.rankings-table tr td { color: #dbe3f0; }
.rankings-table tr:first-child td { color: #f2b13c; border-bottom: 3px solid #f2b13c; }
.rankings-table-place { color: #8b96ad; }
.myaccount-table tr td:first-child { color: #f2b13c; }
.panel-body .panel-title { color: #f2b13c; }
input[type=text], input[type=password], input[type=number] { background: #0d1424; border: 1px solid #2a3a5f; color: #dbe3f0; }
.btn-primary { font-weight: bold; }
.sidebar-banner img { width: 100%; height: auto; }

/* Fix: tablas Bootstrap en tema oscuro (info, rankings, etc.) */
.table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(18,26,48,.88) !important; }
.table-striped > tbody > tr:nth-of-type(even) { background-color: rgba(10,16,32,.88) !important; }
.table-hover > tbody > tr:hover { background-color: rgba(46,155,255,.18) !important; }
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: #2a3a5f !important; }
.table > thead > tr > th { color: #f2b13c; border-bottom: 2px solid #f2b13c !important; }
.table { background-color: transparent; }

/* =========================================================
   RELAMPAGOMU — Módulo HOME exclusivo
   ========================================================= */
.rlm-home { margin-top: 6px; }
.rlm-sec-head { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 2px solid rgba(242,177,60,.35); padding-bottom: 10px; margin-bottom: 18px; }
.rlm-sec-head h2 { color: #f2b13c; font-family: 'Cinzel', serif; font-size: 24px; margin: 0; letter-spacing: 2px; text-shadow: 2px 2px 6px #000; }
.rlm-sec-head .rlm-bolt { color: #2e9bff; text-shadow: 0 0 14px rgba(46,155,255,.7); }
.rlm-sec-link { color: #2e9bff !important; font-size: 13px; }
.rlm-sec-link:hover { color: #f2b13c !important; }

.rlm-news-list { display: flex; flex-direction: column; gap: 12px; }
.rlm-news-card { display: flex; align-items: center; gap: 14px; background: rgba(10,16,32,.88); border: 1px solid #2a3a5f; border-left: 4px solid #f2b13c; border-radius: 6px; padding: 14px 16px; transition: all .25s ease; }
.rlm-news-card:hover { border-color: #f2b13c; border-left-color: #2e9bff; transform: translateX(6px); box-shadow: 0 6px 20px rgba(0,0,0,.5); }
.rlm-news-badge { background: linear-gradient(180deg,#2e9bff,#1f7fd6); color: #fff; font-size: 10px; font-weight: bold; letter-spacing: 1px; padding: 6px 10px; border-radius: 3px; text-transform: uppercase; white-space: nowrap; }
.rlm-news-main { flex: 1; min-width: 0; }
.rlm-news-title { color: #dbe3f0 !important; font-size: 16px; font-weight: bold; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rlm-news-card:hover .rlm-news-title { color: #f2b13c !important; }
.rlm-news-date { color: #8b96ad; font-size: 12px; margin-top: 4px; }
.rlm-news-arrow { color: #f2b13c; font-size: 28px; line-height: 1; padding: 0 4px; }
.rlm-news-card:hover .rlm-news-arrow { color: #2e9bff; }

.rlm-panel { background: rgba(10,16,32,.92); border: 1px solid #2a3a5f; border-radius: 8px; margin-bottom: 20px; overflow: hidden; box-shadow: 0 4px 18px rgba(0,0,0,.45); }
.rlm-panel-head { background: linear-gradient(90deg, rgba(242,177,60,.16), rgba(46,155,255,.08)); border-bottom: 2px solid #f2b13c; padding: 12px 16px; }
.rlm-panel-head h3 { color: #f2b13c !important; font-family: 'Cinzel', serif; font-size: 16px; margin: 0; letter-spacing: 1px; text-shadow: 1px 1px 4px #000; }
.rlm-panel-body { padding: 16px; }
.rlm-panel-body.rlm-nopad { padding: 0; }
.rlm-plus { float: right; color: #0a0a0a !important; background: #f2b13c; width: 22px; height: 22px; line-height: 20px; text-align: center; border-radius: 50%; font-weight: bold; font-size: 14px; }
.rlm-plus:hover { background: #2e9bff; color: #fff !important; }

.rlm-login .rlm-input { margin-bottom: 10px; background: #0d1424; border: 1px solid #2a3a5f; color: #dbe3f0; height: 40px; }
.rlm-login .rlm-input:focus { border-color: #f2b13c; box-shadow: 0 0 10px rgba(242,177,60,.25); }
.rlm-btn-login { width: 100%; padding: 11px; font-family: 'Cinzel', serif; font-size: 15px; letter-spacing: 2px; font-weight: bold; color: #0a0a0a; background: linear-gradient(180deg,#ffd97a,#f2b13c 60%,#c98a1e); border: 1px solid #8a5f12; border-radius: 4px; cursor: pointer; transition: all .2s ease; }
.rlm-btn-login:hover { filter: brightness(112%); box-shadow: 0 0 18px rgba(242,177,60,.4); }
.rlm-forgot { display: block; text-align: center; margin-top: 12px; font-size: 12px; color: #8b96ad !important; }
.rlm-forgot:hover { color: #2e9bff !important; }

.rlm-info-table { width: 100%; }
.rlm-info-table tr td { padding: 9px 16px; border-bottom: 1px solid rgba(42,58,95,.5); color: #aab6cc; font-size: 13px; }
.rlm-info-table tr:last-child td { border-bottom: 0; }
.rlm-info-table .rlm-val { text-align: right; font-weight: bold; color: #f2b13c; }
.rlm-info-table .rlm-online { color: #2e9bff; }

.rlm-rank-table { width: 100%; }
.rlm-rank-table thead th { color: #f2b13c; font-family: 'Cinzel', serif; font-size: 12px; letter-spacing: 1px; padding: 10px 8px; border-bottom: 2px solid rgba(242,177,60,.4); background: rgba(4,6,12,.5); }
.rlm-rank-table tbody td { padding: 8px; border-bottom: 1px solid rgba(42,58,95,.5); color: #dbe3f0; font-size: 13px; vertical-align: middle; }
.rlm-rank-row:hover td { background: rgba(46,155,255,.12); }
.rlm-rank-num { font-family: 'Cinzel', serif; font-weight: bold; font-size: 16px; color: #8b96ad; text-align: center; width: 34px; }
.rlm-rank-1 .rlm-rank-num { color: #ffd700; text-shadow: 0 0 10px rgba(255,215,0,.7); }
.rlm-rank-2 .rlm-rank-num { color: #c0c0c0; text-shadow: 0 0 10px rgba(192,192,192,.7); }
.rlm-rank-3 .rlm-rank-num { color: #cd7f32; text-shadow: 0 0 10px rgba(205,127,50,.7); }
.rlm-rank-1 td { background: rgba(255,215,0,.05); }
.rlm-class { color: #8b96ad; font-size: 11px; }
.rlm-val { color: #f2b13c; font-weight: bold; }

.rlm-event-table { width: 100%; }
.rlm-event-row td { padding: 10px 16px; border-bottom: 1px solid rgba(42,58,95,.5); vertical-align: middle; }
.rlm-event-row:last-child td { border-bottom: 0; }
.rlm-event-row:hover td { background: rgba(46,155,255,.08); }
.rlm-event-icon { font-size: 18px; margin-right: 6px; }
.rlm-event-name { color: #f2b13c; font-weight: bold; font-size: 14px; }
.rlm-event-sub { color: #8b96ad; font-size: 11px; }
.rlm-event-next { color: #2e9bff; font-weight: bold; font-size: 13px; }
.rlm-event-timer { color: #8b96ad; font-size: 11px; }

/* Fondo de video animado, fijo al hacer scroll */
.rlm-bg-video { position: fixed; top: 0; left: 0; width: 100vw; min-width: 1040px; height: 100vh; height: 100dvh; object-fit: cover; transform: scale(1.03); z-index: -2; pointer-events: none; }
.rlm-bg-overlay { position: fixed; top: 0; left: 0; width: 100vw; min-width: 1040px; height: 100vh; height: 100dvh; transform: scale(1.03); z-index: -1; pointer-events: none; background: rgba(4,6,12,.55); }

/* Mago: runas giratorias + levitación */
.rlm-mage-wrap { position: relative; width: 300px; height: 300px; margin: 0 auto 22px; }
.rlm-mage { position: absolute; top: 45px; left: 45px; width: 210px; height: 210px; object-fit: cover; border-radius: 50%; border: 4px solid #f2b13c; box-shadow: 0 0 45px rgba(242,177,60,.45), 0 0 90px rgba(46,155,255,.25); animation: rlm-levitate 4s ease-in-out infinite; }
.rlm-rune-ring { position: absolute; top: 0; left: 0; width: 300px; height: 300px; overflow: visible; }
.rlm-ring-a { animation: rlm-spin 40s linear infinite; }
.rlm-ring-b { animation: rlm-spin-rev 28s linear infinite; }
.rlm-ring-a text { fill: #f2b13c; font-size: 21px; filter: drop-shadow(0 0 6px rgba(242,177,60,.8)); }
.rlm-ring-b text { fill: #2e9bff; font-size: 17px; filter: drop-shadow(0 0 6px rgba(46,155,255,.8)); }
@keyframes rlm-spin { to { transform: rotate(360deg); } }
@keyframes rlm-spin-rev { to { transform: rotate(-360deg); } }
@keyframes rlm-levitate { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }

/* Trueno: destello + rayo cada 3-5 segundos */
.rlm-flash { position: fixed; inset: 0; z-index: 9990; pointer-events: none; opacity: 0; background: radial-gradient(ellipse at 50% 0%, rgba(200,230,255,.95) 0%, rgba(46,155,255,.35) 35%, rgba(4,6,12,0) 70%); }
.rlm-flash.strike { animation: rlm-strike .7s ease-out; }
@keyframes rlm-strike { 0% { opacity: 0; } 6% { opacity: .9; } 12% { opacity: .06; } 20% { opacity: .55; } 34% { opacity: 0; } 100% { opacity: 0; } }
.rlm-bolt-strike { position: fixed; top: -40px; z-index: 9991; pointer-events: none; opacity: 0; width: 110px; height: 340px; background: linear-gradient(180deg, #fff, #9fd0ff 60%, #2e9bff); clip-path: polygon(58% 0, 22% 52%, 46% 52%, 38% 100%, 78% 40%, 54% 40%); filter: drop-shadow(0 0 25px rgba(160,210,255,.95)) drop-shadow(0 0 60px rgba(46,155,255,.7)); }
.rlm-bolt-strike.strike { animation: rlm-bolt-anim .7s ease-out; }
@keyframes rlm-bolt-anim { 0% { opacity: 0; transform: translateY(-40px); } 8% { opacity: 1; } 22% { opacity: 0; transform: translateY(50px); } 100% { opacity: 0; } }

/* Mago en el header (visible en todas las páginas) */
#header { padding: 40px 0 10px; }
.rlm-mage-header { width: 240px; height: 240px; margin: 0 auto; }
.rlm-mage-header .rlm-mage { top: 36px; left: 36px; width: 168px; height: 168px; border-width: 3px; }
.rlm-mage-header .rlm-rune-ring { width: 240px; height: 240px; }

/* Header info: tarjeta exclusiva arriba a la derecha */
.header-info-container { position: absolute; top: 89px; right: max(18px, calc(50% - 502px)); width: auto; max-width: 250px; margin: 0; text-align: right; z-index: 10; }
.header-info { display: inline-block; width: 240px; max-width: 100%; background: linear-gradient(160deg, rgba(12,18,36,.96), rgba(6,10,22,.96)); border: 1px solid rgba(242,177,60,.45); border-radius: 10px; padding: 10px 14px; box-shadow: 0 0 30px rgba(242,177,60,.12), 0 0 60px rgba(46,155,255,.08), inset 0 1px 0 rgba(255,255,255,.06); }
.header-info::before { content: "⚡ ESTADO DEL SERVIDOR"; display: block; font-family: 'Cinzel', serif; font-size: 10px; letter-spacing: 2px; color: #f2b13c; margin-bottom: 6px; text-shadow: 0 0 12px rgba(242,177,60,.5); }
.header-info .header-info-block { padding: 0; }
.header-info .row { margin: 0 0 4px; display: flex; align-items: center; flex-wrap: wrap; }
.header-info .text-left { color: #8b96ad; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; text-align: left; }
.header-info .text-right { text-align: right; }
.header-info .online-count { font-family: 'Cinzel', serif; font-size: 19px !important; color: #2e9bff !important; text-shadow: 0 0 16px rgba(46,155,255,.65); line-height: 1.1; }
.header-info #tServerTime, .header-info #tLocalTime { color: #f2b13c !important; font-size: 12px; font-weight: bold; }
.header-info #tServerDate, .header-info #tLocalDate { color: #8b96ad; font-size: 10px; }
.webengine-online-bar { display: none !important; }
.rlm-stat-row { border-top: 1px solid rgba(242,177,60,.15); padding-top: 4px; }
.rlm-stat-val { color: #f2b13c !important; font-weight: bold; font-size: 12px; }

/* Preloader con el mago (todas las páginas) */
.rlm-loader { position: fixed; inset: 0; z-index: 99999; background: radial-gradient(ellipse at 50% 40%, #0a1226 0%, #04060c 70%); display: flex; flex-direction: column; align-items: center; justify-content: center; transition: opacity .6s ease; animation: rlm-loader-autohide .8s ease 7s forwards; }
@keyframes rlm-loader-autohide { to { opacity: 0; visibility: hidden; pointer-events: none; } }
.rlm-loader.done { opacity: 0; pointer-events: none; }
.rlm-mage-loader { width: 260px; height: 260px; margin: 0 0 26px; }
.rlm-mage-loader .rlm-mage { top: 39px; left: 39px; width: 182px; height: 182px; }
.rlm-mage-loader .rlm-rune-ring { width: 260px; height: 260px; }
.rlm-loader-bar { width: 280px; height: 10px; background: #0a0f1e; border: 1px solid rgba(242,177,60,.4); border-radius: 6px; overflow: hidden; box-shadow: 0 0 18px rgba(242,177,60,.15); }
.rlm-loader-progress { height: 100%; width: 0; background: linear-gradient(90deg, #f2b13c, #2e9bff); box-shadow: 0 0 14px rgba(242,177,60,.7); animation: rlm-load-fill 2.2s ease-in-out infinite; }
@keyframes rlm-load-fill { 0% { width: 0; } 60% { width: 82%; } 100% { width: 100%; } }
.rlm-loader-text { margin-top: 14px; font-family: 'Cinzel', serif; letter-spacing: 5px; color: #f2b13c; font-size: 13px; text-shadow: 0 0 12px rgba(242,177,60,.5); }
.rlm-loader-dots::after { content: ''; animation: rlm-dots 1.2s steps(1) infinite; }
@keyframes rlm-dots { 0% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75% { content: '...'; } }

/* Player profile premium — GIF 3D por clase */
.rlm-player { margin: 10px 0 30px; }
.rlm-player-hero { display: flex; align-items: center; gap: 40px; background: linear-gradient(150deg, rgba(12,18,36,.96), rgba(6,10,22,.97)); border: 1px solid rgba(242,177,60,.35); border-radius: 16px; padding: 34px 40px; box-shadow: 0 0 50px rgba(242,177,60,.08), inset 0 1px 0 rgba(255,255,255,.05); flex-wrap: wrap; }
.rlm-player-stage { position: relative; width: 320px; height: 320px; margin: 0 auto; flex-shrink: 0; }
.rlm-player-portal { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0%, rgba(242,177,60,.55) 12%, transparent 25%, transparent 50%, rgba(46,155,255,.55) 62%, transparent 75%); animation: rlm-spin 10s linear infinite; filter: blur(3px); }
.rlm-player-portal::after { content: ''; position: absolute; inset: 16px; border-radius: 50%; background: #05080f; }
.rlm-player-portal-b { inset: 26px; animation: rlm-spin-rev 16s linear infinite; opacity: .6; }
.rlm-player-portal-b::after { inset: 10px; }
.rlm-player-gif { position: absolute; inset: 44px; width: 232px; height: 232px; object-fit: contain; animation: rlm-levitate 4s ease-in-out infinite; filter: drop-shadow(0 0 28px rgba(242,177,60,.35)); z-index: 2; }
.rlm-player-head { flex: 1; min-width: 260px; text-align: left; }
.rlm-pstatus { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; padding: 6px 16px; border-radius: 20px; margin-bottom: 14px; }
.rlm-pstatus-on { color: #5dff8f; border: 1px solid rgba(93,255,143,.4); background: rgba(93,255,143,.08); box-shadow: 0 0 16px rgba(93,255,143,.2); }
.rlm-pstatus-off { color: #8b96ad; border: 1px solid rgba(139,150,173,.35); background: rgba(139,150,173,.07); }
.rlm-pdot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.rlm-pstatus-on .rlm-pdot { animation: rlm-blink 1.6s ease-in-out infinite; }
@keyframes rlm-blink { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
.rlm-player-name { font-family: 'Cinzel', serif; font-size: 44px; color: #fff; margin: 0 0 6px; text-shadow: 0 0 24px rgba(242,177,60,.35); letter-spacing: 2px; word-break: break-word; }
.rlm-player-class { font-family: 'Cinzel', serif; font-size: 18px; color: #f2b13c; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 10px; }
.rlm-player-guild a { color: #2e9bff; font-size: 15px; font-weight: bold; text-decoration: none; }
.rlm-player-guild a:hover { color: #8fd0ff; }
.rlm-player-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin-top: 18px; }
.rlm-pstat { background: linear-gradient(160deg, rgba(12,18,36,.95), rgba(6,10,22,.95)); border: 1px solid rgba(242,177,60,.28); border-radius: 10px; padding: 14px 10px; text-align: center; transition: transform .2s, box-shadow .2s; }
.rlm-pstat:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(242,177,60,.15); border-color: rgba(242,177,60,.55); }
.rlm-pstat-label { display: block; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #8b96ad; margin-bottom: 8px; }
.rlm-pstat-val { font-family: 'Cinzel', serif; font-size: 22px; color: #f2b13c; text-shadow: 0 0 12px rgba(242,177,60,.4); }