/* MU Top Ranking - plantilla completa (cabecera, columnas, fondo) */
body.mtr-site{margin:0;min-height:100vh;color:#e8edf5;font-family:"Rajdhani","Segoe UI",system-ui,sans-serif;font-size:16px;
  background-color:#070a12;
  background-image:var(--mtr-bg),
    radial-gradient(ellipse 600px 500px at 0% 85%,rgba(230,90,20,.28),transparent 70%),
    radial-gradient(ellipse 600px 500px at 100% 30%,rgba(30,110,255,.25),transparent 70%),
    linear-gradient(180deg,#0a0e19,#070a12);
  background-size:cover,auto,auto,auto;background-position:center top;background-attachment:fixed;background-repeat:no-repeat}
body.mtr-site *{box-sizing:border-box}
body.mtr-site a{color:inherit}

/* Cabecera */
.mtr-head{position:sticky;top:0;z-index:50;background:rgba(7,10,18,.92);backdrop-filter:blur(8px);border-bottom:1px solid #1b2538}
.admin-bar .mtr-head{top:32px}
.mtr-head-in{max-width:1500px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:22px}
.mtr-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.mtr-logo img{height:44px;width:auto}
.mtr-logo-mu{font-size:2.4rem;font-weight:700;line-height:1;background:linear-gradient(#fff,#9fb0c8 60%,#e6a23c);-webkit-background-clip:text;background-clip:text;color:transparent}
.mtr-logo-text b{display:block;font-size:1.7rem;letter-spacing:.04em;line-height:1;color:#f5a623}
.mtr-logo-text small{display:block;font-size:.6rem;letter-spacing:.32em;color:#8a97ad;margin-top:3px}
.mtr-nav{display:flex;gap:22px;margin-left:14px}
.mtr-nav a{text-decoration:none;font-weight:600;font-size:.98rem;color:#c9d3e3;padding:6px 0;border-bottom:2px solid transparent}
.mtr-nav a:hover{color:#fff}
.mtr-nav a.is-active{color:#f5a623;border-bottom-color:#f5a623}
.mtr-search{margin-left:auto;display:flex;background:#0d1320;border:1px solid #223049;border-radius:6px;overflow:hidden}
.mtr-search input{background:none;border:0;color:#e8edf5;padding:8px 12px;width:210px;font:inherit;font-size:.9rem;outline:0}
.mtr-search button{background:none;border:0;color:#5fb4ff;padding:0 12px;cursor:pointer}
.mtr-search:focus-within{border-color:#5fb4ff}
.mtr-add{background:#f5a623;color:#1a1204!important;text-decoration:none;font-weight:700;font-size:.9rem;padding:9px 14px;border-radius:5px;white-space:nowrap}
.mtr-add:hover{filter:brightness(1.08)}
.mtr-forum{margin-left:6px}
.mtr-user{color:#c9d3e3;display:flex}
.mtr-user:hover{color:#fff}

/* Estructura */
.mtr-layout{max-width:1500px;margin:0 auto;padding:22px 20px 10px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.mtr-home .mtr-layout{grid-template-columns:240px minmax(0,1fr) 290px}
.mtr-main{min-width:0;background:rgba(8,12,21,.84);border:1px solid #18233a;border-radius:10px;padding:18px 18px 8px;backdrop-filter:blur(3px)}
.mtr-site:not(.mtr-home) .mtr-main{max-width:960px;margin:0 auto;width:100%}
.mtr-site .mtr-main .mtr-wrap{max-width:none;margin-bottom:22px}
.mtr-foot{text-align:center;color:#5f6d85;font-size:.85rem;padding:26px 0 30px}

/* Columna izquierda */
.mtr-left{padding-top:180px;text-align:center}
.mtr-left-mu{font-size:5.5rem;font-weight:700;line-height:1;background:linear-gradient(#fff,#8fa3c4 55%,#e6a23c);-webkit-background-clip:text;background-clip:text;color:transparent}
.mtr-left-logo{max-width:150px;height:auto}
.mtr-left-title{font-size:1.6rem;letter-spacing:.45em;font-weight:600;margin-top:6px;padding-left:.45em}
.mtr-left-sub{font-size:.72rem;letter-spacing:.3em;color:#f5a623;margin:4px 0 36px;text-transform:uppercase}
.mtr-feat{list-style:none;margin:0 0 30px;padding:0;text-align:left;display:inline-block}
.mtr-feat li{display:flex;align-items:center;gap:12px;margin-bottom:16px;text-transform:uppercase;font-size:.92rem;letter-spacing:.03em;color:#d6deec}
.mtr-feat li::before{content:"";flex:none;width:24px;height:26px;background:#f5a623;opacity:.9;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  -webkit-mask:radial-gradient(circle at 50% 50%,transparent 4px,#000 5px);mask:radial-gradient(circle at 50% 50%,transparent 4px,#000 5px)}
.mtr-tagline{font-family:"Segoe Script","Brush Script MT",cursive;font-style:italic;font-size:1.7rem;line-height:1.1;color:#dfe6f3;margin:0;transform:rotate(-6deg);text-align:left}

/* Columna derecha */
.mtr-right{display:flex;flex-direction:column;gap:18px;padding-top:150px}
.mtr-cta{background:rgba(8,12,21,.85);border:1px solid #18233a;border-radius:10px;padding:22px 16px;text-align:center}
.mtr-crown{font-size:1.8rem;color:#f5a623;line-height:1}
.mtr-cta p{margin:8px 0 14px;text-transform:uppercase;font-weight:700;font-size:1.05rem;line-height:1.25;color:#f5a623}
.mtr-cta .mtr-btn{padding:9px 38px}
.mtr-right .mtr-card{padding:14px 16px;background:rgba(8,12,21,.85)}
.mtr-promo{border:1px solid #1f3a66;border-radius:10px;padding:24px 14px;text-align:center;background:linear-gradient(160deg,rgba(20,60,130,.55),rgba(8,12,21,.9))}
.mtr-promo small{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;color:#e8edf5}
.mtr-promo strong{display:block;font-size:2.1rem;line-height:1.1;color:#4aa8ff;letter-spacing:.03em}

/* Títulos de sección */
.mtr-site .mtr-title{display:flex;align-items:center;gap:12px;font-family:inherit;font-size:1.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.01em;margin:0 0 12px;color:#fff}
.mtr-site .mtr-title.gold{color:#f5a623}
.mtr-site .mtr-title.blue{color:#2fb0ff}
.mtr-title.gold::before{content:"\265B";font-size:1.5rem;line-height:1}
.mtr-title.blue::before{content:"";width:18px;height:2px;background:#2fb0ff;flex:none}
.mtr-line{flex:1;height:1px;background:linear-gradient(90deg,#2fb0ff80,transparent)}
.mtr-title.gold .mtr-line{background:linear-gradient(90deg,#f5a62366,transparent)}
.mtr-more{font-size:.8rem;font-weight:600;text-transform:none;color:#f5a623;text-decoration:none;white-space:nowrap}
.mtr-more::after{content:" \2192"}

/* Filtros */
.mtr-site .mtr-filters select{background:#0b111d;border:1px solid #1d2a42;border-radius:6px;color:#e8edf5;min-width:210px;font:inherit;font-size:.92rem;padding:9px 12px}
.mtr-site .mtr-filters .mtr-check{background:#0b111d;border:1px solid #1d2a42;border-radius:6px;padding:9px 12px;color:#c9d3e3;margin-right:0}
.mtr-site .mtr-filters .mtr-check input{accent-color:#22c55e}

/* Filas */
@media (min-width:821px){
  .mtr-site .mtr-row{grid-template-columns:40px 468px minmax(0,1fr) 78px;gap:12px;padding:5px 12px 5px 5px;margin-bottom:6px}
  .mtr-site .mtr-row.mtr-compact:not(:has(.mtr-rank)){grid-template-columns:468px minmax(0,1fr) 120px}
}
.mtr-site .mtr-row{background:rgba(12,18,31,.9);border:1px solid #182238;border-radius:6px}
.mtr-site .mtr-row.is-featured{border-color:#f5a623}
.mtr-site .mtr-name{text-transform:uppercase;font-size:.84rem;letter-spacing:.01em;color:#fff!important;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mtr-site .mtr-tag{background:#0f2646;color:#4aa8ff;font-size:.68rem;font-weight:600}
.mtr-site .mtr-pill{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px 2px 7px;display:inline-flex;align-items:center;gap:5px}
.mtr-site .mtr-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.mtr-site .mtr-votes strong{font-size:1.05rem;font-weight:600}
.mtr-site .mtr-votes span{text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;margin-bottom:4px}
.mtr-site .mtr-vote-btn{font-family:inherit;padding:3px 14px;font-size:.74rem}
.mtr-site .mtr-rank{font-size:1.05rem;color:#9aa7bd}
.mtr-site .mtr-rank.r1,.mtr-site .mtr-rank.r2,.mtr-site .mtr-rank.r3,.mtr-site .mtr-rank.rv{width:36px;height:40px;line-height:40px;border-radius:0;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.mtr-site .mtr-rank.rv{font-size:.65rem}
.mtr-site .mtr-banner{border-radius:3px}

/* Últimos votos */
.mtr-site .mtr-sub{text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;color:#c9d3e3}
.mtr-site .mtr-lv{grid-template-columns:30px 1fr auto;padding:9px 0;align-items:center}
.mtr-site .mtr-lv::before{content:"";grid-row:1 / span 2;width:22px;height:22px;background:#2f9cf0;
  clip-path:path("M11 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9zM2 21c0-4 4-6.5 9-6.5s9 2.500 9 6.5z")}
.mtr-site .mtr-lv-nick{grid-column:2}
.mtr-site .mtr-lv-time{grid-column:3;grid-row:1}
.mtr-site .mtr-lv-srv{grid-column:2 / span 2}

/* Formularios dentro del diseño */
.mtr-site .mtr-card{background:rgba(12,18,31,.9);border-color:#182238}
.mtr-site .mtr-form input[type=text],.mtr-site .mtr-form input[type=email],.mtr-site .mtr-form input[type=url],
.mtr-site .mtr-form input[type=password],.mtr-site .mtr-form input[type=number],.mtr-site .mtr-form input[type=date],
.mtr-site .mtr-form select,.mtr-site .mtr-form textarea,.mtr-site .mtr-form input[type=file]{background:#080c15;border-color:#1d2a42;color:#e8edf5;font-family:inherit}
.mtr-site .mtr-form .login-username input,.mtr-site .mtr-form .login-password input{width:100%;background:#080c15;border:1px solid #1d2a42;color:#e8edf5;border-radius:8px;padding:10px 12px;margin-top:5px}

/* Responsive */
@media (max-width:1180px){
  .mtr-home .mtr-layout{grid-template-columns:minmax(0,1fr) 280px}
  .mtr-left{display:none}
  .mtr-right{padding-top:0}
}
@media (max-width:900px){
  .mtr-home .mtr-layout{grid-template-columns:minmax(0,1fr)}
  .mtr-head-in{flex-wrap:wrap;gap:12px}
  .mtr-nav{order:5;width:100%;margin-left:0;overflow-x:auto}
  .mtr-search{margin-left:0;flex:1}
  .mtr-search input{width:100%}
}
@media (max-width:782px){.admin-bar .mtr-head{top:46px}}