/* Werian MU – plantilla "werian" (diseño B, violeta neón) */
:root{
  --bg:#0E0A1A; --bg2:#120D22; --surface:#18122A; --surface2:#221A3A;
  --line:#2B2245; --line2:#3A2C66; --text:#ECE8F7; --title:#F4F0FF;
  --muted:#B3AACB; --muted2:#9D94B8; --violet:#7C3AED; --violet-l:#A78BFA;
  --violet-t:#C4B5FD; --ok:#4ADE80; --gold:#F5C451; --silver:#C9CDD6; --bronze:#D08A55;
  --display:'Rajdhani',system-ui,sans-serif; --body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.wr{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wr a{color:var(--violet-t);text-decoration:none}
.wr a:hover{color:#fff}
.wr img{max-width:100%}
.wr-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.wr-h2{margin:0;font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:1px;color:var(--title);text-transform:uppercase}

/* Header */
.wr-header{position:sticky;top:0;z-index:50;background:rgba(14,10,26,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.wr-header .wr-wrap{display:flex;align-items:center;gap:24px;min-height:68px}
.wr-logo{font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:2px;color:var(--title)!important;white-space:nowrap}
.wr-logo span{color:var(--violet-l)}
.wr-nav{display:flex;gap:18px;flex:1 1 auto;font-size:14px;font-weight:500}
.wr-nav a{color:var(--muted)}
.wr-nav a.is-active,.wr-nav a:hover{color:var(--text)}
.wr-actions{display:flex;align-items:center;gap:10px}
.wr-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--muted);white-space:nowrap}
.wr-pill strong{color:var(--text)}
.wr-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(74,222,128,.18);display:inline-block}
.wr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:8px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;font-family:var(--body);transition:transform .15s,box-shadow .15s,background .15s}
.wr-btn--primary{background:var(--violet);color:#fff!important}
.wr-btn--primary:hover{background:#8B4DF5;box-shadow:0 0 28px rgba(124,58,237,.5)}
.wr-btn--ghost{background:var(--surface);border-color:var(--line2);color:var(--text)!important}
.wr-btn--ghost:hover{border-color:var(--violet-l)}
.wr-btn--lg{min-height:56px;padding:0 32px;font-size:16px;border-radius:10px}
.wr-menu{display:none;position:relative}
.wr-menu summary{list-style:none;cursor:pointer}
.wr-menu summary::-webkit-details-marker{display:none}
.wr-menu__panel{position:absolute;right:0;top:calc(100% + 10px);width:240px;background:var(--surface);border:1px solid var(--line2);border-radius:12px;padding:8px;display:flex;flex-direction:column}
.wr-menu__panel a{padding:12px 14px;border-radius:8px;color:var(--text)}
.wr-menu__panel a:hover{background:var(--surface2)}

/* Hero */
.wr-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 60% at 50% 25%,#2E1A5C 0%,var(--bg) 72%)}
.wr-hero::before{content:"";position:absolute;inset:0;background-image:var(--hero-bg);background-size:cover;background-position:center top;opacity:.14;pointer-events:none}
.wr-hero .wr-wrap{position:relative;padding-top:80px;padding-bottom:56px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.wr-badge{display:inline-block;padding:8px 16px;border:1px solid #4C3A80;border-radius:999px;font-size:13px;font-weight:600;color:var(--violet-t);letter-spacing:1px;text-transform:uppercase}
.wr-hero h1{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(56px,10vw,140px);line-height:.9;letter-spacing:4px;color:var(--title);text-shadow:0 0 40px rgba(124,58,237,.45)}
.wr-hero p{margin:0;max-width:620px;font-size:18px;line-height:1.6;color:var(--muted)}
.wr-hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding-top:6px}
.wr-showcase{width:100%;max-width:620px;margin-top:36px;border:1px solid var(--line2);border-radius:16px;overflow:hidden;background:#140F24;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(167,139,250,.06)}
.wr-showcase img{display:block;width:100%;height:auto}

/* Chips */
.wr-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding-bottom:56px}
.wr-chip{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:4px}
.wr-chip__label{font-size:12px;color:var(--muted2);text-transform:uppercase;letter-spacing:1.5px}
.wr-chip__value{font-family:var(--display);font-size:28px;font-weight:700;color:var(--title);line-height:1.1}
.wr-chip--live .wr-chip__value{color:var(--ok)}

/* Main grid */
.wr-main{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;padding-top:16px;padding-bottom:80px}
.wr-col{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:14px}
.wr-side{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:20px}
.wr-row-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wr-row-head a{font-size:14px;font-weight:600}

/* News */
.wr-feature{display:flex;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line2);border-radius:14px;overflow:hidden;transition:border-color .15s}
.wr-feature:hover{border-color:var(--violet-l)}
.wr-feature__art{flex:1 1 260px;min-height:200px;background:var(--surface2) center/cover no-repeat;position:relative}
.wr-feature__art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--surface))}
.wr-feature__body{flex:1 1 280px;padding:28px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.wr-tag{align-self:flex-start;padding:4px 10px;background:#2E1A5C;color:var(--violet-t);border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.5px}
.wr-feature__title{font-size:24px;font-weight:700;color:var(--title);line-height:1.25}
.wr-feature__more{font-size:14px;font-weight:600;color:var(--violet-t)}
.wr-news{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:10px;transition:border-color .15s,transform .15s}
.wr-news:hover{border-color:var(--line2);transform:translateX(3px)}
.wr-news__icon{width:48px;height:48px;border-radius:8px;background:var(--surface2);flex:none;display:flex;align-items:center;justify-content:center;color:var(--violet-l)}
.wr-news__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.wr-news__title{font-weight:600;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}
.wr-news__date{font-size:13px;color:var(--muted2)}
.wr-empty{padding:20px;background:var(--surface);border:1px dashed var(--line2);border-radius:10px;color:var(--muted2);font-size:14px}

/* Cards */
.wr-card{background:var(--surface);border:1px solid var(--line2);border-radius:14px;overflow:hidden}
.wr-card__head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}
.wr-card__head .wr-h2{font-size:22px}
.wr-tabs{display:flex;gap:6px}
.wr-tab{min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font:600 13px var(--body);cursor:pointer}
.wr-tab[aria-selected="true"]{background:var(--violet);border-color:var(--violet);color:#fff}
.wr-rank{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--surface2)}
.wr-rank:last-child{border-bottom:0}
.wr-rank__pos{width:28px;height:28px;border-radius:6px;background:var(--surface2);color:var(--muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.wr-rank--1 .wr-rank__pos{background:var(--gold);color:#2A1E00}
.wr-rank--2 .wr-rank__pos{background:var(--silver);color:#1A1C22}
.wr-rank--3 .wr-rank__pos{background:var(--bronze);color:#2A1608}
.wr-rank__ava{width:36px;height:36px;border-radius:8px;background:var(--surface2);flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center}
.wr-rank__ava img{width:36px;height:36px;object-fit:cover;display:block}
.wr-rank__who{flex:1;min-width:0;display:flex;flex-direction:column}
.wr-rank__name{font-weight:600;display:flex;align-items:center;gap:6px;overflow:hidden}
.wr-rank__name a{color:var(--text)}
.wr-rank__name a:hover{color:var(--violet-t)}
.wr-rank__sub{font-size:12px;color:var(--muted2)}
.wr-rank__score{font-family:var(--display);font-size:22px;font-weight:700;color:var(--violet-t);text-align:right;line-height:1}
.wr-rank__score small{display:block;font-family:var(--body);font-size:11px;font-weight:500;color:var(--muted2)}
.wr-card__foot{display:block;padding:14px 20px;text-align:center;font-size:14px;font-weight:600;border-top:1px solid var(--line)}
.wr-info{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--surface2);font-size:14px}
.wr-info:last-child{border-bottom:0}
.wr-info span{color:var(--muted)}
.wr-info strong{color:var(--title)}
.wr-discord{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:14px;background:#3A3FB8;color:#fff!important;transition:background .15s}
.wr-discord:hover{background:#4349CC}
.wr-discord strong{font-size:18px}
.wr-discord span{font-size:14px;color:#E1E3FF}
.wr-social{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wr-social a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:10px;font-weight:700;font-size:14px;color:#fff!important}
.wr-social__wa{background:#128C4A}.wr-social__wa:hover{background:#15A055}
.wr-social__ig{background:var(--surface);border:1px solid var(--line2)}.wr-social__ig:hover{border-color:var(--violet-l)}

/* Features */
.wr-features{border-top:1px solid var(--line);background:var(--bg2)}
.wr-features .wr-wrap{padding-top:72px;padding-bottom:72px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:32px}
.wr-feat{display:flex;flex-direction:column;gap:10px}
.wr-feat svg{color:var(--violet-l)}
.wr-feat strong{font-size:17px;color:var(--title)}
.wr-feat span{font-size:14px;color:var(--muted);line-height:1.55}

/* Footer */
.wr-footer{border-top:1px solid var(--line);padding:32px 24px;text-align:center;font-size:13px;color:var(--muted2);line-height:1.9}
.wr-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:8px}
.wr-footer nav a{color:var(--muted)}

/* Responsive */
@media (max-width:1180px){
  .wr-nav{display:none}
  .wr-menu{display:block}
  .wr-header .wr-wrap{justify-content:space-between}
}
@media (max-width:600px){
  .wr-wrap{padding:0 16px}
  .wr-pill{display:none}
  .wr-actions .wr-btn--primary{padding:0 14px}
  .wr-chip--live{grid-column:1/-1}
  .wr-hero .wr-wrap{padding-top:56px}
  .wr-hero p{font-size:16px}
  .wr-btn--lg{width:100%}
  .wr-chip__value{font-size:24px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Banner de las 7 clases */
.wr-classes{position:relative;width:100%;max-width:1100px;margin-top:36px;aspect-ratio:1200/630;container-type:inline-size;display:flex;border:1px solid var(--line2);border-radius:16px;overflow:hidden;background:#05040A;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.wr-classes__slice{flex:1;position:relative;background-image:var(--img);background-size:auto 100%;background-repeat:no-repeat;background-position:var(--pos,15%) 50%;border-right:1px solid rgba(233,225,200,.25)}
.wr-classes__slice:nth-child(7){border-right:0}
.wr-classes__slice::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,4,10,.95) 0%,rgba(5,4,10,0) 38%),linear-gradient(180deg,rgba(5,4,10,.6) 0%,rgba(5,4,10,0) 25%)}
.wr-classes__slice span{position:absolute;left:0;right:0;bottom:3.5cqw;z-index:1;text-align:center;font-family:Cinzel,serif;font-weight:700;font-size:1.15cqw;line-height:1.3;letter-spacing:.17cqw;color:#E9E1C8;text-transform:uppercase}
.wr-classes__band{position:absolute;left:0;right:0;top:35.7%;height:27%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqw;background:linear-gradient(90deg,rgba(5,4,10,0),rgba(5,4,10,.82) 18%,rgba(5,4,10,.82) 82%,rgba(5,4,10,0));border-top:1px solid rgba(233,225,200,.35);border-bottom:1px solid rgba(233,225,200,.35)}
.wr-classes__title{font-family:Cinzel,serif;font-weight:900;font-size:8cqw;line-height:1;letter-spacing:.83cqw;padding-left:.83cqw;background:linear-gradient(180deg,#FFFFFF 0%,#E9E1C8 38%,#9C8A5E 55%,#F7EED2 72%,#B8A06A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .35cqw 0 rgba(0,0,0,.55)) drop-shadow(0 0 1.8cqw rgba(0,0,0,.6))}
.wr-classes__sub{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.66cqw;letter-spacing:.66cqw;color:#E9E1C8}
@container (max-width:640px){
  .wr-classes__slice span{display:none}
  .wr-classes__band{top:31%;height:38%}
  .wr-classes__title{font-size:9cqw}
  .wr-classes__sub{font-size:3.2cqw;letter-spacing:.4cqw}
}

/* Dueño del castillo */
.wr-castle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;padding:36px 36px 32px;margin-bottom:40px;border:1px solid #5E5136;border-radius:16px;background-color:#120D1E;background-size:cover;background-position:center right;box-shadow:inset 0 0 0 1px rgba(245,196,81,.08),0 20px 50px rgba(0,0,0,.35)}
.wr-castle__owner{display:flex;align-items:center;gap:26px;flex:1 1 420px;min-width:0}
.wr-castle__logo{position:relative;width:112px;height:112px;flex:none;border:2px solid var(--gold);border-radius:12px;background:#0B0814;display:flex;align-items:center;justify-content:center;box-shadow:0 0 34px rgba(245,196,81,.28)}
.wr-castle__logo img{width:84px;height:84px;image-rendering:pixelated;display:block}
.wr-castle__crown{position:absolute;top:-24px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.wr-castle__info{display:flex;flex-direction:column;gap:6px;min-width:0}
.wr-castle__kicker{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}
.wr-castle__name{font-family:Cinzel,serif;font-weight:900;font-size:46px;line-height:1.05;color:#FFF6DA;overflow-wrap:anywhere}
.wr-castle__name a{color:#FFF6DA!important}
.wr-castle__name a:hover{color:var(--gold)!important}
.wr-castle__meta{font-size:15px;color:var(--muted)}
.wr-castle__meta strong{color:var(--text)}
.wr-castle__battle{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.wr-castle__date{font-size:18px;font-weight:700;color:var(--title)}
.wr-castle__count{display:flex;gap:8px}
.wr-castle__count span{min-width:66px;padding:10px 6px 8px;background:rgba(5,4,10,.72);border:1px solid #5E5136;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:2px}
.wr-castle__count b{font-family:var(--display);font-size:30px;font-weight:700;line-height:1;color:#FFF6DA}
.wr-castle__count small{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted2)}
.wr-castle__live{font-size:18px;color:var(--gold)}
@media (max-width:600px){
  .wr-castle{padding:28px 20px 22px;gap:22px}
  .wr-castle__owner{gap:18px}
  .wr-castle__logo{width:84px;height:84px}
  .wr-castle__logo img{width:62px;height:62px}
  .wr-castle__name{font-size:32px}
  .wr-castle__count span{min-width:58px}
}

/* Eventos: lista compartida (portada y /eventos) */
.wr-evlist{display:flex;flex-direction:column}
.wr-evrow{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--surface2)}
.wr-evrow:last-child{border-bottom:0}
.wr-evrow__time{font-family:var(--display);font-size:22px;font-weight:700;color:var(--title);font-variant-numeric:tabular-nums}
.wr-evrow__info{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.wr-evrow__info strong{color:var(--text);font-size:15px}
.wr-evrow__info small{flex-basis:100%;font-size:13px;color:var(--muted2)}
.wr-evrow__left{font-size:13px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.wr-evrow__left.is-soon{color:var(--gold);font-weight:700}
.wr-evrow--first .wr-evrow__left{font-size:15px;font-weight:700;color:var(--violet-t)}
.wr-evrow--first .wr-evrow__left.is-soon{color:var(--gold)}
.wr-evrow.is-past .wr-evrow__time,.wr-evrow.is-past strong,.wr-evrow.is-past small{color:#6F6888}
.wr-evrow__done{font-size:12px;color:#8F86A8}
.wr-evlist__empty{margin:8px 0;color:var(--muted2);font-size:14px}
.wr-evb{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.wr-evb--inv{background:#2E1A5C;color:#C4B5FD}
.wr-evb--gp{background:rgba(74,222,128,.14);color:#86EFAC}
.wr-evb--boss{background:rgba(248,113,113,.14);color:#FCA5A5}
.wr-evb--mini{background:rgba(255,255,255,.08);color:#C9C3DA}
.wr-evb--bc{background:rgba(244,114,182,.14);color:#F9A8D4}
.wr-evb--world{background:rgba(245,196,81,.16);color:#F5C451}

/* Próximos eventos en la portada */
.wr-events{margin-bottom:40px;padding:26px 28px;background:var(--surface);border:1px solid var(--line2);border-radius:16px}
.wr-events__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:6px}
.wr-events__clock{font-size:14px;color:var(--muted)}
.wr-events__clock strong{color:var(--title);font-variant-numeric:tabular-nums}
.wr-events__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted2)}
@media (max-width:600px){.wr-events{padding:20px 18px}.wr-evrow{grid-template-columns:52px minmax(0,1fr);gap:10px}.wr-evrow__time{font-size:18px}.wr-evrow__left{grid-column:2}}

/* Drop de cada evento */
.wr-evrow__drop{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.wr-evrow__drop svg{flex:none;color:var(--gold)}
.wr-evcoin{padding:1px 7px;border-radius:5px;background:rgba(245,196,81,.12);color:var(--gold);font-size:12px;font-weight:700;white-space:nowrap}
.wr-evrow__extra{flex-basis:100%;font-size:12px;color:var(--muted2)}
.wr-evrow.is-past .wr-evrow__drop,.wr-evrow.is-past .wr-evrow__extra{color:#6F6888}
.wr-evrow.is-past .wr-evrow__drop svg,.wr-evrow.is-past .wr-evcoin{color:#6F6888;background:transparent}