/* Aevix MU - presentation layer for WebEngine 1.2.7 */
:root {
 --av-gold:#c4a264; --av-light:#f0dbac; --av-border:#8b7244; --av-body:#d2d0c9;
 --webenginebg1:#06090b; --webenginebg2:#0b0e10; --webenginebg3:#080b0d;
 --webenginecolor1:#e0bc76; --webenginecolor2:#e4dfd3; --webenginecolor3:#dcc18b; --webenginecolor4:#fff0c9;
 --webenginecolor5:#191812; --webenginecolor6:#eedab2; --webenginecolor7:#8b7244;
 --webenginecolor8:#302619; --webenginecolor9:#ffedcc; --webenginecolor10:#967747;
 --webenginecolor11:#514027; --webenginecolor12:#fff3db; --webenginecolor13:#e2bb73;
 --webenginecolor14:#ada99e; --webenginecolor15:#101417; --webenginecolor16:#403a2d; --webenginecolor17:#ece4d4; --webenginecolor18:#b39054;
 --webenginecolor19:#ead8b2; --webenginecolor20:#fff1d3; --webenginecolor21:#433b2c; --webenginecolor22:#0c0e10; --webenginecolor23:#aca69b;
 --webenginecolor24:#171917; --webenginecolor25:#d9be88; --webenginecolor26:#f3d9a3; --webenginecolor27:#101416; --webenginecolor28:#1b1d1d;
 --webenginecolor29:#201b13; --webenginecolor30:#b78d47; --webenginecolor31:#19160f; --webenginecolor32:#ebc98b; --webenginecolor33:#e2c895;
 --webenginecolor34:#080b0d; --webenginecolor35:#b8b1a5; --webenginecolor36:#ff9d88; --webenginecolor37:#e1c799; --webenginecolor38:#fff0cf;
 --webenginecolor39:#141616; --webenginecolor40:#e1c799; --webenginecolor41:#fff0cf; --webenginecolor42:rgba(6,9,11,.9); --webenginecolor43:#705b35;
 --webenginecolor44:#d5cbbc; --webenginecolor45:rgba(0,0,0,.7); --webenginecolor46:#000; --webenginecolor47:#f4e4c7; --webenginecolor48:#c4b79f;
 --webenginecolor49:#a6e6a1; --webenginecolor50:#080a0b; --webenginecolor51:#5e4d31; --webenginecolor52:#a6e6a1; --webenginecolor53:#000;
 --webenginecolor54:#14191c; --webenginecolor55:rgba(0,0,0,.5); --webenginecolor56:#000; --webenginecolor57:#ddcdad;
 --webenginecolor58:#090c0e; --webenginecolor59:#f4e4c7; --webenginecolor60:#f0cf91; --webenginecolor61:#ead9b8; --webenginecolor62:rgba(0,0,0,.5); --webenginecolor63:#4e422d;
}
html { min-width:0; scroll-behavior:smooth; }
body.av-site { margin:0; min-width:320px; background:#06090b !important; color:var(--av-body); font:15px/1.55 Georgia,'Times New Roman',serif; }
.av-site *, .av-site *::before, .av-site *::after { box-sizing:border-box; }
.av-site a { color:var(--av-light); text-decoration:none; transition:color .2s,background .2s,border-color .2s; }
.av-site a:hover { color:#fff3d9; text-decoration:none; }
.av-site a:focus-visible,.av-site button:focus-visible,.av-site input:focus-visible { outline:2px solid #f3ce80; outline-offset:4px; }
.av-site h1,.av-site h2,.av-site h3,.av-site p { margin-top:0; }
.av-site img { max-width:100%; }
.av-backdrop { position:absolute; inset:0 0 auto; height:780px; pointer-events:none; z-index:0; background:linear-gradient(to bottom,transparent 55%,#06090b 100%),url('../img/aevix/hero.jpg') center top / max(1440px,100%) auto no-repeat; }
.av-shell { width:min(1120px,calc(100% - 48px)); margin:auto; position:relative; }
.av-frame { position:relative; border:1px solid var(--av-border); background:linear-gradient(120deg,rgba(17,20,21,.97),rgba(5,8,10,.98)); box-shadow:inset 0 0 0 3px #080b0c,inset 0 0 0 4px #30291c,0 5px 22px #0008; }
.av-frame::before,.av-frame::after { content:''; position:absolute; pointer-events:none; width:15px; height:15px; z-index:2; }
.av-frame::before { left:3px; top:3px; border-left:2px solid #d8b66f; border-top:2px solid #d8b66f; transform:skew(-14deg); }
.av-frame::after { right:3px; bottom:3px; border-right:2px solid #d8b66f; border-bottom:2px solid #d8b66f; transform:skew(-14deg); }
.av-nav { display:flex; align-items:center; justify-content:center; margin:0 auto; width:min(820px,calc(100% - 32px)); min-height:44px; z-index:3; }
.av-nav a { padding:11px 28px; font-size:12px; letter-spacing:1px; text-transform:uppercase; color:#f4e6c7; position:relative; }
.av-nav a+a::before { content:''; position:absolute; left:0; top:25%; height:50%; width:1px; background:linear-gradient(transparent,#7d6740,transparent); }
.av-nav a[aria-current],.av-nav a:hover { color:#ffda8a; text-shadow:0 0 13px #9c7533; }
.av-hero { height:343px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; z-index:1; }
.av-hero h1 { width:390px; max-width:76vw; line-height:0; margin:4px 0 3px; }
.av-logo { width:100%; height:auto; filter:drop-shadow(0 5px 8px #000); }
.av-tagline { color:#f1e1b8; text-transform:uppercase; letter-spacing:5px; font-size:17px; text-shadow:0 2px 5px #000; margin:0 0 18px; }
.av-hero-actions { display:flex; gap:25px; }
.av-button { display:inline-flex; align-items:center; justify-content:center; gap:13px; min-height:51px; padding:12px 30px; border:1px solid #c6a15f; background:linear-gradient(115deg,#171816,#372b18 40%,#0b0d0e); box-shadow:inset 0 0 0 3px #15130f,inset 0 0 0 4px #74603b,0 2px 8px #0008; color:#fbe9c2 !important; text-transform:uppercase; font:16px Georgia,serif; letter-spacing:.6px; cursor:pointer; }
.av-button:hover { background:linear-gradient(115deg,#3b3020,#514026 40%,#201b13); border-color:#ffe3a3; }
.av-button .av-icon { color:#d7b570; }
.av-icon { width:23px; height:23px; flex-shrink:0; vertical-align:middle; }
.av-stats { display:grid; grid-template-columns:repeat(4,1fr); min-height:64px; margin-bottom:8px; }
.av-stats>div { display:flex; align-items:center; justify-content:center; gap:20px; position:relative; padding:11px 15px; }
.av-stats>div+div::before { content:''; height:36px; width:1px; position:absolute; left:0; background:linear-gradient(transparent,#ad8b50,transparent); }
.av-stats p { margin:0; }
.av-stats p>span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:1.8px; color:#c5bda9; }
.av-stats strong { display:block; font-size:13px; font-weight:400; text-transform:uppercase; color:#f0e6d1; letter-spacing:1px; overflow-wrap:anywhere; }
.av-stats .av-icon { width:28px; height:28px; color:#d6b980; }
.av-status-dot { width:10px; height:10px; border-radius:50%; background:#a4d99f; box-shadow:0 0 8px #80b779; }
.av-status-dot.av-unknown { background:#a2957b; box-shadow:none; }
.av-home-grid { display:grid; grid-template-columns:1.91fr 1fr; gap:12px; align-items:stretch; }
.av-panel-title { margin:0 17px; min-height:48px; display:flex; justify-content:space-between; align-items:center; gap:10px; border-bottom:1px solid #4d432f; }
.av-panel-title h2 { display:flex; align-items:center; gap:15px; font:16px Georgia,serif; text-transform:uppercase; letter-spacing:1.4px; color:#f4e5c5; margin:0; }
.av-panel-title .av-icon { color:#dabb78; width:21px; }
.av-panel-title>a { font-size:10px; text-transform:uppercase; letter-spacing:1px; white-space:nowrap; }
.av-news-list { padding:0 17px 15px; }
.av-news-row { display:grid; grid-template-columns:33% 1fr; gap:20px; padding:14px 0; border-bottom:1px solid #373227; min-height:124px; align-items:center; }
.av-news-row:last-child { border-bottom:0; }
.av-news-image { display:block; height:100px; border:1px solid #79613c; box-shadow:inset 0 0 0 2px #121515; background-size:cover; }
.av-news-image-0 { background-image:url('../img/aevix/world.jpg'); background-position:center 25%; }
.av-news-image-1 { background-image:url('../img/aevix/warriors.jpg'); background-position:12% 14%; background-size:170%; }
.av-news-image-2 { background-image:url('../img/aevix/hero.jpg'); background-position:center; }
.av-news-row h3 { color:#efdab0; font-size:17px; line-height:1.35; margin:0 0 8px; overflow-wrap:anywhere; }
.av-news-row p { color:#c4c4bd; font-size:14px; line-height:1.5; margin:0 0 5px; }
.av-date { color:#b1aca1; font-size:11px; }
.av-aside { display:grid; gap:10px; align-content:start; }
.av-login { padding:11px 17px 12px; }
.av-input { display:flex; align-items:center; gap:10px; border:1px solid #3b3d3b; background:linear-gradient(#151b1e,#101416); margin-bottom:8px; padding:0 11px; height:34px; color:#b8b8b0; }
.av-input .av-icon { width:15px; height:15px; }
.av-input input { border:0 !important; border-radius:0 !important; background:transparent !important; color:#f5e9d0 !important; box-shadow:none !important; width:100%; height:30px; padding:0 !important; font:13px Georgia,serif; }
.av-input input::placeholder { color:#aaa99f; opacity:1; }
.av-input:focus-within { border-color:#dab578; }
.av-input input:focus-visible { outline:none; }
.av-input input:-webkit-autofill { -webkit-text-fill-color:#f5e9d0; box-shadow:0 0 0 1000px #13191c inset !important; caret-color:#f5e9d0; }
.av-button-small { min-height:32px; font-size:12px; padding:7px 15px; }
.av-login .av-button { width:100%; }
.av-login-links { display:flex; justify-content:center; gap:17px; padding-top:8px; font-size:10px; }
.av-login-links a { color:#c6c2b8; }
.av-login-links a+a { border-left:1px solid #625239; padding-left:17px; }
.av-event { display:grid; grid-template-columns:74px 1fr 22px; align-items:center; gap:12px; margin:0 17px; padding:8px 0; border-bottom:1px solid #383429; }
.av-event h3 { color:#e6cd9e; font-size:14px; margin:0 0 1px; }
.av-event-next,.av-event-count { font-size:11px; line-height:1.3; color:#b8b7af; display:block; }
.av-event-count { color:#d9c9a5; font-size:10px; min-height:13px; }
.av-event .av-icon { color:#c4aa75; }
.av-event-art { height:39px; border:1px solid #685331; background-size:240%; background-image:url('../img/aevix/hero.jpg'); }
.av-event-art-0 { background-position:right center; }
.av-event-art-1 { background-position:left center; }
.av-event-art-2 { background-position:center center; }
.av-event[data-event="chaoscastle"] .av-event-art {
 background-image:url('../img/aevix/events/chaos-castle.jpg');
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
}
.av-events-link { display:flex; justify-content:space-between; margin:8px 17px 12px; min-height:28px; font-size:10px; padding:5px 14px; }
.av-events-link .av-icon { width:13px; height:13px; }
.av-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:12px; }
.av-card { min-height:130px; display:flex; align-items:center; justify-content:flex-end; gap:12px; padding:20px 18px; background-position:center; background-size:cover; }
.av-card-guide { background-image:linear-gradient(90deg,#0000,#05090bb3 52%),url('../img/aevix/guide.jpg'); }
.av-card-rankings { background-image:linear-gradient(90deg,#0000,#05090ba6 52%),url('../img/aevix/rankings.jpg'); }
.av-card-community { background-image:linear-gradient(90deg,#0004,#05090bd9 52%),url('../img/aevix/world.jpg'); background-position:center 25%; }
.av-card h2 { color:#f0d8a1; font:14px Georgia,serif; text-transform:uppercase; letter-spacing:.6px; margin:0 0 8px; }
.av-card p { font-size:12px; line-height:1.5; color:#d8d7cd; margin:0; }
.av-card .av-icon { width:28px; height:28px; padding:6px; border:1px solid #bb9653; border-radius:50%; background:#080c0f; color:#f6d286; }
.av-card:hover { border-color:#f3d69a; }
.av-footer { padding:25px 0 20px; text-align:center; color:#aaa395; font-size:11px; }
.av-footer-mark { display:flex; justify-content:space-between; align-items:center; gap:20px; color:#c1a16b; text-transform:uppercase; letter-spacing:3px; font-size:9px; }
.av-footer-mark a { width:130px; }
.av-footer-mark span { flex:1; }
.av-footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; margin:12px 0 7px; }
.av-clocks { margin-bottom:7px; font-family:Arial,sans-serif; font-size:10px; }
.av-footer small { color:#9f9b91; }
.av-module { padding:26px; min-height:200px; overflow:auto; }
.av-module #content { padding:0; width:100%; min-height:0; }
.av-module #content::after { content:''; display:block; clear:both; }
.av-module .page-title { font:26px Georgia,serif; color:#edd3a0; }
.av-site .form-control { background:#11171b; border-color:#706044; color:#eee3cc; }
.av-site .btn-default,.av-site .btn-primary { background:#332a1e; border:1px solid #9b7d48; color:#f3dfb8; }
.av-site .btn-default:hover,.av-site .btn-primary:hover { background:#51402a; }
.av-site .table>tbody>tr>td,.av-site .table>thead>tr>th { border-color:#403a2d; }
.av-site .well,.av-site .modal-content,.av-site .dropdown-menu { background:#111618; color:#e4dbca; border-color:#706044; }
.av-site .dropdown-menu>li>a { color:#e4dbca; }
.av-site .dropdown-menu>li>a:hover { background:#33291e; }
.av-site .panel-usercp { background:#101416; }
.av-account-links { padding:12px 17px; font-size:13px; }
.av-account-links ul { list-style:none; padding:0; margin:0 0 12px; }
.av-account-links li { display:flex; align-items:center; gap:8px; padding:4px 0; }
.av-account-links li img { width:17px; height:17px; }
.av-inner .av-hero { height:290px; }
.av-inner .av-hero h1 { width:290px; }
.av-inner .av-tagline { font-size:13px; }
.av-inner .av-hero .av-button { min-height:40px; font-size:13px; }
.av-custom-page h2 { color:#efdbb3; font-size:25px; }
.av-custom-page h3 { color:#e1c392; font-size:20px; }
.av-guide-steps { padding-left:25px; }
.av-guide-steps li { padding:18px 0; }
.av-socials { display:flex; gap:15px; flex-wrap:wrap; margin-top:25px; }
.av-full-events { max-width:640px; }
.av-full-events .av-event { margin:0; padding:17px 0; grid-template-columns:100px 1fr 25px; }
.av-full-events .av-event-art { height:65px; }
.av-note { padding:10px 17px; }
.av-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.av-skip { position:absolute; left:16px; top:-100px; z-index:10; background:#080a0c; padding:12px; }
.av-skip:focus { top:12px; }
@media(min-width:1800px) { .av-backdrop { background-size:100% auto; } }
@media(max-width:1000px) {
 .av-shell { width:calc(100% - 32px); }
 .av-home-grid { grid-template-columns:1.65fr 1fr; }
 .av-news-row { gap:13px; }
 .av-news-row h3 { font-size:16px; }
 .av-panel-title h2 { font-size:14px; gap:8px; }
 .av-card { padding:17px 12px; }
 .av-card h2 { font-size:12px; }
 .av-card .av-icon { display:none; }
}
@media(max-width:760px) {
 .av-nav { flex-wrap:wrap; width:calc(100% - 24px); }
 .av-nav a { padding:10px 13px; font-size:10px; }
 .av-hero { height:305px; }
 .av-hero h1 { width:320px; }
 .av-tagline { font-size:11px; letter-spacing:3px; }
 .av-hero-actions { gap:12px; }
 .av-hero-actions .av-button { min-height:43px; font-size:12px; padding:10px 18px; gap:8px; }
 .av-hero-actions .av-icon { width:16px; }
 .av-backdrop { background-size:auto 420px; background-position:center top; }
 .av-stats { grid-template-columns:repeat(2,1fr); }
 .av-stats>div { justify-content:flex-start; gap:13px; padding:12px 18px; }
 .av-stats>div:nth-child(3),.av-stats>div:nth-child(4) { border-top:1px solid #4d4027; }
 .av-stats>div:nth-child(3)::before { display:none; }
 .av-stats strong { font-size:11px; }
 .av-home-grid { grid-template-columns:1fr; }
 .av-news-row { min-height:118px; }
 .av-news-image { height:95px; }
 .av-aside { grid-template-columns:1fr 1fr; align-items:start; }
 .av-cards { grid-template-columns:1fr; }
 .av-card { min-height:120px; padding-right:25px; }
 .av-card .av-icon { display:block; }
 .av-card h2 { font-size:16px; }
 .av-card p { font-size:14px; }
 .av-footer-mark span { letter-spacing:1px; font-size:8px; }
 .av-module { padding:18px; }
 .av-module .col-xs-8.col-xs-offset-2 { width:100%; margin-left:0; }
}
@media(max-width:540px) {
 .av-shell { width:calc(100% - 20px); }
 .av-aside { grid-template-columns:1fr; }
 .av-panel-title { margin:0 12px; }
 .av-news-list { padding:0 12px 10px; }
 .av-news-row { grid-template-columns:30% 1fr; gap:12px; }
 .av-news-row p { font-size:12px; }
 .av-news-row h3 { font-size:15px; }
 .av-news-image { height:100px; }
 .av-footer-mark span { display:none; }
 .av-footer-mark { justify-content:center; }
 .av-hero h1 { max-width:82vw; }
 .av-tagline { letter-spacing:2px; }
 .av-stats p>span { font-size:9px; }
 .av-stats>div { padding-left:12px; gap:10px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .av-site * { transition:none !important; } }

/* Botones anclados a 16px sobre la barra de información en PC y móvil. */
.av-home .av-hero {
  height: 343px;
  display: block;
  position: relative;
  z-index: 1;
}
/* El arte hero.jpg ya contiene Aevix MU. Ocultar el segundo logo evita el efecto duplicado. */
.av-home .av-hero h1 { display: none; }
.av-home .av-tagline {
  position: absolute;
  z-index: 1;
  top: 221px;
  left: 50%;
  width: 100%;
  margin: 0;
  transform: translateX(-50%);
  color: #f1e1b8;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 15px;
  text-shadow: 0 2px 5px #000;
}
.av-home .av-hero-actions {
  position: absolute;
  z-index: 1;
  bottom: 16px;
  left: 50%;
  display: flex;
  gap: 18px;
  transform: translateX(-50%);
}
.av-home .av-hero-actions .av-button {
  width: 174px;
  min-height: 44px;
  padding: 9px 18px;
  gap: 9px;
  font-size: 13px;
  letter-spacing: .45px;
}
.av-home .av-hero-actions .av-icon {
  width: 18px;
  height: 18px;
}

/* En páginas internas tampoco se duplica el logo incluido en el arte principal. */
.av-inner .av-hero h1 { display: none; }
.av-inner .av-hero {
  height: 250px;
  justify-content: flex-end;
  padding-bottom: 24px;
}
.av-inner .av-tagline { margin-bottom: 14px; }
.av-inner .av-hero-actions .av-button {
  min-height: 42px;
  padding: 9px 20px;
  font-size: 12px;
}

@media (max-width: 760px) {
  .av-home .av-hero { height: 305px; }
  .av-home .av-tagline {
    top: 184px;
    padding: 0 16px;
    font-size: 11px;
    letter-spacing: 3px;
  }
  .av-home .av-hero-actions {
    gap: 12px;
  }
  .av-home .av-hero-actions .av-button {
    width: 145px;
    min-height: 42px;
    padding: 8px 12px;
    font-size: 11px;
  }
  .av-inner .av-hero { height: 220px; }
}

/* 2026-10-02 — corrección PC: conservar el ancho original y bajar SOLO el panel inferior.
   La altura crece de forma limitada en monitores anchos para que el panel de
   Versión/Jugadores/Experiencia/Drop nunca tape el logo AEVIX MU del hero. */
@media (min-width: 1001px) {
  /* Mantiene EXACTAMENTE el ancho del panel. Solo crea más espacio vertical
     bajo el hero para que Versión/Jugadores/Experiencia/Drop no tape AEVIX MU. */
  .av-home .av-hero { height: clamp(455px, 26vw, 520px); }
}

@media (max-width: 540px) {
  .av-home .av-hero { height: 292px; }
  .av-home .av-tagline {
    top: 168px;
    font-size: 10px;
    letter-spacing: 2.2px;
  }
  .av-home .av-hero-actions {
    gap: 9px;
  }
  .av-home .av-hero-actions .av-button {
    width: 132px;
    min-height: 40px;
    padding: 8px 10px;
    font-size: 10px;
  }
}

/* Side rocks stay visible beside the content while scrolling. */
body.av-site {
  position: relative;
  overflow-x: hidden;
}
body.av-site::before,
body.av-site::after {
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  width: clamp(0px, calc((100vw - 1120px) / 2 - 16px), 245px);
  height: auto;
  pointer-events: none;
  z-index: 1;
  opacity: .92;
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 245px auto;
  filter: saturate(.95) brightness(1.75);
  -webkit-mask-image: linear-gradient(to bottom, transparent 140px, #000 300px, #000 calc(100% - 80px), transparent);
  mask-image: linear-gradient(to bottom, transparent 140px, #000 300px, #000 calc(100% - 80px), transparent);
}
body.av-site::before {
  left: auto;
  right: calc(50% + 572px);
  background-image: url('../img/aevix/decor/rocks-left.png');
}
body.av-site::after {
  right: auto;
  left: calc(50% + 572px);
  background-image: url('../img/aevix/decor/rocks-right.png');
}
.av-site .av-nav,
.av-site .av-hero,
.av-site .av-shell {
  position: relative;
  z-index: 2;
}
@media (max-width: 1180px) {
  body.av-site::before,
  body.av-site::after { display: none; }
}
/* Language choice stays available on every public page. */
.av-language{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;margin:8px auto;color:#e9d6aa;font-size:13px}
.av-language select,.av-language button{background:#101414;color:#e9d6aa;border:1px solid #88713d;padding:5px 8px;max-width:180px}
.av-language select:focus-visible,.av-language button:focus-visible{outline:2px solid #e9d6aa;outline-offset:2px}