/* L2LOYAL UCP visual skin
   Backend, PHP engines and payment/IPN logic remain untouched. */

:root{
  --loyal-bg:#07090b;
  --loyal-panel:#11100e;
  --loyal-panel-2:#17130f;
  --loyal-gold:#c99845;
  --loyal-gold-light:#e5c27a;
  --loyal-line:rgba(201,152,69,.35);
  --loyal-text:#d8d0c3;
  --loyal-muted:#81786c;
  --loyal-danger:#8e2e22;
  --loyal-success:#54763f;
}



*{box-sizing:border-box}
html,body{min-height:100%;margin:0!important;background:var(--loyal-bg)!important;color:var(--loyal-text)!important}
body{
  font-family:Arial,Helvetica,sans-serif!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(139,93,31,.10),transparent 28%),
    radial-gradient(circle at 88% 22%,rgba(83,42,23,.12),transparent 32%),
    linear-gradient(rgba(5,7,8,.94),rgba(5,7,8,.97)),
    url('../imgs/bg-top.jpg') center top/cover fixed!important;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(135deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.018) 50%,rgba(255,255,255,.018) 75%,transparent 75%);background-size:10px 10px;z-index:0}
a{color:var(--loyal-gold-light)!important;text-decoration:none!important;transition:.2s ease}
a:hover{color:#fff0c9!important}

.server_status{display:none!important}
.euphoria-logo{display:none!important}
section[class]{position:relative;z-index:1;width:min(1240px,calc(100% - 40px))!important;margin:28px auto 60px!important;background:transparent!important}
.header{
  min-height:86px!important;height:auto!important;padding:0 28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  background:linear-gradient(180deg,rgba(24,19,14,.98),rgba(11,10,9,.98))!important;border:1px solid var(--loyal-line)!important;border-bottom-color:rgba(229,194,122,.55)!important;box-shadow:0 18px 55px rgba(0,0,0,.5)!important
}
.header:before{content:"LINEAGE II";position:absolute;left:30px;top:18px;color:#8e7d68;font-family:Georgia,serif;font-size:10px;letter-spacing:5px}
.header .server-name{font-family:Georgia,'Times New Roman',serif!important;font-size:28px!important;letter-spacing:4px!important;text-transform:uppercase!important;color:#ead7b8!important;padding-top:14px!important;text-shadow:0 0 22px rgba(201,152,69,.2)}
.header .server-name:after{content:"  •  ACCOUNT PANEL";font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;color:var(--loyal-gold)}
.icon-top{display:none!important}
.header>div[style]{float:none!important;display:flex;align-items:center;gap:20px}
.langs{font-size:10px!important;letter-spacing:1px;text-transform:uppercase;color:var(--loyal-muted)!important}
.langs span{display:inline-flex!important;gap:6px;margin-left:8px}
.langs a{filter:grayscale(1);opacity:.65}.langs a:hover{filter:none;opacity:1}
.opts{display:flex!important;gap:8px}.opts a{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid var(--loyal-line)!important;background:#0b0a08!important;color:var(--loyal-gold)!important}

.all{display:grid!important;grid-template-columns:255px 1fr!important;gap:18px!important;width:100%!important;margin:18px 0 0!important;background:transparent!important;min-height:640px!important}
.menu{width:auto!important;float:none!important;background:linear-gradient(180deg,#15110e,#090908)!important;border:1px solid var(--loyal-line)!important;box-shadow:0 24px 65px rgba(0,0,0,.35)!important;padding:18px 0!important}
.menu>div,.menu>div>div{width:100%!important}
.miniLogo{height:92px!important;margin:0 18px 18px!important;background:none!important;position:relative!important;border-bottom:1px solid rgba(201,152,69,.2)!important}
.miniLogo:before{content:"L2Tastic";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:35px;letter-spacing:5px;color:#e5d3b7;text-shadow:0 0 18px rgba(201,152,69,.25)}
.miniLogo:after{content:"INTERLUDE x200";position:absolute;left:0;right:0;bottom:11px;text-align:center;font-size:9px;letter-spacing:3px;color:var(--loyal-gold)}
nav,nav nav{width:100%!important;display:block!important;padding:0!important;margin:0!important;background:none!important}
nav>a,nav>span{position:relative!important;width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;padding:0 18px!important;margin:0!important;border:0!important;border-left:2px solid transparent!important;background:transparent!important;color:#a9a094!important;font-size:11px!important;letter-spacing:1.5px!important;text-transform:uppercase!important}
nav>a:hover,nav>span:hover,nav .actived{background:linear-gradient(90deg,rgba(201,152,69,.14),transparent)!important;border-left-color:var(--loyal-gold)!important;color:#f2dfba!important}
nav .icon{width:34px!important;color:var(--loyal-gold)!important;font-size:14px!important;background:none!important}
nav>span{display:block!important;padding:0!important}
nav>span>span{display:flex!important;align-items:center!important;min-height:48px!important;padding:0 18px!important}
.dropdown{position:static!important;display:none!important;width:100%!important;padding:4px 0 8px 50px!important;background:#090807!important;border:0!important;box-shadow:none!important}
nav>span:hover .dropdown{display:block!important}
.dropdown a{display:block!important;padding:9px 8px!important;color:#81776a!important;font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase!important}.dropdown a:hover{color:var(--loyal-gold-light)!important}

.bluArea{grid-column:2!important;grid-row:1!important;width:auto!important;float:none!important;background:linear-gradient(180deg,#16120e,#0c0b09)!important;border:1px solid var(--loyal-line)!important;min-height:190px!important;padding:0!important;overflow:hidden!important}
.loggedInfo{display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(320px,1.25fr)!important;gap:0!important;min-height:190px!important;background:none!important;position:relative!important}
.blue-bg-5,.donbox1,.donbox,.endbox{background:none!important}
.userCts{display:flex!important;align-items:center!important;gap:18px!important;padding:28px!important;border-right:1px solid rgba(201,152,69,.2)!important;min-height:190px!important}
.avatar{width:84px!important;height:84px!important;border:1px solid var(--loyal-line)!important;padding:5px!important;background:#080706!important;box-shadow:0 12px 28px rgba(0,0,0,.45)!important}.avatar div,.avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
.acc{font-size:11px!important;letter-spacing:2px!important;text-transform:uppercase!important;color:var(--loyal-gold)!important}.acc span{display:block!important;margin-top:7px!important;color:#8f8578!important;font-size:10px!important;letter-spacing:1px!important;text-transform:none!important}
.altpass{position:absolute!important;left:130px!important;bottom:32px!important;font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase!important}
.saldo{padding:30px 28px 12px!important;color:#8c8275!important;font-size:10px!important;letter-spacing:2px!important;text-transform:uppercase!important}.saldo>span{display:block!important;margin-top:8px!important;color:#eee0c8!important;font-family:Georgia,serif!important;font-size:30px!important;letter-spacing:0!important;text-transform:none!important}
.donateButtons{padding:8px 28px 25px!important}.donateButtons .one,.donateButtons .two{display:flex!important;gap:8px!important}.donateButtons a{flex:1!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--loyal-line)!important;background:#0b0a08!important;color:#bdb2a3!important;font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase!important}.donateButtons a:hover{background:linear-gradient(180deg,#cda355,#9d6d2b)!important;color:#120d07!important}.donateButtons .icon{margin-right:7px!important}

.whitArea{grid-column:2!important;grid-row:2!important;width:auto!important;float:none!important;background:linear-gradient(180deg,rgba(17,15,13,.98),rgba(8,8,8,.98))!important;border:1px solid var(--loyal-line)!important;padding:34px!important;min-height:430px!important;color:var(--loyal-text)!important}
article{width:100%!important;float:none!important;margin:0!important;padding:0!important;background:none!important;color:var(--loyal-text)!important;box-shadow:none!important}
article h1,article h2,article h3,.euphoria-sign-title{font-family:Georgia,'Times New Roman',serif!important;color:#eadbc1!important;text-shadow:none!important;letter-spacing:.5px!important}
article h1{border-bottom:1px solid rgba(201,152,69,.22)!important;padding:0 0 18px!important;margin:0 0 24px!important;width:100%!important}
.breadcrumb{margin:0 0 25px!important;padding:0 0 14px!important;border-bottom:1px solid rgba(201,152,69,.18)!important;color:#8a8175!important}.breadcrumb li{font-size:10px!important;letter-spacing:2px!important;text-transform:uppercase!important}

.formpadrao{display:block!important;width:100%!important;margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important}.formpadrao>div{display:grid!important;grid-template-columns:170px 1fr!important;align-items:center!important;background:none!important;border:0!important}.formpadrao .desc{width:auto!important;height:auto!important;line-height:normal!important;padding:0 18px 0 0!important;float:none!important;text-align:left!important;color:var(--loyal-gold)!important;font-size:10px!important;font-weight:bold!important;letter-spacing:1.5px!important;text-transform:uppercase!important}.formpadrao .camp{height:auto!important;line-height:normal!important;float:none!important}.formpadrao input[type=text],.formpadrao input[type=password],.formpadrao input[type=email],.formpadrao select,textarea{width: 100%!important;max-width:none!important;height: 40px!important;margin:0!important;padding: 0 10px!important;background:#080807!important;border:1px solid rgba(201,152,69,.3)!important;border-radius:0!important;color:#d9d0c2!important;box-shadow:inset 0 1px 8px rgba(0,0,0,.55)!important;outline:none!important}.formpadrao input:focus,.formpadrao select:focus,textarea:focus{border-color:var(--loyal-gold)!important;background:#0d0b09!important}
.default,input.default,a.default{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:180px!important;min-height:44px!important;padding:0 25px!important;background:linear-gradient(180deg,#ddb665,#a87029)!important;border:1px solid #e7c57e!important;border-radius:0!important;color:#1a1007!important;font-family:Georgia,serif!important;font-size:12px!important;font-weight:bold!important;letter-spacing:1px!important;text-transform:uppercase!important;box-shadow:inset 0 1px rgba(255,255,255,.35),0 8px 22px rgba(0,0,0,.28)!important}.default:hover,input.default:hover,a.default:hover{filter:brightness(1.1)!important;color:#120a04!important}
.grayArea{padding:15px!important;margin:14px 0!important;background:#0a0908!important;border:1px solid rgba(201,152,69,.18)!important;color:#81786d!important}
.smallCenter{width:min(520px,100%)!important;margin:0 auto!important;padding:34px!important;background:#0e0c0a!important;border:1px solid var(--loyal-line)!important}.accessButton{text-align:center!important;margin-top:22px!important}

/* tables and lists */
table.default,table{width:100%!important;border-collapse:collapse!important;background:#0c0b09!important;border:1px solid var(--loyal-line)!important;color:var(--loyal-text)!important}table th{padding:13px!important;background:#18130e!important;color:var(--loyal-gold-light)!important;font-size:10px!important;letter-spacing:1.4px!important;text-transform:uppercase!important;border-bottom:1px solid var(--loyal-line)!important}table td{padding:12px!important;border-bottom:1px solid rgba(201,152,69,.12)!important;color:#aaa194!important}table tr:hover td{background:rgba(201,152,69,.05)!important}
.rmsg{width:100%!important;padding:14px 16px!important;border-radius:0!important;border:1px solid rgba(84,118,63,.6)!important;background:rgba(49,77,37,.45)!important;color:#e4eddc!important}.rmsg.error{background:rgba(91,25,18,.58)!important;border-color:rgba(142,46,34,.7)!important}.rmsg.warn{background:rgba(99,69,18,.5)!important;border-color:rgba(201,152,69,.7)!important;color:#f0dfbd!important}

/* modal/alerts */
#backblack{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.86)!important;opacity:1!important;z-index:9998!important;backdrop-filter:blur(3px)}
#alerta,#modal{position:fixed!important;left:50vw!important;top:50vh!important;transform:translate(-50%,-50%)!important;width:min(470px,calc(100vw - 34px))!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;margin:0!important;padding:28px!important;background:linear-gradient(145deg,#1a1510,#0b0908)!important;border:1px solid rgba(201,152,69,.65)!important;border-radius:0!important;color:#d8cfc1!important;box-shadow:0 35px 100px rgba(0,0,0,.85)!important;z-index:9999!important}
#alerta .ok{display:table!important;width:100%!important;margin-top:20px!important}#alerta .ok>div{float:right!important;min-width:90px!important;padding:10px 20px!important;background:linear-gradient(180deg,#ddb665,#a87029)!important;border:1px solid #e7c57e!important;color:#1a1007!important;text-align:center!important;text-transform:uppercase!important;font-size:11px!important;font-weight:bold!important;cursor:pointer!important}

/* CAPTCHA */
.captcha{
    display:flex;
    align-items:center;
    gap:8px;
}

.captchaImage{
    display:block;
    height: 36px;
    border: 0px solid var(--loyal-line)!important;
    background:#000!important;
}

/* Botón refrescar */
.captcha a,
.captcha-refresh{display:flex!important;align-items:center;justify-content:center;width: 450px!important;height:40px!important;margin:0!important;padding:0!important;border:1px solid var(--loyal-line)!important;background:#0a0908!important;transition:.2s;}

.captcha a:hover,
.captcha-refresh:hover{
    background:#1d140c!important;
    border-color:#c88f2d!important;
}

/* Icono */
.captcha-refresh img,
.captcha a img{
    display:block;
    width:18px;
    height:18px;
}
@media(max-width:900px){
  section[class]{width:min(100% - 20px,760px)!important;margin-top:10px!important}.header{padding:0 16px!important}.header .server-name{font-size:20px!important}.header .server-name:after{display:none}.langs{display:none!important}
  .all{grid-template-columns:1fr!important}.menu{grid-column:1!important;grid-row:1!important}.bluArea{grid-column:1!important;grid-row:2!important}.whitArea{grid-column:1!important;grid-row:3!important;padding:20px!important}.loggedInfo{grid-template-columns:1fr!important}.userCts{border-right:0!important;border-bottom:1px solid rgba(201,152,69,.2)!important}.formpadrao>div{grid-template-columns:1fr!important;gap:8px!important}.formpadrao .desc{padding:0!important}.dropdown{display:block!important}.menu{padding-bottom:10px!important}
}
/* ==========================================
   L2LOYAL - ACCOUNT INSIDE SIDEBAR
========================================== */

.sidebar-account {
    box-sizing: border-box;
    padding: 24px 18px 22px;
    border-top: 1px solid rgba(154, 105, 29, 0.4);
    background:
        linear-gradient(
            180deg,
            rgba(23, 17, 11, 0.9),
            rgba(9, 9, 8, 0.98)
        );
}

.sidebar-user {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(154, 105, 29, 0.25);
}

.sidebar-avatar {
    box-sizing: border-box;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    padding: 3px;
    border: 1px solid #76501a;
    background: #080706;
}

.sidebar-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-user-data {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 5px;
}

.sidebar-user-data strong {
    overflow: hidden;
    color: #ddb052;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.sidebar-user-data span {
    color: #716b62;
    font-size: 8px;
    line-height: 1.4;
}

.sidebar-balance {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 90px;
    margin: 16px 0;
    border: 1px solid rgba(139, 94, 24, 0.55);
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(184, 126, 35, 0.12),
            transparent 65%
        ),
        #090806;
    text-align: center;
}

.sidebar-balance span {
    color: #857b6d;
    font-size: 8px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.sidebar-balance strong {
    margin-top: 7px;
    color: #eee0c3;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
}

.sidebar-balance small {
    margin-top: 5px;
    color: #c18a2c;
    font-size: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.sidebar-actions {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sidebar-actions a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 9px 11px;
    border: 1px solid rgba(123, 84, 24, 0.42);
    background:
        linear-gradient(
            180deg,
            rgba(27, 20, 12, 0.92),
            rgba(12, 10, 8, 0.96)
        );
    color: #aaa092;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s ease;
}

.sidebar-actions a i {
    width: 17px;
    color: #d09a36;
    font-size: 11px;
    text-align: center;
}

.sidebar-actions a:hover {
    border-color: #bc842b;
    background:
        linear-gradient(
            180deg,
            rgba(48, 33, 15, 0.96),
            rgba(19, 14, 9, 0.98)
        );
    color: #f1dfc0;
    padding-left: 14px;
}