@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#090b14;--panel:#111629;--panel2:#151b31;--line:rgba(255,255,255,.09);--text:#f5f7ff;--muted:#9ca7bd;--violet:#8459ff;--blue:#39c6ff;--cyan:#4ee5ff;--gold:#f4c779;--danger:#ff5677;--shell:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#17203c 0,#090b14 38%,#070910 100%);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.shell{width:min(var(--shell),calc(100% - 36px));margin-inline:auto}.site-header{position:fixed;inset:0 0 auto;z-index:50;transition:.25s;background:linear-gradient(180deg,rgba(5,8,17,.76),transparent)}.site-header.scrolled{background:rgba(8,11,21,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:76px;width:min(var(--shell),calc(100% - 36px));margin:auto;display:grid;grid-template-columns:180px minmax(0,1fr) auto auto;gap:14px;align-items:center}.mini-logo img{width:115px;filter:drop-shadow(0 8px 18px #000)}.main-menu{display:flex;justify-content:center;gap:42px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;min-width:0}.main-menu a{opacity:.78;position:relative}.main-menu a:hover{opacity:1}.main-menu a:after{content:"";position:absolute;left:50%;right:50%;bottom:-12px;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:.2s}.main-menu a:hover:after{left:0;right:0}.account-link{justify-self:end;display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;min-width:190px;padding:6px 0}.account-icon{grid-row:1/3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(92,207,255,.4);box-shadow:0 0 22px rgba(70,195,255,.18),inset 0 0 12px rgba(255,255,255,.08);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.16),rgba(58,122,183,.2),rgba(6,11,23,.94))}.account-icon img{width:100%;height:100%;object-fit:cover}.account-link small{font-size:9px;color:#8794ad}.account-link strong{font-size:11px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}
.hero{height:650px;position:relative;overflow:hidden;background:#101528}.hero:before{content:"";position:absolute;inset:0;background:url('../img/hero-kissi-20260727.webp') center top/cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(transparent,#090b14)}.hero-art{position:absolute;inset:0;background:radial-gradient(circle at 65% 38%,rgba(143,70,255,.2),transparent 28%)}.hero-content{position:relative;z-index:2;width:min(var(--shell),calc(100% - 36px));margin:auto;padding-top:150px}.hero-logo{width:330px;margin-bottom:18px;filter:drop-shadow(0 14px 25px #000)}.hero-kicker{font-size:11px;font-weight:800;letter-spacing:.28em;color:#a5dfff}.hero h1{font-family:Cinzel,serif;font-size:48px;line-height:1.08;margin:16px 0 18px;max-width:650px;text-shadow:0 10px 30px #000}.hero h1 span{color:#d9e8ff}.hero p{max-width:590px;color:#b9c2d6;line-height:1.75;font-size:14px}
.quick-strip{position:relative;z-index:5;margin-top:-62px;display:grid;grid-template-columns:1.55fr repeat(4,.72fr);min-height:118px;box-shadow:0 18px 60px rgba(0,0,0,.38)}.quick-card{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid rgba(255,255,255,.08);transition:.22s;position:relative;overflow:hidden}.quick-card:hover{transform:translateY(-5px);filter:brightness(1.12)}.quick-card.download{background:linear-gradient(135deg,#7958ff,#496fec)}.quick-card.register{background:linear-gradient(135deg,#40dbff,#2195e6)}.quick-card.social{background:linear-gradient(150deg,#17223d,#11182b);flex-direction:column;gap:7px}.quick-card.social span{font-size:24px;color:#c8e7ff}.quick-card.social small{font-size:10px;color:#a5afc2}.quick-icon{font-size:31px}.quick-card strong{display:block;font-size:16px;letter-spacing:.08em}.quick-card small{font-size:10px;opacity:.78}
.portal-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.update-banner,.news-panel,.stat-card,.events-card,.features-card,.table-card,.info-grid article,.events-board,.download-box,.auth-card{background:linear-gradient(145deg,rgba(24,31,55,.96),rgba(12,16,30,.98));border:1px solid var(--line);box-shadow:0 22px 55px rgba(0,0,0,.25)}.update-banner{position:relative;min-height:340px;overflow:hidden}.update-banner img{width:100%;height:100%;object-fit:cover}.slide-dots{position:absolute;left:18px;bottom:18px;display:flex;gap:5px}.slide-dots button{border:0;background:#07101d;color:#8b9ab1;width:38px;height:24px;font-size:9px}.slide-dots button.active{background:#1597d7;color:#fff}.news-panel{padding:22px 24px}.panel-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line)}.panel-title span{font-family:Cinzel,serif;color:var(--gold);font-weight:700}.panel-title a{font-size:10px;color:#7f91ad}.news-list article{display:grid;grid-template-columns:1fr auto;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.news-list strong{font-size:12px}.news-list p{font-size:10px;color:#8793aa;margin:7px 0 0;line-height:1.5}.news-list time{font-size:9px;color:#5f6d85}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.stat-card{padding:20px 22px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-25px;top:-25px;background:rgba(80,187,255,.09)}.stat-card span{display:block;font-size:9px;letter-spacing:.14em;color:#7d8da7}.stat-card strong{display:block;font-family:Cinzel,serif;font-size:28px;margin:7px 0;color:#dcecff}.stat-card small{font-size:10px;color:#6f7f99}.lower-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px;margin-bottom:40px}.events-card,.features-card{padding:28px}.section-heading span,.eyebrow{font-size:9px;letter-spacing:.22em;color:#62d9ff;font-weight:800}.section-heading h2{font-family:Cinzel,serif;margin:8px 0 20px}.event-list>div{display:grid;grid-template-columns:68px 1fr 20px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.event-list time{font-family:Cinzel,serif;color:#68d7ff}.event-list span strong,.event-list span small{display:block}.event-list span strong{font-size:12px}.event-list span small{font-size:10px;color:#77849a;margin-top:4px}.event-list b{font-size:24px;color:#53657e}.feature-pills{display:flex;flex-wrap:wrap;gap:9px}.feature-pills span{padding:9px 12px;border:1px solid rgba(86,200,255,.16);background:rgba(41,85,126,.15);font-size:10px;color:#b9dff6}.primary-btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 22px;margin-top:24px;border:0;color:white;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#7659ff,#2eabed);box-shadow:0 10px 25px rgba(84,88,255,.25);cursor:pointer}.primary-btn.large{min-height:48px;width:100%}.db-note{margin-bottom:40px;padding:12px 16px;border-left:3px solid var(--gold);background:#171a25;color:#bbc4d6;font-size:11px}.db-note span{display:block;color:#747f94;margin-top:5px}
.page-hero.compact{height:330px;padding-top:130px;background:url('../img/hero-kissi-20260727.webp') center 25%/cover no-repeat;position:relative}.page-hero.compact:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,17,.96),rgba(7,9,17,.28),rgba(7,9,17,.75))}.page-hero>div{position:relative;z-index:1;width:min(var(--shell),calc(100% - 36px));margin:auto}.page-hero span{font-size:10px;letter-spacing:.22em;color:#67d7ff;font-weight:800}.page-hero h1{font-family:Cinzel,serif;font-size:38px;margin:10px 0}.page-hero p{color:#9ba7bc}.content-shell{padding:30px 0 55px}.ranking-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.table-card{padding:22px}.table-card h2,.events-board h2,.info-grid h2{font-family:Cinzel,serif;margin:0 0 18px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#77869e;font-size:9px;letter-spacing:.08em}td:first-child{color:#60d5ff}.empty-state{padding:40px 20px;text-align:center;color:#78869e;background:rgba(255,255,255,.02)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-grid article{padding:28px}.info-grid ul{list-style:none;margin:0;padding:0}.info-grid li{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:12px;color:#9da8bb}.info-grid li b{color:#fff}.events-board{padding:28px;margin-top:18px}.events-board>div{display:grid;grid-template-columns:90px 1fr 1fr;padding:14px;border-top:1px solid var(--line);font-size:12px}.events-board time{color:#5dd9ff}.events-board span{color:#7d899e}.download-box{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;padding:34px;gap:40px}.download-box img{max-height:430px;margin:auto}.download-box h2{font-family:Cinzel,serif;font-size:34px;margin:12px 0}.download-box p{line-height:1.8;color:#9ba6ba}.download-box small{display:block;margin-top:13px;color:#68758b}.download-box code{color:#6bdcff}.auth-page{min-height:100vh;padding:120px 18px 60px;display:grid;place-items:center;background:url('../img/hero-kissi-20260727.webp') center/cover fixed}.auth-page:before{content:"";position:fixed;inset:0;background:rgba(6,8,16,.76);backdrop-filter:blur(3px)}.auth-card{position:relative;z-index:1;width:min(440px,100%);padding:34px}.auth-card.wide{width:min(720px,100%)}.auth-card>img{width:180px;margin:0 auto 18px}.auth-card>span{display:block;text-align:center;color:#5ed9ff;font-size:9px;letter-spacing:.25em}.auth-card h1{text-align:center;font-family:Cinzel,serif;margin:10px 0 25px}.auth-card label{display:block;font-size:10px;color:#9da8bc;margin-bottom:14px}.auth-card input{width:100%;height:46px;margin-top:7px;padding:0 13px;color:#fff;border:1px solid var(--line);background:#0a0e1b;outline:none}.auth-card input:focus{border-color:#5fbbff}.auth-card p{text-align:center;color:#77839a;font-size:11px}.auth-card p a{color:#60d8ff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-error{padding:11px 13px;margin-bottom:15px;background:rgba(255,72,112,.12);border:1px solid rgba(255,72,112,.25);color:#ff9aaf;font-size:11px}.account-actions{display:flex;gap:10px;margin-bottom:20px}.account-actions a{padding:11px 15px;background:#141a2d;border:1px solid var(--line);font-size:11px}.characters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.characters-grid article{padding:24px;background:#11172a;border:1px solid var(--line)}.characters-grid article>span{color:#5dd9ff;font-size:9px}.characters-grid h3{font-family:Cinzel,serif;font-size:22px}.characters-grid article div{display:flex;gap:12px;flex-wrap:wrap}.characters-grid b{font-size:10px;color:#8f9aaf}.site-footer{max-width:var(--shell);margin:0 auto;padding:34px 0 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;color:#66738a}.site-footer img{width:120px}.site-footer p{font-size:10px}.footer-links{display:flex;justify-content:flex-end;gap:24px;font-size:10px}.copyright{grid-column:1/-1;text-align:center;margin-top:25px}.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,30px);opacity:0;pointer-events:none;padding:12px 18px;background:#18213a;border:1px solid rgba(87,204,255,.28);box-shadow:0 12px 35px #000;color:#dcefff;font-size:11px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.server-toast{opacity:1;transform:translateX(-50%);top:85px;bottom:auto}.server-toast.success{border-color:rgba(85,235,159,.4)}.server-toast.warning{border-color:rgba(255,198,91,.4)}
@media(max-width:900px){.nav-wrap{grid-template-columns:1fr auto auto}.main-menu{display:none;position:absolute;left:18px;right:18px;top:70px;flex-direction:column;gap:0;background:#11182a;border:1px solid var(--line);padding:12px}.main-menu.open{display:flex}.main-menu a{padding:13px}.account-link{display:none}.menu-toggle{display:block}.hero{height:610px}.hero-content{padding-top:135px}.hero h1{font-size:38px}.quick-strip{grid-template-columns:repeat(3,1fr);margin-top:-55px}.quick-card{min-height:92px}.quick-card.download,.quick-card.register{grid-column:span 1}.portal-grid,.lower-grid,.ranking-layout,.info-grid,.download-box{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.download-box{text-align:center}.form-grid{grid-template-columns:1fr}.characters-grid{grid-template-columns:1fr 1fr}.site-footer{padding-inline:18px}}
@media(max-width:560px){.shell{width:min(100% - 20px,var(--shell))}.hero{height:560px}.hero-content{padding-top:118px}.hero-logo{width:240px}.hero h1{font-size:30px}.hero p{font-size:12px}.quick-strip{grid-template-columns:1fr 1fr;margin-top:-45px}.quick-card.download,.quick-card.register{grid-column:span 2}.portal-grid{margin-top:12px}.update-banner{min-height:230px}.stats-row{grid-template-columns:1fr 1fr}.stat-card{padding:17px 14px}.stat-card strong{font-size:22px}.lower-grid{margin-bottom:28px}.events-card,.features-card{padding:20px}.page-hero.compact{height:290px}.page-hero h1{font-size:29px}.events-board>div{grid-template-columns:65px 1fr}.events-board>div span{grid-column:2}.characters-grid{grid-template-columns:1fr}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:start}.copyright{text-align:left}}


/* MU KISSI launch countdown */
.launch-countdown{position:relative;z-index:8;margin-top:-22px;margin-bottom:18px;min-height:154px;padding:24px 28px;display:grid;grid-template-columns:1.05fr 1.4fr auto;gap:28px;align-items:center;overflow:hidden;background:linear-gradient(120deg,rgba(18,24,47,.98),rgba(36,24,72,.97) 56%,rgba(11,53,79,.97));border:1px solid rgba(119,190,255,.22);box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)}
.launch-countdown:before{content:"";position:absolute;inset:-80% 35% -80% auto;width:280px;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(123,81,255,.18),transparent);animation:launchGlow 5s linear infinite}.launch-countdown:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-110px;top:-145px;background:radial-gradient(circle,rgba(71,220,255,.25),transparent 67%)}
@keyframes launchGlow{from{transform:translateX(-360px) rotate(22deg)}to{transform:translateX(900px) rotate(22deg)}}
.launch-copy,.countdown-grid,.launch-status{position:relative;z-index:1}
.update-available-message{position:relative;z-index:1;min-width:410px;padding:18px 24px;text-align:center;background:linear-gradient(180deg,rgba(7,11,25,.72),rgba(14,18,38,.9));border:1px solid rgba(112,190,255,.16);box-shadow:inset 0 0 28px rgba(89,66,217,.1)}
.update-available-message strong{display:block;font:700 24px/1.1 Cinzel,serif;letter-spacing:.08em;color:#eff8ff;text-shadow:0 0 22px rgba(92,209,255,.3)}
.update-available-message span{display:block;margin-top:8px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8fa7c7}
.launch-eyebrow{font-size:9px;letter-spacing:.26em;font-weight:800;color:#65ddff}.launch-copy h2{font:700 25px/1.1 Cinzel,serif;margin:7px 0;color:#f7f5ff}.launch-copy p{font-size:11px;color:#9daeca;margin:0}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.countdown-grid div{min-width:84px;padding:13px 10px;text-align:center;background:linear-gradient(180deg,rgba(7,11,25,.72),rgba(14,18,38,.9));border:1px solid rgba(112,190,255,.13);box-shadow:inset 0 0 24px rgba(89,66,217,.08)}.countdown-grid strong{display:block;font:700 30px/1 Cinzel,serif;color:#eff6ff;text-shadow:0 0 22px rgba(92,209,255,.26)}.countdown-grid span{display:block;margin-top:7px;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#71809b}.launch-status{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#a8bdd8}.launch-status i{width:8px;height:8px;border-radius:50%;background:#61dcff;box-shadow:0 0 15px #61dcff;animation:statusPulse 1.4s ease-in-out infinite}@keyframes statusPulse{50%{opacity:.35;transform:scale(.75)}}
.launch-countdown.is-live{background:linear-gradient(120deg,#10253b,#143d38)}.launch-countdown.is-live .launch-status i{background:#5cffac;box-shadow:0 0 18px #5cffac}.launch-countdown.is-live .launch-copy h2{color:#dffff0}
.live-events .event-row{grid-template-columns:68px 1fr auto}.event-list em{font-style:normal;font-size:9px;color:#9edfff;padding:7px 9px;border:1px solid rgba(88,206,255,.15);background:rgba(57,146,210,.08);min-width:72px;text-align:center}.active-event-cloud{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.active-event-cloud span{font-size:8px;letter-spacing:.05em;padding:7px 9px;color:#8da2be;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
@media(max-width:900px){.launch-countdown{grid-template-columns:1fr;gap:18px;margin-top:12px}.launch-status{justify-content:center}.countdown-grid div{min-width:0}.launch-copy{text-align:center}.update-available-message{min-width:0}}
@media(max-width:560px){.launch-countdown{padding:20px 14px}.launch-copy h2{font-size:20px}.update-available-message{padding:15px 10px}.update-available-message strong{font-size:19px}.countdown-grid{gap:5px}.countdown-grid div{padding:11px 4px}.countdown-grid strong{font-size:23px}.countdown-grid span{font-size:7px}.live-events .event-row{grid-template-columns:55px 1fr}.event-list em{grid-column:2;justify-self:start;margin-top:7px}}

/* Ajuste final: cuenta regresiva separada y redes profesionales */
.launch-countdown{margin-top:28px;margin-bottom:24px;z-index:4}
.quick-strip{margin-top:0;z-index:5;border:1px solid rgba(124,181,255,.12);border-radius:2px;overflow:hidden}
.quick-card.social{gap:9px;background:linear-gradient(160deg,#17233f,#0e162a);isolation:isolate}
.quick-card.social:before{content:"";position:absolute;inset:0;opacity:0;transition:.25s;background:radial-gradient(circle at 50% 120%,var(--brand-glow,rgba(83,176,255,.35)),transparent 62%);z-index:-1}
.quick-card.social:hover:before{opacity:1}
.quick-card.social.facebook{--brand-glow:rgba(24,119,242,.52)}
.quick-card.social.discord{--brand-glow:rgba(88,101,242,.52)}
.quick-card.social.tiktok{--brand-glow:rgba(254,44,85,.42)}
.quick-card.social.whatsapp{--brand-glow:rgba(37,211,102,.48)}
.quick-card.social .brand-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(188,220,255,.18);border-radius:50%;background:rgba(4,10,24,.34);box-shadow:inset 0 0 15px rgba(91,177,255,.08)}
.quick-card.social .brand-icon svg{width:18px;height:18px;fill:#d9efff;filter:drop-shadow(0 0 7px rgba(97,203,255,.28))}
.quick-card.social.facebook:hover .brand-icon{border-color:rgba(24,119,242,.7)}
.quick-card.social.discord:hover .brand-icon{border-color:rgba(88,101,242,.75)}
.quick-card.social.tiktok:hover .brand-icon{border-color:rgba(254,44,85,.72)}
.quick-card.social.whatsapp:hover .brand-icon{border-color:rgba(37,211,102,.72)}
.quick-card.social small{font-size:10px;letter-spacing:.04em;font-weight:700;color:#afbdd4}
.quick-card.social.is-pending{opacity:.78}
.quick-card.social.is-pending:after{content:"PRÓXIMAMENTE";position:absolute;top:8px;right:8px;font-size:6px;letter-spacing:.13em;color:#7686a4}
@media(max-width:900px){.launch-countdown{margin-top:20px;margin-bottom:18px}.quick-strip{margin-top:0}}
@media(max-width:560px){.launch-countdown{margin-top:14px}.quick-strip{margin-top:0}.quick-card.social .brand-icon{width:32px;height:32px}.quick-card.social.is-pending:after{display:none}}

/* ==========================================================
   INFORMACIÓN DE EVENTOS ESPECIALES
   ========================================================== */
.events-hero {
  position: relative;
  overflow: hidden;
}
.events-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 78% 30%, rgba(122,74,255,.22), transparent 38%), linear-gradient(90deg, rgba(5,8,20,.1), rgba(5,8,20,.72));
  pointer-events: none;
}
.events-hero > div { position: relative; z-index: 1; }
.events-information-page { padding-top: 44px; padding-bottom: 70px; }
.event-announcement-grid { display: grid; gap: 26px; }
.event-announcement {
  position: relative;
  display: grid;
  grid-template-columns: 178px minmax(0,1fr);
  min-height: 410px;
  overflow: hidden;
  border: 1px solid rgba(134,158,220,.22);
  background: linear-gradient(135deg, rgba(19,25,51,.98), rgba(8,12,28,.98));
  box-shadow: 0 22px 70px rgba(0,0,0,.28);
}
.event-announcement::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .7;
  pointer-events: none;
}
.event-announcement.guild-judgment::before { background: radial-gradient(circle at 10% 20%, rgba(239,177,67,.24), transparent 31%), radial-gradient(circle at 92% 80%, rgba(114,60,220,.18), transparent 36%); }
.event-announcement.blood-hunt::before { background: radial-gradient(circle at 10% 20%, rgba(222,47,82,.28), transparent 31%), radial-gradient(circle at 93% 75%, rgba(112,23,52,.22), transparent 34%); }
.event-announcement.ancestral-jewel::before { background: radial-gradient(circle at 8% 20%, rgba(50,205,255,.23), transparent 31%), radial-gradient(circle at 92% 70%, rgba(107,73,255,.24), transparent 38%); }
.event-announcement-top {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 30px 18px;
  border-right: 1px solid rgba(134,158,220,.18);
  background: rgba(5,8,20,.34);
}
.event-badge {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .22em;
  color: #84dcff;
}
.event-number { font-family: Georgia,serif; font-size: 54px; color: rgba(255,255,255,.1); }
.event-announcement-copy { position: relative; z-index: 1; padding: 42px 46px 34px; }
.event-kicker { margin: 0 0 10px; color: #78dfff; font-size: 12px; font-weight: 800; letter-spacing: .2em; }
.event-announcement h2 { margin: 0 0 18px; max-width: 800px; color: #fff; font: 700 clamp(29px,4vw,46px)/1.05 Georgia,serif; text-transform: uppercase; }
.event-announcement-copy > p:not(.event-kicker):not(.event-highlight) { max-width: 930px; margin: 0 0 28px; color: #aab7d4; font-size: 16px; line-height: 1.8; }
.event-announcement-copy strong { color: #eef7ff; }
.event-announcement footer {
  position: absolute;
  z-index: 2;
  left: 178px;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 46px;
  border-top: 1px solid rgba(134,158,220,.16);
  background: rgba(5,8,20,.62);
  color: #7082aa;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.event-announcement footer strong { color: #dce9ff; }
.event-reward-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding-bottom: 46px; }
.event-reward-columns > div { display: grid; grid-template-columns: 52px 1fr; gap: 4px 14px; padding: 18px; border: 1px solid rgba(142,160,215,.17); background: rgba(8,12,29,.58); }
.reward-icon { grid-row: 1/3; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; font-size: 22px; }
.reward-icon.blessing { color: #ffda73; background: rgba(255,196,60,.12); box-shadow: 0 0 30px rgba(255,196,60,.1); }
.reward-icon.curse { color: #e567ff; background: rgba(174,56,255,.13); box-shadow: 0 0 30px rgba(174,56,255,.1); }
.event-reward-columns strong { font-size: 15px; text-transform: uppercase; }
.event-reward-columns small { color: #8797b9; line-height: 1.55; }
.blood-hunt-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 18px; padding-bottom: 42px; }
.blood-hunt-steps > div { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid rgba(229,70,103,.2); background: rgba(41,9,20,.35); }
.blood-hunt-steps b { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border-radius: 50%; color: #fff; background: linear-gradient(135deg,#df2e5d,#7e1738); }
.blood-hunt-steps span { color: #c6cede; font-size: 13px; font-weight: 700; text-transform: uppercase; }
.event-highlight { margin: -30px 0 44px !important; padding-left: 14px; border-left: 2px solid #ef476f; color: #e6b9c4 !important; font-size: 13px !important; }
.ascension-progress { display: flex; align-items: center; max-width: 630px; margin: 24px 0; }
.ascension-progress span { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #437bc0; transform: rotate(45deg); color: #fff; background: linear-gradient(135deg,#122a4e,#50358f); box-shadow: 0 0 26px rgba(82,144,255,.18); }
.ascension-progress span::first-line { transform: rotate(-45deg); }
.ascension-progress i { flex: 1; height: 1px; background: linear-gradient(90deg,#437bc0,#754ec8); }
.ascension-progress .final { background: linear-gradient(135deg,#157ca5,#7854db); box-shadow: 0 0 35px rgba(59,195,255,.26); }
.event-rules-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; margin: 0; padding: 0 0 45px; list-style: none; }
.event-rules-list li { position: relative; padding: 12px 12px 12px 34px; border: 1px solid rgba(99,172,232,.15); color: #9daecc; background: rgba(4,17,32,.32); }
.event-rules-list li::before { content: "✦"; position: absolute; left: 12px; color: #65d4ff; }
.events-calendar-section { margin-top: 52px; }
.section-heading.centered { text-align: center; margin-bottom: 24px; }
.section-heading.centered p { margin: 8px 0 0; color: #7688ab; }
.professional-events-board { max-width: none; }
.server-info-strip { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 28px; border: 1px solid rgba(132,157,214,.18); background: #11172b; }
.server-info-strip div { padding: 22px; text-align: center; border-right: 1px solid rgba(132,157,214,.16); }
.server-info-strip div:last-child { border-right: 0; }
.server-info-strip span { display: block; color: #6f83ad; font-size: 10px; letter-spacing: .16em; }
.server-info-strip strong { display: block; margin-top: 7px; color: #e8f4ff; font-size: 19px; }
@media (max-width: 820px) {
  .event-announcement { grid-template-columns: 58px minmax(0,1fr); min-height: 0; }
  .event-announcement-top { padding: 20px 10px; }
  .event-number { font-size: 30px; }
  .event-announcement-copy { padding: 30px 22px 78px; }
  .event-announcement footer { left: 58px; padding: 13px 20px; flex-direction: column; gap: 5px; }
  .event-reward-columns,.blood-hunt-steps,.event-rules-list { grid-template-columns: 1fr; }
  .blood-hunt-steps { padding-bottom: 54px; }
  .server-info-strip { grid-template-columns: 1fr 1fr; }
  .server-info-strip div:nth-child(2) { border-right: 0; }
}
@media (max-width: 520px) {
  .event-announcement { grid-template-columns: 1fr; }
  .event-announcement-top { display: none; }
  .event-announcement-copy { padding: 28px 18px 96px; }
  .event-announcement footer { left: 0; }
  .event-announcement h2 { font-size: 28px; }
  .event-reward-columns > div { grid-template-columns: 42px 1fr; }
  .reward-icon { width: 40px; height: 40px; }
  .ascension-progress span { width: 34px; height: 34px; }
}


/* ==========================================================
   VERIFICADOS + EFECTOS AMBIENTALES
   ========================================================== */
.ambient-effects{position:fixed;inset:0;width:100%;height:100%;z-index:45;pointer-events:none;opacity:.86;mix-blend-mode:screen}
.site-header,main,.site-footer,.toast{position:relative;z-index:1}
.site-header,.toast{z-index:60}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(57,198,255,.055),transparent 28%),radial-gradient(circle at 85% 12%,rgba(132,89,255,.07),transparent 30%);animation:ambientPulse 8s ease-in-out infinite alternate}
@keyframes ambientPulse{from{opacity:.45;filter:hue-rotate(0deg)}to{opacity:.85;filter:hue-rotate(10deg)}}
.event-announcement.verified-streamers::before{background:radial-gradient(circle at 8% 18%,rgba(244,199,121,.25),transparent 30%),radial-gradient(circle at 90% 75%,rgba(55,196,255,.18),transparent 36%)}
.verified-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:48px}
.verified-benefits>div{display:grid;grid-template-columns:48px 1fr;gap:5px 13px;align-items:start;padding:18px;border:1px solid rgba(244,199,121,.18);background:linear-gradient(145deg,rgba(32,27,35,.64),rgba(7,14,31,.72))}
.verified-benefits>div>span{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-weight:900;font-size:20px;color:#fff;background:linear-gradient(145deg,#b8872c,#f2d27f);box-shadow:0 0 26px rgba(244,199,121,.16),inset 0 0 0 1px rgba(255,255,255,.3)}
.verified-benefits .verified-signal{background:linear-gradient(145deg,#246b9e,#52d8ff)}
.verified-benefits .verified-shield{background:linear-gradient(145deg,#5f3da5,#a76dff)}
.verified-benefits strong{font-size:14px;text-transform:uppercase;color:#f8f0dc}
.verified-benefits small{color:#8999ba;line-height:1.55}
.verified-callout{margin:-30px 0 45px!important;padding:14px 17px;border-left:2px solid #f4c779;background:rgba(244,199,121,.06);color:#d8c9a7!important;font-size:13px!important}
@media(max-width:820px){.verified-benefits{grid-template-columns:1fr}.ambient-effects{opacity:.4}}
@media(prefers-reduced-motion:reduce){.ambient-effects{display:none}body::before{animation:none}}


/* ==========================================================
   GIFT SYSTEM + LLUVIA SUAVE VISIBLE
   ========================================================== */
.ambient-effects{
  opacity:.92;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 3px rgba(115,205,255,.34));
}
.event-announcement.gift-system::before{
  background:
    radial-gradient(circle at 12% 18%,rgba(57,198,255,.22),transparent 31%),
    radial-gradient(circle at 88% 72%,rgba(132,89,255,.24),transparent 36%),
    linear-gradient(135deg,rgba(15,25,54,.5),rgba(8,11,24,.12));
}
.gift-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 20px}
.gift-flow>div{position:relative;min-height:128px;padding:18px 16px 18px 66px;border:1px solid rgba(78,229,255,.17);background:linear-gradient(145deg,rgba(20,30,58,.78),rgba(10,13,28,.84));box-shadow:inset 0 0 28px rgba(74,95,180,.05)}
.gift-flow>div>span{position:absolute;left:16px;top:18px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-family:Cinzel,serif;font-weight:800;color:#09101f;background:linear-gradient(145deg,#7de9ff,#8d71ff);box-shadow:0 0 22px rgba(78,229,255,.2)}
.gift-flow strong{display:block;margin-bottom:7px;color:#eff7ff;text-transform:uppercase;font-size:13px;letter-spacing:.05em}
.gift-flow small{display:block;color:#8fa0c2;line-height:1.55}
.gift-rules{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin:0 0 22px;padding:0;list-style:none}
.gift-rules li{position:relative;padding:12px 12px 12px 35px;color:#aab7cf;background:rgba(255,255,255,.025);border-left:1px solid rgba(132,89,255,.35);font-size:13px}
.gift-rules li::before{content:'✦';position:absolute;left:12px;color:#68dfff}
.gift-warning{margin:0 0 45px!important;padding:14px 17px;border-left:2px solid #49d3ff;background:rgba(57,198,255,.07);color:#c6edff!important;font-size:13px!important}
@media(max-width:820px){.gift-flow{grid-template-columns:1fr}.gift-rules{grid-template-columns:1fr}.ambient-effects{opacity:.62}}

/* LLUVIA VISIBLE SOBRE EL FONDO */
.ambient-effects{will-change:transform;transform:translateZ(0)}
@media(max-width:820px){.ambient-effects{opacity:.76}}

/* ==========================================================
   LLUVIA DE FONDO GARANTIZADA + DESTELLO DEL LOGO
   ========================================================== */
.hero::marker{display:none}
.hero-rain,
.hero-rain::before,
.hero-rain::after{
  position:absolute;
  inset:-18% -10% -8%;
  content:"";
  pointer-events:none;
}
.hero-rain{
  z-index:1;
  overflow:hidden;
  opacity:.78;
  background-image:
    repeating-linear-gradient(116deg,
      transparent 0,
      transparent 38px,
      rgba(166,220,255,.24) 39px,
      rgba(214,239,255,.72) 40px,
      transparent 43px,
      transparent 79px);
  background-size:190px 260px;
  animation:kissiRainFall 1.05s linear infinite;
  filter:drop-shadow(0 0 2px rgba(98,183,255,.55));
  mix-blend-mode:screen;
}
.hero-rain::before{
  opacity:.48;
  background-image:
    repeating-linear-gradient(112deg,
      transparent 0,
      transparent 64px,
      rgba(111,183,255,.38) 65px,
      rgba(193,229,255,.78) 66px,
      transparent 69px,
      transparent 128px);
  background-size:260px 340px;
  animation:kissiRainFallSlow 1.55s linear infinite;
}
.hero-rain::after{
  inset:0;
  opacity:.28;
  background:
    radial-gradient(ellipse at 12% 88%,rgba(87,147,255,.18),transparent 30%),
    radial-gradient(ellipse at 73% 95%,rgba(146,92,255,.2),transparent 34%);
  animation:kissiRainMist 5s ease-in-out infinite alternate;
}
@keyframes kissiRainFall{
  from{transform:translate3d(0,-260px,0)}
  to{transform:translate3d(-92px,260px,0)}
}
@keyframes kissiRainFallSlow{
  from{transform:translate3d(70px,-340px,0)}
  to{transform:translate3d(-60px,340px,0)}
}
@keyframes kissiRainMist{
  from{opacity:.16;transform:translateY(8px)}
  to{opacity:.38;transform:translateY(-8px)}
}
.hero-content{z-index:3}
.hero-art{z-index:0}
.hero-logo-wrap{
  position:relative;
  width:max-content;
  max-width:100%;
  margin-bottom:18px;
  isolation:isolate;
}
.hero-logo-wrap .hero-logo{margin-bottom:0}
.hero-logo-wrap::before{
  content:"";
  position:absolute;
  z-index:2;
  top:-20%;
  bottom:-20%;
  left:-34%;
  width:26%;
  pointer-events:none;
  opacity:0;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),rgba(181,231,255,.96),rgba(255,255,255,.18),transparent);
  filter:blur(1px) drop-shadow(0 0 10px rgba(111,201,255,.92));
  mix-blend-mode:screen;
  animation:kissiLogoShine 4.8s ease-in-out infinite;
}
.hero-logo-wrap::after{
  content:"✦";
  position:absolute;
  z-index:3;
  right:8%;
  top:11%;
  color:#e8fbff;
  font-size:24px;
  text-shadow:0 0 7px #fff,0 0 16px #72d9ff,0 0 28px #795cff;
  opacity:0;
  animation:kissiLogoSpark 4.8s ease-in-out infinite;
}
@keyframes kissiLogoShine{
  0%,48%{left:-34%;opacity:0}
  53%{opacity:.3}
  62%{opacity:.95}
  72%{left:112%;opacity:.15}
  73%,100%{left:112%;opacity:0}
}
@keyframes kissiLogoSpark{
  0%,55%,75%,100%{opacity:0;transform:scale(.4) rotate(0)}
  62%{opacity:1;transform:scale(1.35) rotate(25deg)}
  69%{opacity:.25;transform:scale(.7) rotate(55deg)}
}
.mini-logo img{animation:kissiMiniGlow 3.6s ease-in-out infinite alternate}
@keyframes kissiMiniGlow{
  from{filter:drop-shadow(0 8px 18px #000) drop-shadow(0 0 0 rgba(99,202,255,0))}
  to{filter:drop-shadow(0 8px 18px #000) drop-shadow(0 0 10px rgba(99,202,255,.58))}
}
@media(max-width:820px){
  .hero-rain{opacity:.58;background-size:150px 220px}
  .hero-rain::before{opacity:.3}
  .hero-logo-wrap::after{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  .hero-rain,.hero-rain::before,.hero-rain::after,.hero-logo-wrap::before,.hero-logo-wrap::after,.mini-logo img{animation:none}
}


/* ==========================================================
   LLUVIA REAL SUAVE (override final)
   ========================================================== */
.hero-rain{display:none !important}
.ambient-effects{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:2;
  pointer-events:none;
  opacity:1;
  mix-blend-mode:screen;
}
.hero,.hero-content,.quick-strip,.portal-grid,.stats-row,.lower-grid,.content-shell,.site-footer{position:relative;z-index:3}
.site-header{z-index:60}
body::before{opacity:.35}
@media(max-width:820px){.ambient-effects{opacity:.9}}
@media(prefers-reduced-motion:reduce){.ambient-effects{display:none}}

/* === FIX LLUVIA REAL 20260728.11 === */
.ambient-effects,.hero-rain{display:none!important}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-art{z-index:0}
.hero-rain-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;display:block;opacity:.88;mix-blend-mode:screen;filter:drop-shadow(0 0 1px rgba(175,215,255,.28))}
.hero-content{position:relative;z-index:4}
.hero-logo-wrap{position:relative;z-index:5}
.ranking-refresh-note{margin:0 0 14px;padding:10px 14px;border:1px solid rgba(73,208,255,.16);background:rgba(16,25,48,.65);color:#8fa8cf;font-size:12px;letter-spacing:.04em}
@media(max-width:760px){.hero-rain-canvas{opacity:.68}}


/* Selector multi idioma: agregado sin modificar el diseño original */
.nav-wrap{position:relative}
.language-switcher{position:relative;right:auto;top:auto;transform:none;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(117,166,255,.22);background:rgba(8,14,31,.64);backdrop-filter:blur(8px);z-index:3;justify-self:end}.language-switcher a{display:flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 7px;color:#8597bb;font-size:10px;font-weight:800;letter-spacing:.08em;text-decoration:none;transition:.2s ease}.language-switcher a:hover,.language-switcher a.active{color:#fff;background:linear-gradient(135deg,rgba(111,83,255,.85),rgba(44,194,236,.8));box-shadow:0 0 16px rgba(76,157,255,.22)}
@media(max-width:1180px){.main-menu{gap:26px}.account-link{min-width:175px}}
@media(max-width:900px){.language-switcher{justify-self:start;margin-left:0}.nav-wrap{position:relative;grid-template-columns:1fr auto auto}}
@media(max-width:480px){.language-switcher a{min-width:25px;height:24px;padding:0 4px;font-size:9px}}

/* Staff MU KISSI */
.staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.staff-card{position:relative;overflow:hidden;padding:32px 24px;text-align:center;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(0,0,0,.3)}.staff-card:before{content:"";position:absolute;inset:0;opacity:.88;z-index:0}.staff-card>*{position:relative;z-index:1}.staff-founder:before{background:linear-gradient(145deg,rgba(105,13,27,.95),rgba(28,8,17,.98))}.staff-admin:before{background:linear-gradient(145deg,rgba(16,92,58,.95),rgba(7,31,24,.98))}.staff-gm:before{background:linear-gradient(145deg,rgba(137,65,10,.95),rgba(42,20,7,.98))}.staff-founder{border-color:rgba(255,74,94,.5)}.staff-admin{border-color:rgba(78,234,154,.5)}.staff-gm{border-color:rgba(255,157,55,.55)}.staff-role{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff}.staff-avatar{width:82px;height:82px;margin:20px auto 14px;border-radius:50%;display:grid;place-items:center;background:rgba(5,9,20,.65);border:2px solid rgba(255,255,255,.35);font:700 32px Georgia,serif;color:#fff}.staff-card h2{margin:0 0 10px;font-size:26px;font-weight:800;letter-spacing:.01em;transition:all .35s ease}.staff-founder h2{color:#ff7588;text-shadow:0 0 6px rgba(255,117,136,.65),0 0 14px rgba(255,82,107,.55),0 0 26px rgba(180,19,44,.45),0 0 38px rgba(255,40,76,.28)}.staff-admin h2{color:#79ffb7;text-shadow:0 0 6px rgba(121,255,183,.65),0 0 14px rgba(64,235,152,.55),0 0 26px rgba(14,159,89,.45),0 0 38px rgba(31,255,157,.26)}.staff-gm h2{color:#ffc56a;text-shadow:0 0 6px rgba(255,197,106,.68),0 0 14px rgba(255,167,44,.58),0 0 26px rgba(210,104,9,.45),0 0 38px rgba(255,149,34,.28)}.staff-card:hover h2{transform:translateY(-1px) scale(1.02)}.staff-card p{min-height:48px;color:rgba(255,255,255,.78)}.staff-status{display:inline-flex;margin-top:16px;padding:8px 13px;border:1px solid rgba(255,255,255,.24);font-size:11px;font-weight:800;letter-spacing:.1em;color:#fff;background:rgba(0,0,0,.22)}.staff-status.available{opacity:.72}@media(max-width:850px){.staff-grid{grid-template-columns:1fr}}

/* ==========================================================
   MU KISSI PREMIUM ADAPTATION 2026-07-29
   Efectos trasladados y reescritos para el portal nativo.
   No depende de Bootstrap, jQuery ni WebEngine.
   ========================================================== */
:root{
  --premium-border:rgba(112,178,255,.18);
  --premium-glass:linear-gradient(145deg,rgba(24,31,55,.91),rgba(9,13,27,.96));
  --premium-shadow:0 24px 70px rgba(0,0,0,.34);
}
body{overflow-x:hidden;background:radial-gradient(circle at 72% -5%,#1a2445 0,#090b14 35%,#060811 100%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
main,.site-footer{position:relative;z-index:2}
.site-header,.toast,.back-to-top{z-index:60}

/* Fondo parallax sin imágenes ajenas */
.ambient-fx{--pointer-x:0px;--pointer-y:0px;--scroll-shift:0px;position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.62;transform:translate3d(var(--pointer-x),var(--pointer-y),0);transition:transform .18s ease-out}
.ambient-particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:.26;transform:translateY(var(--scroll-shift)) rotate(var(--rotation));animation:premiumFloat var(--duration) ease-in-out var(--delay) infinite;filter:drop-shadow(0 0 8px rgba(85,209,255,.52))}
.ambient-particle::before,.ambient-particle::after{content:"";position:absolute;inset:0}
.ambient-particle-1::before{transform:rotate(45deg);background:linear-gradient(135deg,rgba(78,229,255,.05),rgba(78,229,255,.72));border:1px solid rgba(163,237,255,.45)}
.ambient-particle-2::before{border-radius:50% 0 50% 50%;transform:rotate(35deg);background:linear-gradient(145deg,rgba(132,89,255,.04),rgba(132,89,255,.75));border:1px solid rgba(188,164,255,.38)}
.ambient-particle-3::before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(145deg,rgba(244,199,121,.04),rgba(244,199,121,.7));border:1px solid rgba(255,224,165,.36)}
.ambient-particle-4::before{border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(57,198,255,.5) 28%,rgba(57,198,255,.02) 66%)}
@keyframes premiumFloat{0%,100%{translate:0 0;rotate:0deg}35%{translate:12px -18px;rotate:5deg}70%{translate:-8px -8px;rotate:-4deg}}

/* Entrada al hacer scroll */
.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .44s ease var(--reveal-delay,0ms),transform .44s cubic-bezier(.22,.78,.26,1) var(--reveal-delay,0ms)}
.js [data-reveal].is-visible{opacity:1;transform:translateY(0)}

/* Tarjeta con spotlight y profundidad */
.interactive-card{--tilt-x:0deg;--tilt-y:0deg;position:relative;isolation:isolate;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.interactive-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(105,212,255,.13),transparent 55%);transition:opacity .16s ease}
.interactive-card:hover::after{opacity:1}
.interactive-card:hover{border-color:rgba(102,207,255,.3);box-shadow:0 26px 72px rgba(0,0,0,.38),0 0 30px rgba(79,114,255,.07)}

/* Navegación premium */
.main-menu a.active{opacity:1;color:#e9f7ff;text-shadow:0 0 14px rgba(70,202,255,.32)}
.main-menu a.active::after{left:0;right:0}
.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-toggle span{transition:.25s ease}

/* Hero y acciones */
.server-live-pill{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;padding:8px 13px;border:1px solid rgba(89,218,255,.22);background:rgba(7,15,30,.6);backdrop-filter:blur(9px);color:#bcecff;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 26px rgba(70,199,255,.08)}
.server-live-pill i,.footer-server-status i,.ranking-refresh-note i{width:7px;height:7px;border-radius:50%;background:#59e7ad;box-shadow:0 0 13px #59e7ad;animation:statusPulse 1.6s ease-in-out infinite}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:28px}
.hero-actions .primary-btn{margin-top:0;width:auto;min-width:168px}
.secondary-btn{display:inline-flex;justify-content:center;align-items:center;min-height:43px;padding:12px 22px;border:1px solid rgba(154,207,255,.26);background:rgba(8,14,29,.46);backdrop-filter:blur(9px);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.25s ease}
.secondary-btn:hover{border-color:#70dfff;background:rgba(37,106,153,.24);box-shadow:0 0 25px rgba(74,201,255,.13);transform:translateY(-2px)}
.primary-btn{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.primary-btn::before{content:"";position:absolute;top:-60%;bottom:-60%;left:-40%;width:25%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transition:left .55s ease}
.primary-btn:hover::before{left:120%}
.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 34px rgba(73,104,255,.34)}
.primary-btn b{margin-left:auto;font-size:15px}

/* Accesos y banners */
.quick-card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%);transform:translateX(-130%);transition:transform .7s ease}
.quick-card:hover::before{transform:translateX(130%)}
.promo-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s ease}
.promo-slide.active{opacity:1;visibility:visible}
.promo-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.promo-message::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,8,18,.92),rgba(10,15,32,.48),rgba(6,8,18,.64))}
.promo-message>div{position:absolute;left:32px;bottom:54px;z-index:2;max-width:430px;text-shadow:0 7px 24px #000}
.promo-message span{display:block;color:#6fe3ff;font-size:9px;font-weight:800;letter-spacing:.22em}
.promo-message strong{display:block;margin:9px 0 8px;font:700 26px/1.12 Cinzel,serif;color:#fff}
.promo-message small{display:block;color:#aebbd1;line-height:1.55}
.slide-dots{z-index:5}
.slide-dots button{cursor:pointer;transition:.25s ease}
.slide-dots button:hover{color:#fff;background:#263b60}
.news-list article{transition:transform .25s ease,background .25s ease,padding .25s ease}
.news-list article:hover{padding-left:10px;background:linear-gradient(90deg,rgba(64,194,255,.055),transparent);transform:translateX(3px)}
.news-tag{display:inline-block;margin-bottom:7px;color:#5cdcff;font-size:7px;font-weight:800;letter-spacing:.17em}

/* Estadísticas y tarjetas de experiencia */
.stats-row .stat-card{border-top:1px solid rgba(94,208,255,.18);min-height:132px}
.stats-row .stat-card::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;transform:scaleX(.25);transform-origin:left;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:transform .45s ease}
.stats-row .stat-card:hover::before{transform:scaleX(1)}
.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.experience-card{min-height:310px;overflow:hidden;padding:30px;border:1px solid var(--premium-border);background:var(--premium-glass);box-shadow:var(--premium-shadow)}
.experience-card::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 82% 18%,rgba(80,203,255,.18),transparent 30%),linear-gradient(155deg,transparent 35%,rgba(61,76,143,.13))}
.experience-card.experience-ranking::before{background:radial-gradient(circle at 82% 18%,rgba(244,199,121,.18),transparent 31%),linear-gradient(155deg,transparent 35%,rgba(132,89,255,.13))}
.experience-card.experience-mobile::before{background:radial-gradient(circle at 82% 18%,rgba(98,255,190,.13),transparent 31%),linear-gradient(155deg,transparent 35%,rgba(38,147,198,.13))}
.experience-card>i{display:grid;place-items:center;width:58px;height:58px;margin-bottom:48px;border:1px solid rgba(91,207,255,.25);background:rgba(23,70,110,.2);font-style:normal;font-size:24px;color:#9beaff;box-shadow:0 0 30px rgba(62,197,255,.08)}
.experience-card .experience-number{position:absolute;right:22px;top:10px;font:800 72px/1 Cinzel,serif;color:rgba(255,255,255,.035)}
.experience-card small{color:#6cdfff;font-size:8px;font-weight:800;letter-spacing:.2em}
.experience-card h2{margin:9px 0 12px;font:700 22px/1.15 Cinzel,serif}
.experience-card p{margin:0;color:#8f9db5;font-size:12px;line-height:1.65}
.experience-card>b{position:absolute;left:30px;bottom:26px;color:#c8eaff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.experience-card:hover{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-7px)}
.feature-progress{margin-top:28px}
.feature-progress>div{display:flex;justify-content:space-between;margin-bottom:8px;color:#8190ab;font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.feature-progress>div strong{color:#dff7ff}
.feature-progress>i{display:block;height:4px;overflow:hidden;background:rgba(255,255,255,.06)}
.feature-progress>i>b{display:block;width:100%;height:100%;background:linear-gradient(90deg,#7557ff,#48dfff);box-shadow:0 0 16px rgba(72,223,255,.4);animation:progressGlow 2.4s ease-in-out infinite alternate}
@keyframes progressGlow{from{filter:brightness(.8)}to{filter:brightness(1.25)}}

/* Encabezados interiores */
.page-hero.compact{overflow:hidden}
.page-hero.compact::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(110deg,transparent 20%,rgba(107,80,255,.09),transparent 68%);animation:pageHeroSweep 9s linear infinite}
.page-hero>div{z-index:3}
@keyframes pageHeroSweep{from{transform:translateX(-60%)}to{transform:translateX(60%)}}

/* Ranking premium */
.premium-ranking{min-height:720px}
.ranking-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.ranking-tabs{display:flex;gap:7px}
.ranking-tabs button{position:relative;min-width:150px;padding:14px 24px;border:1px solid rgba(255,255,255,.07);background:#0d1222;color:#6f7f9a;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.25s ease}
.ranking-tabs button::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;transform:scaleX(0);background:linear-gradient(90deg,var(--violet),var(--cyan));transition:.25s ease}
.ranking-tabs button:hover,.ranking-tabs button.active{color:#ecf8ff;background:#151c32;border-color:rgba(88,200,255,.22)}
.ranking-tabs button.active::before{transform:scaleX(1)}
.ranking-refresh-note{display:flex;align-items:center;gap:8px;margin:0;padding:10px 13px;border:1px solid rgba(73,208,255,.14);background:rgba(9,16,32,.58);color:#8296b7;font-size:10px}
.ranking-refresh-note i{display:block;flex:0 0 7px}
.rank-pane{display:none;animation:rankPaneIn .42s ease}
.rank-pane.active{display:block}
@keyframes rankPaneIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.ranking-podium{display:grid;grid-template-columns:1fr 1.14fr 1fr;gap:16px;align-items:end;margin-bottom:20px}
.podium-card{min-height:285px;padding:18px 22px 22px;text-align:center;border:1px solid var(--premium-border);background:var(--premium-glass);box-shadow:var(--premium-shadow);overflow:hidden}
.podium-card::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 15%,rgba(83,205,255,.16),transparent 35%)}
.podium-card.podium-1{min-height:320px;border-color:rgba(244,199,121,.35);background:linear-gradient(145deg,rgba(48,39,41,.93),rgba(12,14,27,.98));order:2}
.podium-card.podium-2{order:1}
.podium-card.podium-3{order:3}
.podium-card.podium-1::before{background:radial-gradient(circle at 50% 14%,rgba(244,199,121,.25),transparent 37%)}
.podium-rank{position:relative;display:flex;align-items:center;justify-content:center;z-index:2;margin:-6px auto 2px}.podium-rank img{display:block;width:138px;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}.podium-position-badge{display:inline-flex;align-items:center;justify-content:center;margin:2px auto 12px;padding:6px 12px;border:1px solid rgba(255,255,255,.1);background:rgba(6,11,24,.6);font-size:10px;font-weight:800;letter-spacing:.16em;color:#dceeff}
.class-orb{position:relative;display:grid;place-items:center;width:86px;height:86px;margin:10px auto 16px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.16),rgba(67,105,172,.14) 40%,rgba(7,12,25,.9));box-shadow:0 0 34px rgba(61,178,255,.12),inset 0 0 20px rgba(255,255,255,.04)}
.class-orb::before,.class-orb::after{content:"";position:absolute;border-radius:50%;border:1px solid currentColor;opacity:.18}
.class-orb::before{inset:-7px}.class-orb::after{inset:6px}
.class-orb span{font:800 31px Cinzel,serif;color:#eff8ff;text-shadow:0 0 16px currentColor}
.class-wizard{color:#63cfff}.class-knight{color:#ff7a84}.class-elf{color:#61e7ad}.class-gladiator{color:#b68aff}.class-lord{color:#f1c36d}.class-summoner{color:#e17cff}.class-fighter{color:#ff9a63}.class-unknown{color:#9aa9c3}
.podium-card>small{display:block;color:#7d8ca7;font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.podium-card h2{margin:7px 0 21px;font:700 23px Cinzel,serif;color:#f5f8ff}
.podium-1 h2{color:#ffe3a3;text-shadow:0 0 18px rgba(244,199,121,.2)}
.podium-values{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid rgba(255,255,255,.06);padding-top:16px}
.podium-values span{display:block}
.podium-values small{display:block;color:#667895;font-size:7px;letter-spacing:.12em}
.podium-values strong{display:block;margin-top:4px;color:#ecf6ff;font-size:15px}
.rank-list-card{overflow:hidden;border:1px solid var(--premium-border);background:var(--premium-glass);box-shadow:var(--premium-shadow)}
.rank-list-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;border-bottom:1px solid rgba(255,255,255,.065)}
.rank-list-head>div>span{font-size:8px;font-weight:800;letter-spacing:.2em;color:#66ddff}
.rank-list-head h2{margin:6px 0 0;font:700 23px Cinzel,serif}
.ranking-search{position:relative;width:min(310px,100%)}
.ranking-search>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:19px;color:#617494}
.ranking-search input{width:100%;height:44px;padding:0 14px 0 43px;border:1px solid rgba(108,173,235,.16);outline:0;background:rgba(4,8,20,.48);color:#eef7ff;font-size:11px;transition:.25s ease}
.ranking-search input:focus{border-color:#53d5ff;box-shadow:0 0 0 3px rgba(83,213,255,.07)}
.ranking-search input::placeholder{color:#53627a}
.rank-column-labels,.premium-rank-row{display:grid;grid-template-columns:54px minmax(190px,1.15fr) minmax(170px,.9fr) 80px 90px 70px;align-items:center;gap:12px}
.rank-column-labels{padding:13px 22px;background:rgba(4,8,19,.48);color:#63728d;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.premium-rank-list{padding:10px 12px 15px}
.premium-rank-row{min-height:68px;margin-bottom:7px;padding:9px 10px;border-left:3px solid transparent;background:rgba(255,255,255,.024);color:#9ca9bd;font-size:11px;transition:.25s ease}
.premium-rank-row:hover{border-left-color:#5edcff;background:linear-gradient(90deg,rgba(72,202,255,.09),rgba(255,255,255,.025));transform:translateX(5px)}
.premium-rank-row[hidden]{display:none!important}
.row-position{display:grid;place-items:center;width:58px;height:48px;color:#67809f;font:700 12px Cinzel,serif;border:1px solid rgba(105,178,235,.12);background:rgba(5,10,22,.48)}
.rank-mini-badge{display:block;max-width:48px;max-height:42px;width:auto;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.48))}
.row-character{display:flex;align-items:center;gap:12px;min-width:0}
.row-character strong{overflow:hidden;text-overflow:ellipsis;color:#eef5ff;font-size:12px}
.mini-class-orb,.guild-shield{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;border:1px solid currentColor;background:rgba(7,12,24,.8);font-style:normal;font-weight:800;color:#83dcff;box-shadow:0 0 16px rgba(82,204,255,.08)}
.row-class{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7c8aa1}
.premium-rank-row>strong{color:#dcecff;text-align:center;font-size:12px}
.guild-labels,.guild-row{grid-template-columns:54px minmax(200px,1.2fr) minmax(180px,1fr) 100px 100px}
.guild-shield{border-radius:4px;transform:rotate(45deg);color:#f0c875}
.guild-shield::first-line{transform:rotate(-45deg)}
.guild-row.top-guild{background:linear-gradient(90deg,rgba(244,199,121,.075),rgba(255,255,255,.024))}
.guild-row.top-guild .row-position{color:#f1c979;border-color:rgba(244,199,121,.22);background:linear-gradient(180deg,rgba(255,211,116,.08),rgba(9,12,24,.42))}
.filter-empty{margin:8px 0}
.premium-empty{min-height:220px;display:grid;place-items:center;border:1px solid var(--premium-border)}

/* Panel de cuenta */
.account-dashboard{padding-top:24px}
.account-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}
.account-summary article{padding:19px 20px;border:1px solid var(--premium-border);background:var(--premium-glass);box-shadow:0 15px 42px rgba(0,0,0,.22)}
.account-summary span{display:block;color:#7586a3;font-size:8px;font-weight:800;letter-spacing:.13em}
.account-summary strong{display:block;margin:7px 0 4px;font:700 26px Cinzel,serif;color:#e6f4ff}
.account-summary small{color:#586a87;font-size:9px}
.account-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}
.account-sidebar{position:sticky;top:95px;padding:27px 22px;border:1px solid var(--premium-border);background:var(--premium-glass);box-shadow:var(--premium-shadow);text-align:center}
.account-emblem{display:grid;place-items:center;width:94px;height:94px;overflow:hidden;margin:0 auto 15px;border:1px solid rgba(95,212,255,.36);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),rgba(51,119,171,.25),rgba(6,11,24,.94));box-shadow:0 0 34px rgba(75,200,255,.16),inset 0 0 20px rgba(255,255,255,.06)}.account-emblem img{width:100%;height:100%;object-fit:cover}
.account-sidebar>span{color:#5ce0ff;font-size:8px;font-weight:800;letter-spacing:.17em}
.account-sidebar h2{margin:7px 0 22px;font:700 21px Cinzel,serif}
.account-sidebar nav{display:grid;gap:6px;text-align:left}
.account-sidebar nav a{display:flex;justify-content:space-between;padding:13px 12px;border:1px solid transparent;background:rgba(255,255,255,.024);color:#8898b0;font-size:10px;font-weight:700;transition:.22s ease}
.account-sidebar nav a:hover,.account-sidebar nav a.active{color:#eaf8ff;border-color:rgba(78,212,255,.14);background:rgba(57,171,227,.09);padding-left:16px}
.account-sidebar nav a.logout:hover{color:#ff9bae;border-color:rgba(255,87,119,.15);background:rgba(255,87,119,.07)}
.account-sidebar>p{margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);color:#596a85;font-size:9px;line-height:1.65;text-align:left}
.characters-panel{min-width:0;padding:25px;border:1px solid var(--premium-border);background:var(--premium-glass);box-shadow:var(--premium-shadow)}
.characters-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px}
.characters-heading span{color:#60dcff;font-size:8px;font-weight:800;letter-spacing:.18em}
.characters-heading h2{margin:6px 0 0;font:700 24px Cinzel,serif}
.characters-heading>small{color:#60718d;font-size:9px}
.premium-characters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.character-card{min-height:250px;padding:22px;border:1px solid rgba(255,255,255,.07);border-top:2px solid currentColor;background:linear-gradient(145deg,rgba(21,29,53,.82),rgba(7,11,23,.94));overflow:hidden;color:#65cfff}
.character-card::before{content:"";position:absolute;right:-55px;top:-55px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,currentColor 0,transparent 67%);opacity:.08}
.class-border-wizard{color:#63cfff}.class-border-knight{color:#ff7a84}.class-border-elf{color:#61e7ad}.class-border-gladiator{color:#b68aff}.class-border-lord{color:#f1c36d}.class-border-summoner{color:#e17cff}.class-border-fighter{color:#ff9a63}.class-border-unknown{color:#9aa9c3}
.character-card-top{display:flex;align-items:center;gap:15px}
.character-card .class-orb{width:60px;height:60px;margin:0}
.character-card .class-orb span{font-size:22px}
.character-class{color:#8b99ae;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.character-card h3{margin:18px 0 8px;color:#f2f6ff;font:700 22px Cinzel,serif}
.character-location{display:flex;align-items:center;gap:7px;color:#6e7d96;font-size:10px}
.character-location i{color:currentColor;font-style:normal}
.character-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}
.character-stats small{display:block;color:#63718a;font-size:7px;letter-spacing:.12em}
.character-stats strong{display:block;margin-top:5px;color:#dcecff;font-size:14px}
.account-empty{display:grid;gap:8px;place-items:center;min-height:300px}
.account-empty strong{color:#dce9ff}.account-empty span{font-size:11px}.account-empty .primary-btn{width:auto}

/* Descarga */
.download-page{padding-top:28px}
.premium-download{position:relative;overflow:hidden;border-color:rgba(94,210,255,.22);background:linear-gradient(125deg,rgba(18,26,51,.97),rgba(17,16,42,.96) 55%,rgba(7,43,61,.94))}
.premium-download::before{content:"";position:absolute;inset:-50% auto -50% 45%;width:320px;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(95,213,255,.08),transparent);animation:launchGlow 7s linear infinite}
.download-device-wrap{position:relative;isolation:isolate}
.device-glow{position:absolute;left:50%;top:50%;z-index:-1;width:280px;height:280px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(77,201,255,.22),rgba(111,75,255,.09) 45%,transparent 70%);filter:blur(8px);animation:devicePulse 3.4s ease-in-out infinite alternate}
@keyframes devicePulse{from{transform:translate(-50%,-50%) scale(.9);opacity:.6}to{transform:translate(-50%,-50%) scale(1.08);opacity:1}}
.download-copy{position:relative;z-index:2}
.download-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}
.download-meta span{padding:13px;border:1px solid rgba(102,182,240,.12);background:rgba(4,9,22,.3)}
.download-meta small{margin:0;color:#657895;font-size:7px;letter-spacing:.12em}
.download-meta strong{display:block;margin-top:5px;color:#dfedff;font-size:11px}
.download-action{max-width:340px}
.download-safe{padding-left:17px;position:relative}.download-safe::before{content:"✓";position:absolute;left:0;color:#56e6ab}
.download-details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.download-info-card{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:23px;border:1px solid var(--premium-border);background:var(--premium-glass);box-shadow:0 17px 46px rgba(0,0,0,.22)}
.download-info-card>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(91,209,255,.23);background:rgba(41,119,170,.12);color:#72dcff;font:700 13px Cinzel,serif}
.download-info-card small{color:#5edcff;font-size:7px;font-weight:800;letter-spacing:.18em}
.download-info-card h3{margin:6px 0 8px;font:700 16px Cinzel,serif}
.download-info-card p{margin:0;color:#75849d;font-size:10px;line-height:1.65}
.requirements-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:18px}
.requirements-card,.security-card{padding:28px;border:1px solid var(--premium-border);background:var(--premium-glass);box-shadow:var(--premium-shadow)}
.requirements-card>span,.security-card>span{color:#5cdcff;font-size:8px;font-weight:800;letter-spacing:.18em}
.requirements-card h2,.security-card h2{margin:7px 0 20px;font:700 23px Cinzel,serif}
.requirements-card ul{list-style:none;margin:0;padding:0}
.requirements-card li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid rgba(255,255,255,.06);font-size:10px}
.requirements-card li b{color:#65748d}.requirements-card li strong{color:#dce8f9;text-align:right}
.security-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(15,37,49,.92),rgba(8,15,29,.97))}
.security-card>i{display:grid;place-items:center;width:52px;height:52px;margin-bottom:19px;border-radius:50%;background:linear-gradient(145deg,#41c98f,#44aeda);font-style:normal;font-size:22px;box-shadow:0 0 30px rgba(64,220,169,.16)}
.security-card p{color:#8291aa;font-size:11px;line-height:1.7}
.security-card a{display:inline-block;margin-top:13px;color:#8fe8ff;font-size:10px;font-weight:800;text-transform:uppercase}

/* Login y registro */
.premium-auth{padding-top:105px;background-position:center top}
.premium-auth::before{background:linear-gradient(90deg,rgba(5,8,17,.92),rgba(5,8,17,.67),rgba(6,8,17,.86));backdrop-filter:blur(3px)}
.auth-shell{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;width:min(940px,100%);border:1px solid rgba(104,183,246,.16);box-shadow:0 35px 100px rgba(0,0,0,.5)}
.register-shell{width:min(1080px,100%);grid-template-columns:.72fr 1.28fr}
.auth-benefits{padding:46px 38px;background:linear-gradient(150deg,rgba(11,25,50,.96),rgba(16,15,42,.94));border-right:1px solid rgba(100,185,246,.14)}
.auth-benefits>img{width:180px;margin-bottom:35px}
.auth-benefits>span{color:#62ddff;font-size:8px;font-weight:800;letter-spacing:.2em}
.auth-benefits h1{margin:9px 0 15px;font:700 31px/1.12 Cinzel,serif}
.auth-benefits>p{margin:0;color:#8897ae;font-size:12px;line-height:1.75}
.auth-benefits ul{display:grid;gap:15px;list-style:none;margin:35px 0 0;padding:0}
.auth-benefits li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center}
.auth-benefits li>i{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(80,215,255,.2);border-radius:50%;background:rgba(44,138,190,.12);color:#65dfff;font-style:normal;font-size:10px;font-weight:800}
.auth-benefits li span strong,.auth-benefits li span small{display:block}.auth-benefits li strong{font-size:11px}.auth-benefits li small{margin-top:3px;color:#64758e;font-size:9px}
.premium-form-card{width:auto;max-width:none;padding:44px 42px;background:linear-gradient(145deg,rgba(20,27,50,.98),rgba(8,12,25,.99));box-shadow:none;border:0}
.premium-form-card>span{text-align:left}.premium-form-card h2{margin:8px 0 4px;text-align:left;font:700 29px Cinzel,serif}.auth-subtitle{margin:0 0 24px!important;color:#71819c!important;text-align:left!important;font-size:10px!important}
.premium-form-card label{margin-bottom:16px}.input-wrap{position:relative}.input-wrap>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#526682;font-style:normal;font-size:11px;transition:.22s ease}.premium-form-card .input-wrap input{padding-left:42px}.input-wrap:focus-within>i{color:#61dcff;text-shadow:0 0 12px rgba(97,220,255,.5)}
.premium-form-card input{background:rgba(4,8,19,.64);border-color:rgba(115,169,226,.14)}
.premium-form-card input:focus{border-color:#55d5ff;box-shadow:0 0 0 3px rgba(85,213,255,.07)}
.premium-form-card>p{text-align:center}.premium-form-card>p a{color:#65dcff;font-weight:800}.auth-security{display:block;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);color:#566984;text-align:center;font-size:8px}
.error-page .auth-card p{text-align:center;color:#8290a8;line-height:1.6}

/* Staff */
.staff-intro{display:flex;align-items:center;gap:16px;margin-bottom:22px;padding:16px 20px;border:1px solid rgba(86,209,255,.14);background:linear-gradient(90deg,rgba(11,26,47,.8),rgba(8,19,37,.55))}
.staff-intro span{flex:0 0 auto;color:#65ddff;font-size:8px;font-weight:800;letter-spacing:.18em}.staff-intro p{margin:0;color:#8495af;font-size:11px}
.staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.staff-card{min-height:460px;padding:24px 24px 22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(8,13,26,.94),rgba(6,10,20,.98));overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}
.staff-card::before{content:"";position:absolute;inset:0;z-index:-3;opacity:.96}.staff-card::after{content:"";position:absolute;inset:1px;z-index:-2;background:linear-gradient(180deg,rgba(4,7,15,.2),rgba(5,9,18,.55))}
.staff-founder::before{background:radial-gradient(circle at 50% 18%,rgba(255,70,109,.24),transparent 28%),linear-gradient(155deg,rgba(108,12,31,.96),rgba(25,6,16,.98))}
.staff-admin::before{background:radial-gradient(circle at 50% 18%,rgba(66,255,166,.22),transparent 28%),linear-gradient(155deg,rgba(9,98,63,.96),rgba(5,26,20,.98))}
.staff-gm::before{background:radial-gradient(circle at 50% 18%,rgba(255,180,74,.22),transparent 28%),linear-gradient(155deg,rgba(128,64,8,.96),rgba(35,18,5,.98))}
.staff-founder{border-color:rgba(255,74,94,.4)}.staff-admin{border-color:rgba(78,234,154,.42)}.staff-gm{border-color:rgba(255,157,55,.46)}
.staff-ornament{position:absolute;inset:0;pointer-events:none}.staff-ornament span{position:absolute;width:34px;height:34px;border:1px solid currentColor;opacity:.26}.staff-card .staff-ornament span:nth-child(1){left:10px;top:10px;border-right:0;border-bottom:0}.staff-card .staff-ornament span:nth-child(2){right:10px;top:10px;border-left:0;border-bottom:0}.staff-card .staff-ornament span:nth-child(3){left:10px;bottom:10px;border-right:0;border-top:0}.staff-card .staff-ornament span:nth-child(4){right:10px;bottom:10px;border-left:0;border-top:0}
.staff-founder,.staff-founder .staff-ornament span{color:#ff768b}.staff-admin,.staff-admin .staff-ornament span{color:#75ffb4}.staff-gm,.staff-gm .staff-ornament span{color:#ffc066}
.staff-head{display:flex;flex-direction:column;gap:6px;align-items:center;margin-top:8px}.staff-role{font-size:14px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#fff}.staff-head small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.56)}
.staff-core{position:relative;display:grid;place-items:center;width:210px;height:170px;margin:16px auto 4px}.staff-orbit{position:absolute;border:1px solid currentColor;border-radius:50%;opacity:.16}.staff-orbit.orbit-a{width:150px;height:150px;animation:staffOrbit 9s linear infinite}.staff-orbit.orbit-b{width:182px;height:96px;transform:rotate(-16deg);animation:staffOrbitReverse 7.2s linear infinite}
.staff-avatar-shell{position:relative;display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.16),rgba(255,255,255,.03) 42%,rgba(0,0,0,.26));box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 30px rgba(255,255,255,.06)}
.staff-avatar{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.07),rgba(6,12,24,.92));border:2px solid rgba(255,255,255,.34);box-shadow:0 0 26px rgba(255,255,255,.08),inset 0 0 28px rgba(255,255,255,.05)}
.staff-avatar span{font:800 42px Cinzel,serif;text-shadow:0 0 18px currentColor}.staff-avatar::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid currentColor;opacity:.28;animation:staffRing 3s linear infinite}
.staff-name{position:relative;display:inline-block;padding:0 .18em .08em;overflow:hidden;margin:2px 0 0}.staff-name span{position:relative;z-index:2}.staff-name::after{content:attr(data-text);position:absolute;inset:0;z-index:1;filter:blur(9px);opacity:.92;mix-blend-mode:screen;pointer-events:none}.staff-name::before{content:"";position:absolute;left:-42%;top:-14%;z-index:3;width:34%;height:145%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.88),rgba(255,255,255,0));transform:skewX(-24deg);opacity:.85;animation:staffNeonSweep 2.2s linear infinite}.staff-name{font:800 34px/1.05 Cinzel,serif}
.staff-founder .staff-name{animation:staffNeonPulseRose 1.45s ease-in-out infinite alternate}.staff-founder .staff-name::after{color:#ff8ea0}.staff-admin .staff-name{animation:staffNeonPulseGreen 1.35s ease-in-out infinite alternate}.staff-admin .staff-name::after{color:#87ffc0}.staff-gm .staff-name{animation:staffNeonPulseGold 1.32s ease-in-out infinite alternate}.staff-gm .staff-name::after{color:#ffd28a}
.staff-divider{width:88px;height:2px;margin:14px auto 16px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.55}.staff-card p{margin:0;max-width:300px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.5}
.staff-footer-row{margin-top:auto;padding-top:18px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-status{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.24);font-size:11px;font-weight:800;letter-spacing:.1em;color:#fff;background:rgba(0,0,0,.22)}.staff-status i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.staff-sigil{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.22);font:900 13px Cinzel,serif;letter-spacing:.08em;color:#fff}
@keyframes staffRing{to{transform:rotate(360deg)}}@keyframes staffOrbit{to{transform:rotate(360deg)}}@keyframes staffOrbitReverse{to{transform:rotate(-360deg)}}@keyframes staffNeonSweep{0%{left:-42%;opacity:0}12%{opacity:.92}46%{left:112%;opacity:.52}100%{left:112%;opacity:0}}@keyframes staffNeonPulseRose{from{filter:brightness(1);text-shadow:0 0 7px rgba(255,117,136,.74),0 0 16px rgba(255,82,107,.62),0 0 28px rgba(180,19,44,.48),0 0 44px rgba(255,40,76,.3)}to{filter:brightness(1.08);text-shadow:0 0 10px rgba(255,154,173,.95),0 0 20px rgba(255,82,107,.74),0 0 34px rgba(214,32,62,.62),0 0 54px rgba(255,40,76,.42)}}@keyframes staffNeonPulseGreen{from{filter:brightness(1);text-shadow:0 0 7px rgba(121,255,183,.74),0 0 16px rgba(64,235,152,.62),0 0 28px rgba(14,159,89,.48),0 0 44px rgba(31,255,157,.28)}to{filter:brightness(1.08);text-shadow:0 0 10px rgba(155,255,202,.92),0 0 20px rgba(64,235,152,.74),0 0 34px rgba(14,159,89,.62),0 0 54px rgba(31,255,157,.4)}}@keyframes staffNeonPulseGold{from{filter:brightness(1);text-shadow:0 0 7px rgba(255,197,106,.76),0 0 16px rgba(255,167,44,.64),0 0 28px rgba(210,104,9,.48),0 0 44px rgba(255,149,34,.28)}to{filter:brightness(1.08);text-shadow:0 0 10px rgba(255,221,156,.94),0 0 20px rgba(255,167,44,.74),0 0 34px rgba(210,104,9,.62),0 0 54px rgba(255,149,34,.4)}}
.staff-card:hover{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-5px)}

/* Footer */
.site-footer{display:grid;grid-template-columns:1fr auto;gap:30px;width:min(var(--shell),calc(100% - 36px));margin:25px auto 0;padding:44px 0 25px;border-top:1px solid rgba(102,160,219,.12)}
.footer-brand img{width:150px}.footer-brand p{margin:12px 0;color:#6e7c94;font-size:11px}
.footer-server-status{display:inline-flex;align-items:center;gap:8px;color:#82a0b9;font-size:9px;text-transform:uppercase}.footer-server-status i{display:block}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:12px 35px;align-content:start}.footer-links a{color:#7f8ca2;font-size:10px;text-transform:uppercase;transition:.22s ease}.footer-links a:hover{color:#67dcff;transform:translateX(3px)}
.footer-bottom{grid-column:1/-1;width:100%;text-align:center;margin-top:8px;padding-top:21px;border-top:1px solid rgba(106,152,230,.1)}.footer-bottom p:first-child{margin:0;color:#cbd8ee;font-size:11px;font-weight:700;letter-spacing:.04em}.footer-bottom p:last-child{margin:8px 0 0;color:#5f718e;font-size:9px}
.back-to-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border:1px solid rgba(95,211,255,.25);background:rgba(10,19,36,.88);backdrop-filter:blur(10px);color:#bcefff;opacity:0;visibility:hidden;transform:translateY(10px);cursor:pointer;transition:.25s ease;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{border-color:#66dcff;background:#173653}

/* Scrollbars discretas */
.table-scroll,.premium-rank-list{scrollbar-width:thin;scrollbar-color:#406e95 #0b1020}.table-scroll::-webkit-scrollbar,.premium-rank-list::-webkit-scrollbar{height:6px;width:6px}.table-scroll::-webkit-scrollbar-track,.premium-rank-list::-webkit-scrollbar-track{background:#0b1020}.table-scroll::-webkit-scrollbar-thumb,.premium-rank-list::-webkit-scrollbar-thumb{background:#406e95;border-radius:10px}

/* Responsive */
@media(max-width:1050px){
  .ranking-podium{grid-template-columns:repeat(3,1fr)}
  .rank-column-labels,.premium-rank-row{grid-template-columns:48px minmax(160px,1fr) minmax(130px,.8fr) 65px 75px 60px}
  .guild-labels,.guild-row{grid-template-columns:48px minmax(170px,1fr) minmax(150px,.8fr) 85px 85px}
  .experience-card{padding:24px}.experience-card>b{left:24px}
}
@media(max-width:900px){
  .ambient-fx{opacity:.38}
  .hero-actions{flex-wrap:wrap}
  .experience-grid{grid-template-columns:1fr 1fr}.experience-card:last-child{grid-column:1/-1}
  .ranking-toolbar{align-items:stretch;flex-direction:column}.ranking-refresh-note{align-self:flex-start}
  .ranking-podium{grid-template-columns:1fr;align-items:stretch}.podium-card,.podium-card.podium-1{min-height:270px;order:initial}.podium-card.podium-1{order:-1}
  .account-summary{grid-template-columns:1fr 1fr}.account-layout{grid-template-columns:1fr}.account-sidebar{position:relative;top:auto}.account-sidebar nav{grid-template-columns:1fr 1fr}
  .download-details{grid-template-columns:1fr}.requirements-grid{grid-template-columns:1fr}
  .auth-shell,.register-shell{grid-template-columns:1fr;max-width:680px}.auth-benefits{border-right:0;border-bottom:1px solid rgba(100,185,246,.14)}
  .site-footer{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  .server-live-pill{margin-bottom:12px}
  .hero-actions{gap:8px}.hero-actions .primary-btn,.hero-actions .secondary-btn{width:100%;max-width:280px}
  .promo-message>div{left:20px;right:20px;bottom:54px}.promo-message strong{font-size:20px}
  .experience-grid{grid-template-columns:1fr}.experience-card:last-child{grid-column:auto}.experience-card{min-height:275px}.experience-card>i{margin-bottom:32px}
  .rank-list-head{align-items:stretch;flex-direction:column}.ranking-search{width:100%}
  .rank-column-labels{display:none}.premium-rank-list{padding:10px}
  .premium-rank-row,.guild-row{grid-template-columns:42px minmax(0,1fr) 70px 70px;gap:8px;padding:11px 8px}
  .premium-rank-row .row-class{grid-column:2;grid-row:2}.premium-rank-row>strong:nth-last-child(3){display:none}.premium-rank-row>strong{font-size:11px}.guild-row{grid-template-columns:42px minmax(0,1fr) 68px}.guild-row .row-class{grid-column:2;grid-row:2}.guild-row>strong:nth-last-child(2){display:none}
  .premium-characters{grid-template-columns:1fr}
  .download-meta{grid-template-columns:1fr 1fr}.download-meta span:last-child{grid-column:1/-1}
  .premium-form-card,.auth-benefits{padding:32px 24px}.auth-benefits h1{font-size:26px}
  .register-shell .form-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .ambient-fx{opacity:.28}
  .server-live-pill{font-size:7px;padding:7px 10px}
  .launch-countdown.interactive-card{transform:none}
  .experience-card{padding:22px}.experience-card>b{left:22px}
  .ranking-tabs{width:100%}.ranking-tabs button{flex:1;min-width:0;padding-inline:12px}
  .podium-values{gap:3px}.podium-card{padding-inline:15px}
  .account-summary{grid-template-columns:1fr 1fr}.account-summary article{padding:15px}.account-summary strong{font-size:21px}
  .account-sidebar nav{grid-template-columns:1fr}.characters-panel{padding:18px}.characters-heading{align-items:flex-start;flex-direction:column}
  .premium-download{padding:24px 18px}.download-box h2{font-size:27px}.download-meta{grid-template-columns:1fr}
  .download-meta span:last-child{grid-column:auto}.download-info-card{grid-template-columns:40px 1fr;padding:18px}.download-info-card>span{width:38px;height:38px}
  .requirements-card,.security-card{padding:22px}.requirements-card li{align-items:flex-start;flex-direction:column;gap:5px}.requirements-card li strong{text-align:left}
  .auth-shell{box-shadow:0 25px 65px rgba(0,0,0,.45)}.auth-benefits{display:none}.premium-form-card{padding:30px 20px}.premium-auth{padding-top:100px}
  .staff-intro{align-items:flex-start;flex-direction:column;gap:7px}
  .footer-links{grid-template-columns:repeat(2,1fr)}.site-footer{width:min(100% - 28px,var(--shell))}
  .back-to-top{right:13px;bottom:13px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .ambient-fx{display:none}.js [data-reveal]{opacity:1;transform:none}.interactive-card{transform:none!important}
}
.guild-shield{border-radius:5px 5px 10px 10px;transform:none;clip-path:polygon(50% 0,92% 18%,84% 75%,50% 100%,16% 75%,8% 18%)}

@media(max-width:560px){.podium-rank img{width:82px}.rank-mini-badge{width:40px}}

@media(max-width:1050px){.staff-grid{grid-template-columns:1fr}.staff-card{min-height:410px}}
@media(max-width:560px){.podium-rank img{width:108px}.rank-mini-badge{max-width:40px;max-height:34px}.account-link{min-width:auto}.account-icon{width:40px;height:40px}.staff-name{font-size:28px}.staff-card p{font-size:13px}}


/* Staff premium zone */
.staff-premium-zone{position:relative;padding:26px 0 70px;background:radial-gradient(circle at 50% 0,rgba(64,54,153,.24),transparent 35%),linear-gradient(180deg,rgba(7,10,20,.96),rgba(4,7,15,.98));overflow:hidden}
.staff-premium-zone::before{content:"";position:absolute;inset:0;background:url('../img/hero-kissi-20260727.webp') center top/cover no-repeat;opacity:.22;pointer-events:none}
.staff-premium-zone>.shell{position:relative;z-index:1}
.staff-security-banner{display:flex;align-items:center;gap:18px;padding:16px 20px;border:1px solid rgba(164,141,255,.32);background:linear-gradient(90deg,rgba(17,16,45,.84),rgba(13,16,33,.74));box-shadow:0 20px 40px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.04);margin-bottom:22px}
.staff-security-banner::before,.staff-security-banner::after{content:"";position:absolute;top:50%;width:12px;height:12px;border:1px solid rgba(150,208,255,.6);transform:translateY(-50%) rotate(45deg);background:linear-gradient(135deg,rgba(111,83,255,.8),rgba(44,194,236,.7))}
.staff-security-banner::before{left:-6px}.staff-security-banner::after{right:-6px}
.staff-security-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(170,153,255,.4);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.16),rgba(120,88,255,.16),rgba(7,12,25,.96));box-shadow:0 0 18px rgba(118,82,255,.25);font-size:18px;flex:0 0 auto}
.staff-security-copy{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.staff-security-copy strong{font:800 13px Cinzel,serif;letter-spacing:.16em;color:#fff}.staff-security-copy span{color:#c0c9dd;font-size:12px}
.premium-staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.staff-card-premium{position:relative;min-height:620px;padding:28px 28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;border:1px solid rgba(235,191,114,.38);box-shadow:0 22px 58px rgba(0,0,0,.4),0 0 22px rgba(0,0,0,.15) inset;background:linear-gradient(180deg,rgba(9,12,22,.94),rgba(6,8,15,.98))}
.staff-card-premium::before{content:"";position:absolute;inset:0;z-index:0;opacity:.94}
.staff-card-premium::after{content:"";position:absolute;inset:7px;z-index:0;border:1px solid rgba(240,198,124,.38);pointer-events:none}
.staff-card-premium>*{position:relative;z-index:1}
.staff-card-premium.staff-founder::before{background:radial-gradient(circle at 50% 16%,rgba(255,95,126,.18),transparent 24%),radial-gradient(circle at 50% 50%,rgba(255,65,86,.10),transparent 35%),linear-gradient(180deg,rgba(99,8,25,.88),rgba(35,8,18,.97))}
.staff-card-premium.staff-admin::before{background:radial-gradient(circle at 50% 16%,rgba(78,255,172,.18),transparent 24%),radial-gradient(circle at 50% 50%,rgba(65,255,153,.10),transparent 35%),linear-gradient(180deg,rgba(8,98,62,.88),rgba(6,34,24,.97))}
.staff-card-premium.staff-gm::before{background:radial-gradient(circle at 50% 16%,rgba(255,192,77,.18),transparent 24%),radial-gradient(circle at 50% 50%,rgba(255,164,53,.10),transparent 35%),linear-gradient(180deg,rgba(123,67,8,.88),rgba(39,23,7,.97))}
.staff-card-premium.staff-founder{border-color:rgba(255,110,136,.55)}.staff-card-premium.staff-admin{border-color:rgba(111,255,193,.55)}.staff-card-premium.staff-gm{border-color:rgba(255,191,94,.58)}
.staff-gem{position:absolute;top:-2px;left:50%;transform:translateX(-50%) rotate(45deg);width:30px;height:30px;border:2px solid rgba(255,235,194,.8);box-shadow:0 0 16px rgba(255,255,255,.18),0 0 24px currentColor;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.15))}
.staff-founder .staff-gem{color:#ff6f90;background:linear-gradient(135deg,#ffd2df,#d52d56)}.staff-admin .staff-gem{color:#67ffb9;background:linear-gradient(135deg,#d9ffee,#2cc86e)}.staff-gm .staff-gem{color:#ffc364;background:linear-gradient(135deg,#fff0cf,#e3a42c)}
.staff-corner,.staff-edge{position:absolute;pointer-events:none;opacity:.9}.staff-corner{width:34px;height:34px;border-color:rgba(246,208,140,.52);border-style:solid}.staff-corner.tl{left:10px;top:10px;border-width:2px 0 0 2px}.staff-corner.tr{right:10px;top:10px;border-width:2px 2px 0 0}.staff-corner.bl{left:10px;bottom:10px;border-width:0 0 2px 2px}.staff-corner.br{right:10px;bottom:10px;border-width:0 2px 2px 0}
.staff-edge.top,.staff-edge.bottom{left:50%;width:120px;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(248,216,166,.85),transparent)}.staff-edge.top{top:18px}.staff-edge.bottom{bottom:18px}.staff-edge.left,.staff-edge.right{top:50%;width:2px;height:120px;transform:translateY(-50%);background:linear-gradient(180deg,transparent,rgba(248,216,166,.72),transparent)}.staff-edge.left{left:18px}.staff-edge.right{right:18px}
.staff-card-premium .staff-head{margin-top:8px}.staff-card-premium .staff-role{font:700 24px Cinzel,serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.staff-card-premium .staff-head small{display:block;margin-top:4px;color:#f3d8a9;font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.9}
.staff-core{position:relative;display:grid;place-items:center;width:240px;height:240px;margin:18px auto 10px}
.staff-arcane-circle,.staff-arcane-circle.second{position:absolute;border-radius:50%;border:2px solid currentColor;opacity:.22}.staff-arcane-circle{width:176px;height:176px;box-shadow:0 0 18px currentColor inset,0 0 20px rgba(255,255,255,.05)}.staff-arcane-circle.second{width:212px;height:212px;border-style:dashed;animation:staffCircleSpin 16s linear infinite}
.staff-founder .staff-arcane-circle,.staff-founder .staff-arcane-circle.second{color:#ff7b96}.staff-admin .staff-arcane-circle,.staff-admin .staff-arcane-circle.second{color:#71ffbe}.staff-gm .staff-arcane-circle,.staff-gm .staff-arcane-circle.second{color:#ffc56c}
.staff-avatar-shell{display:grid;place-items:center;width:126px;height:126px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.24),rgba(255,255,255,.06) 35%,rgba(5,10,21,.85));box-shadow:0 0 28px rgba(255,255,255,.08),inset 0 0 24px rgba(255,255,255,.08)}
.staff-avatar{position:relative;width:102px;height:102px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.06),rgba(6,12,24,.96));border:2px solid rgba(255,255,255,.35);box-shadow:0 0 26px rgba(255,255,255,.08),inset 0 0 28px rgba(255,255,255,.05)}
.staff-avatar span{font:800 54px Cinzel,serif;color:#fff;text-shadow:0 0 18px currentColor}.staff-founder .staff-avatar span{color:#ffe0e7}.staff-admin .staff-avatar span{color:#e2fff0}.staff-gm .staff-avatar span{color:#ffedd0}
.premium-name{position:relative;display:inline-block;margin:0 0 20px;padding:12px 26px;border:1px solid rgba(246,205,135,.55);background:linear-gradient(180deg,rgba(22,12,17,.4),rgba(0,0,0,.18));box-shadow:0 0 0 1px rgba(255,255,255,.04) inset}.premium-name span{position:relative;z-index:2;font:700 28px Cinzel,serif;letter-spacing:.08em}.premium-name::before,.premium-name::after{content:"";position:absolute;top:50%;width:18px;height:18px;border:2px solid rgba(248,216,166,.7);transform:translateY(-50%) rotate(45deg);background:rgba(20,18,18,.65)}.premium-name::before{left:-10px}.premium-name::after{right:-10px}
.staff-founder .premium-name{color:#ffe7ec;text-shadow:0 0 12px rgba(255,90,115,.58),0 0 28px rgba(255,44,72,.35)}.staff-admin .premium-name{color:#effff5;text-shadow:0 0 12px rgba(80,255,162,.58),0 0 28px rgba(32,214,108,.35)}.staff-gm .premium-name{color:#fff1db;text-shadow:0 0 12px rgba(255,191,90,.58),0 0 28px rgba(255,152,35,.35)}
.staff-card-premium p{margin:0;max-width:290px;color:#f0f2f7;font-size:15px;line-height:1.55;text-shadow:0 1px 5px rgba(0,0,0,.35)}
.staff-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;margin-top:auto;padding-top:26px}.staff-card-premium .staff-status{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.28);font-size:12px;font-weight:800;letter-spacing:.08em;color:#fff}.staff-card-premium .staff-status i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 12px currentColor}.staff-card-premium .staff-status.available{opacity:.78}
.staff-code{min-width:52px;height:44px;padding:0 12px;display:grid;place-items:center;border:1px solid rgba(246,205,135,.55);background:linear-gradient(180deg,rgba(24,18,18,.42),rgba(0,0,0,.22));font:800 18px Cinzel,serif;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset}
@keyframes staffCircleSpin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.premium-staff-grid{grid-template-columns:1fr}.staff-card-premium{min-height:560px}.staff-security-copy{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:640px){.staff-security-banner{padding:14px 16px}.staff-card-premium{min-height:530px;padding:24px 18px 20px}.staff-core{width:210px;height:210px}.staff-arcane-circle{width:150px;height:150px}.staff-arcane-circle.second{width:186px;height:186px}.staff-card-premium .staff-role{font-size:20px}.premium-name span{font-size:24px}.staff-card-premium p{font-size:14px}.staff-foot{flex-direction:column;align-items:stretch}.staff-code{width:100%}}


/* Staff ornate remake */
.staff-premium-zone{position:relative;padding:28px 0 82px;background:radial-gradient(circle at 50% -10%,rgba(90,72,198,.25),transparent 34%),linear-gradient(180deg,#060914,#05070f 72%,#03050c);overflow:hidden}
.staff-premium-zone::before{content:"";position:absolute;inset:0;background:url('../img/hero-kissi-20260727.webp') center top/cover no-repeat;opacity:.2;pointer-events:none}
.staff-premium-zone::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(82,57,187,.14),transparent 38%);pointer-events:none}
.staff-premium-zone>.shell{position:relative;z-index:1}
.staff-security-banner--ornate{position:relative;display:flex;align-items:center;gap:18px;min-height:90px;padding:18px 28px 18px 30px;background:linear-gradient(90deg,rgba(16,18,43,.86),rgba(10,14,28,.82));border:0;box-shadow:none;overflow:hidden;margin-bottom:28px}
.staff-security-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:1}
.staff-security-icon-wrap{position:relative;flex:0 0 56px;width:56px;height:56px;display:grid;place-items:center}
.staff-security-icon-art{width:54px;height:54px;display:block;filter:drop-shadow(0 0 14px rgba(130,96,255,.42))}
.staff-security-copy{position:relative;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.staff-security-copy strong{font:700 17px Cinzel,serif;letter-spacing:.16em;color:#fff}.staff-security-copy span{color:#d4d9ea;font-size:12px}
.premium-staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.staff-card-premium{position:relative;min-height:650px;padding:36px 28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;border:0;box-shadow:none;overflow:hidden}
.staff-frame-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}
.staff-card-overlay{position:absolute;inset:12px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.06),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));z-index:0}
.staff-card-premium>*:not(.staff-frame-art):not(.staff-card-overlay){position:relative;z-index:1}
.staff-head-premium{margin-top:26px}.staff-card-premium .staff-role{font:700 22px Cinzel,serif;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.55)}.staff-card-premium .staff-head small{display:block;margin-top:7px;font-size:12px;letter-spacing:.18em;color:#e6d4a2;text-transform:uppercase}
.staff-core-premium{position:relative;display:grid;place-items:center;width:230px;height:230px;margin:30px auto 18px}.staff-circle-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.staff-avatar-shell{position:relative;display:grid;place-items:center;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.18),rgba(255,255,255,.04) 40%,rgba(0,0,0,.15));box-shadow:0 0 22px rgba(255,255,255,.08),inset 0 0 18px rgba(255,255,255,.08)}.staff-avatar{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.08),rgba(4,10,20,.98));border:2px solid rgba(255,255,255,.32);box-shadow:0 0 30px rgba(255,255,255,.06),inset 0 0 24px rgba(255,255,255,.04)}.staff-avatar span{font:800 52px Cinzel,serif;text-shadow:0 0 18px currentColor}.staff-founder .staff-avatar span{color:#ffe7ed}.staff-admin .staff-avatar span{color:#e7fff0}.staff-gm .staff-avatar span{color:#fff0d9}
.staff-nameplate-wrap{position:relative;width:272px;height:76px;margin:0 auto 18px}.staff-nameplate-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.premium-name{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:0;border:0;background:none;box-shadow:none}.premium-name::before,.premium-name::after{display:none}.premium-name span{font:700 26px Cinzel,serif;letter-spacing:.06em;position:relative;top:1px}.staff-founder .premium-name span{color:#fff1f5;text-shadow:0 0 10px rgba(255,88,118,.72),0 0 22px rgba(255,40,71,.36)}.staff-admin .premium-name span{color:#f0fff6;text-shadow:0 0 10px rgba(66,238,150,.72),0 0 22px rgba(17,178,90,.36)}.staff-gm .premium-name span{color:#fff3df;text-shadow:0 0 10px rgba(255,192,83,.72),0 0 22px rgba(225,141,16,.36)}
.staff-card-premium p{margin:2px 0 10px;max-width:280px;color:#f5f7fb;font-size:14px;line-height:1.45;text-shadow:0 1px 5px rgba(0,0,0,.48)}
.staff-divider-ornate{width:100%;display:flex;justify-content:center;margin:8px 0 18px}.staff-divider-ornate span{width:92px;height:12px;position:relative}.staff-divider-ornate span::before,.staff-divider-ornate span::after{content:"";position:absolute;top:5px;width:40px;height:1px;background:linear-gradient(90deg,transparent,#e9d59a,transparent)}.staff-divider-ornate span::before{left:0}.staff-divider-ornate span::after{right:0}.staff-divider-ornate span:after{}
.staff-divider-ornate span{background:radial-gradient(circle,#e9d59a 0 2px,transparent 3px)}
.staff-foot{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:0 6px 10px}.staff-status-wrap{position:relative;width:220px;height:54px}.staff-status-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.staff-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;font-size:12px;font-weight:800;letter-spacing:.06em;color:#fff;padding-top:1px}.staff-status i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff}.staff-code-wrap{position:relative;width:78px;height:54px}.staff-code-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.staff-code{position:absolute;inset:0;display:grid;place-items:center;font:700 17px Cinzel,serif;color:#fff;background:none;border:0;box-shadow:none}
.staff-founder .staff-code,.staff-founder .staff-status{color:#fff1f5}.staff-admin .staff-code,.staff-admin .staff-status{color:#f2fff6}.staff-gm .staff-code,.staff-gm .staff-status{color:#fff3df}
@media(max-width:1150px){.premium-staff-grid{grid-template-columns:1fr}.staff-card-premium{max-width:470px;margin:0 auto}.staff-security-copy{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:640px){.staff-security-banner--ornate{padding:16px 18px 16px 18px;min-height:88px}.staff-security-copy strong{font-size:15px}.staff-security-copy span{font-size:11px}.staff-card-premium{min-height:620px;padding:28px 18px 18px}.staff-head-premium{margin-top:22px}.staff-card-premium .staff-role{font-size:19px}.staff-card-premium .staff-head small{font-size:11px}.staff-core-premium{width:210px;height:210px;margin-top:24px}.staff-nameplate-wrap{width:240px;height:68px}.premium-name span{font-size:22px}.staff-foot{flex-direction:column;gap:10px}.staff-status-wrap{width:100%}}


/* Staff final premium overhaul */
.staff-premium-zone{padding:34px 0 92px;background:radial-gradient(circle at 50% -5%,rgba(87,68,205,.24),transparent 34%),linear-gradient(180deg,#050711 0%,#05070f 68%,#03050c 100%)}
.staff-premium-zone::before{opacity:.24;filter:saturate(1.05) brightness(.82)}
.staff-security-banner--ornate{min-height:96px;padding:18px 34px;background:linear-gradient(90deg,rgba(16,18,46,.9),rgba(10,14,31,.88));box-shadow:0 14px 44px rgba(0,0,0,.32);border-radius:0}
.staff-security-copy strong{font-size:18px;letter-spacing:.15em}.staff-security-copy span{font-size:13px;color:#d7dbeb}
.premium-staff-grid{gap:26px;align-items:stretch}
.staff-card-premium{min-height:668px;padding:32px 24px 22px;transform:none!important}
.staff-card-premium:hover{transform:translateY(-3px)!important;filter:brightness(1.02)}
.staff-card-premium .staff-role{font-size:24px;letter-spacing:.085em}.staff-card-premium .staff-head small{font-size:13px;letter-spacing:.14em;color:#efdca9}
.staff-core-premium{width:248px;height:248px;margin:28px auto 18px}.staff-circle-art{width:248px;height:248px}
.staff-avatar-shell{width:114px;height:114px}.staff-avatar{width:96px;height:96px}.staff-avatar span{font-size:54px}
.staff-nameplate-wrap{width:280px;height:86px;margin:2px auto 18px}.premium-name span{font-size:28px;letter-spacing:.04em}
.staff-card-premium p{max-width:290px;font-size:14px;line-height:1.5;color:#f5f6fb}
.staff-divider-ornate{margin:10px 0 18px}.staff-divider-ornate span{width:110px}.staff-divider-ornate span::before,.staff-divider-ornate span::after{width:48px}
.staff-foot{padding:0 8px 12px;gap:14px}.staff-status-wrap{width:230px;height:60px}.staff-status{font-size:13px}.staff-code-wrap{width:86px;height:60px}.staff-code{font-size:18px}
.staff-card-premium.staff-founder .staff-card-overlay{background:radial-gradient(circle at 50% 16%,rgba(255,96,126,.12),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))}
.staff-card-premium.staff-admin .staff-card-overlay{background:radial-gradient(circle at 50% 16%,rgba(63,245,152,.12),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))}
.staff-card-premium.staff-gm .staff-card-overlay{background:radial-gradient(circle at 50% 16%,rgba(255,190,82,.12),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))}
@media(max-width:1150px){.premium-staff-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.staff-card-premium{min-height:650px}}
@media(max-width:640px){.staff-security-banner--ornate{padding:16px 18px;min-height:90px}.staff-security-icon-wrap{width:48px;height:48px;flex-basis:48px}.staff-security-icon-art{width:46px;height:46px}.staff-security-copy strong{font-size:15px}.staff-security-copy span{font-size:11px}.staff-card-premium{min-height:620px;padding:28px 16px 18px}.staff-card-premium .staff-role{font-size:20px}.staff-card-premium .staff-head small{font-size:11px}.staff-core-premium{width:220px;height:220px}.staff-circle-art{width:220px;height:220px}.staff-nameplate-wrap{width:244px;height:74px}.premium-name span{font-size:23px}.staff-foot{flex-direction:column}.staff-status-wrap{width:100%}}


/* Staff SVG cards */
.staff-premium-zone{padding:34px 0 92px;background:radial-gradient(circle at 50% -5%,rgba(87,68,205,.24),transparent 34%),linear-gradient(180deg,#050711 0%,#05070f 68%,#03050c 100%)}
.staff-premium-zone::before{opacity:.24;filter:saturate(1.05) brightness(.82)}
.staff-security-banner--ornate{position:relative;display:flex;align-items:center;gap:18px;min-height:96px;padding:18px 34px;background:linear-gradient(90deg,rgba(16,18,46,.9),rgba(10,14,31,.88));box-shadow:0 14px 44px rgba(0,0,0,.32);border-radius:0;border:0;overflow:hidden;margin-bottom:28px}
.staff-security-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.staff-security-icon-wrap{position:relative;z-index:1;flex:0 0 56px;width:56px;height:56px;display:grid;place-items:center}.staff-security-icon-art{width:54px;height:54px;display:block;filter:drop-shadow(0 0 14px rgba(130,96,255,.42))}.staff-security-copy{position:relative;z-index:1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.staff-security-copy strong{font:700 18px Cinzel,serif;letter-spacing:.15em;color:#fff}.staff-security-copy span{font-size:13px;color:#d7dbeb}
.premium-staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
.staff-card-svg{position:relative;max-width:430px;margin:0 auto}.staff-card-svg-art{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 34px rgba(0,0,0,.35))}.staff-card-svg-overlay{position:absolute;inset:0;pointer-events:none}
.staff-card-initial{position:absolute;left:50%;top:232px;transform:translate(-50%,-50%);width:96px;height:96px;display:grid;place-items:center;font:700 58px/1 Cinzel,serif;text-shadow:0 0 20px rgba(255,255,255,.18),0 0 14px currentColor}
.role-founder .staff-card-initial{color:#fff0f4}.role-admin .staff-card-initial{color:#effff6}.role-gm .staff-card-initial{color:#fff4e4}
.staff-card-name{position:absolute;left:36px;right:186px;top:378px;height:50px;display:grid;place-items:center;font:700 26px/1 Cinzel,serif;letter-spacing:.04em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 18px}
.role-founder .staff-card-name{color:#fff2f6;text-shadow:0 0 10px rgba(255,88,118,.72),0 0 22px rgba(255,40,71,.36)}.role-admin .staff-card-name{color:#f0fff6;text-shadow:0 0 10px rgba(66,238,150,.72),0 0 22px rgba(17,178,90,.36)}.role-gm .staff-card-name{color:#fff3df;text-shadow:0 0 10px rgba(255,192,83,.72),0 0 22px rgba(225,141,16,.36)}
@media(max-width:1150px){.premium-staff-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.staff-card-svg{max-width:430px}}
@media(max-width:640px){.staff-security-banner--ornate{padding:16px 18px;min-height:90px}.staff-security-icon-wrap{width:48px;height:48px;flex-basis:48px}.staff-security-icon-art{width:46px;height:46px}.staff-security-copy strong{font-size:15px}.staff-security-copy span{font-size:11px}.staff-card-svg{max-width:360px}.staff-card-initial{top:194px;width:82px;height:82px;font-size:46px}.staff-card-name{left:31px;right:156px;top:316px;height:42px;font-size:22px;padding:0 12px}}

/* Staff rehecho desde cero: HTML + CSS */
.mkstaff-section{position:relative;overflow:hidden;padding:34px 0 90px;background:radial-gradient(circle at 50% -8%,rgba(92,69,208,.25),transparent 34%),linear-gradient(180deg,#060914 0%,#050710 70%,#03050b 100%)}
.mkstaff-section::before{content:"";position:absolute;inset:0;background:url('../img/hero-kissi-20260727.webp') center 18%/cover no-repeat;opacity:.18;filter:saturate(1.1) brightness(.72);pointer-events:none}
.mkstaff-section::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(89,58,204,.15),transparent 38%);pointer-events:none}
.mkstaff-section>.shell{position:relative;z-index:1}
.mkstaff-security{position:relative;display:grid;grid-template-columns:54px auto 1px minmax(0,1fr);align-items:center;gap:18px;min-height:88px;margin-bottom:28px;padding:14px 32px;border:1px solid rgba(196,171,112,.48);background:linear-gradient(90deg,rgba(22,18,55,.94),rgba(10,14,32,.9),rgba(19,16,49,.94));box-shadow:0 18px 50px rgba(0,0,0,.34),inset 0 0 0 6px rgba(255,255,255,.015),inset 0 0 0 7px rgba(135,120,190,.13)}
.mkstaff-security::before,.mkstaff-security::after{content:"";position:absolute;top:50%;width:18px;height:18px;border:1px solid rgba(153,173,255,.72);background:#31266c;transform:translateY(-50%) rotate(45deg);box-shadow:0 0 14px rgba(108,87,255,.34)}
.mkstaff-security::before{left:-10px}.mkstaff-security::after{right:-10px}
.mkstaff-security-emblem{width:50px;height:58px;display:grid;place-items:center;clip-path:polygon(50% 0,90% 14%,88% 65%,50% 100%,12% 65%,10% 14%);background:linear-gradient(145deg,#b7a6ff,#5940d1);box-shadow:0 0 20px rgba(131,103,255,.4)}
.mkstaff-security-emblem::before{content:"";position:absolute;width:35px;height:43px;clip-path:inherit;background:#171538}
.mkstaff-security-emblem span{position:relative;z-index:1;color:#e8e3ff;font-size:22px}
.mkstaff-security>strong{font:700 17px Cinzel,serif;letter-spacing:.16em;color:#fff6df}.mkstaff-security>i{height:30px;background:rgba(231,220,255,.22)}.mkstaff-security>p{margin:0;color:#cbd2e4;font-size:12px;line-height:1.55}.mkstaff-security-jewel{position:absolute;left:50%;bottom:-8px;width:15px;height:15px;transform:translateX(-50%) rotate(45deg);background:#5c4aa9;border:1px solid #b9adff}
.mkstaff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.mkstaff-card{--role:#ff5578;--role-soft:#ff9aae;--role-dark:#5d0718;--role-deep:#17080d;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-height:650px;padding:42px 30px 26px;overflow:hidden;border:1px solid rgba(242,207,143,.64);background:radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--role) 25%,transparent),transparent 30%),linear-gradient(180deg,var(--role-dark),var(--role-deep) 62%,#07090e 100%);box-shadow:0 24px 58px rgba(0,0,0,.42),inset 0 0 52px rgba(0,0,0,.2);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.mkstaff-admin{--role:#35df8a;--role-soft:#a7ffd0;--role-dark:#075238;--role-deep:#061a12}.mkstaff-gm{--role:#ffb63f;--role-soft:#ffe0a2;--role-dark:#6a3908;--role-deep:#211207}
.mkstaff-card::before{content:"";position:absolute;inset:8px;z-index:-1;border:1px solid rgba(252,225,167,.32);box-shadow:inset 0 0 0 7px rgba(255,255,255,.012)}
.mkstaff-card::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.045) 50%,transparent 62%);transform:translateX(-130%);transition:transform .5s ease}
.mkstaff-card:hover{transform:translateY(-5px);filter:brightness(1.04);box-shadow:0 30px 72px rgba(0,0,0,.5),0 0 28px color-mix(in srgb,var(--role) 18%,transparent)}.mkstaff-card:hover::after{transform:translateX(130%)}
.mkstaff-border{position:absolute;inset:0;pointer-events:none}.mkstaff-border .corner{position:absolute;width:42px;height:42px;border-color:#e8c67e;border-style:solid;opacity:.82}.mkstaff-border .tl{left:13px;top:13px;border-width:2px 0 0 2px}.mkstaff-border .tr{right:13px;top:13px;border-width:2px 2px 0 0}.mkstaff-border .bl{left:13px;bottom:13px;border-width:0 0 2px 2px}.mkstaff-border .br{right:13px;bottom:13px;border-width:0 2px 2px 0}.mkstaff-border .edge{position:absolute;left:50%;width:124px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#f0d18e,transparent);opacity:.65}.mkstaff-border .top{top:24px}.mkstaff-border .bottom{bottom:24px}
.mkstaff-top-jewel{position:absolute;left:50%;top:-4px;width:44px;height:44px;transform:translateX(-50%) rotate(45deg);display:grid;place-items:center;background:linear-gradient(145deg,var(--role-soft),var(--role));border:2px solid #fff0c7;box-shadow:0 0 18px var(--role),0 0 34px color-mix(in srgb,var(--role) 38%,transparent)}.mkstaff-top-jewel span{width:17px;height:17px;border:1px solid rgba(255,255,255,.68);background:rgba(255,255,255,.12)}
.mkstaff-bottom-jewel{position:absolute;left:50%;bottom:-10px;width:27px;height:27px;transform:translateX(-50%) rotate(45deg);background:color-mix(in srgb,var(--role) 65%,#37261d);border:1px solid #f4d79a}
.mkstaff-header{text-align:center;margin:11px 0 18px}.mkstaff-header h2{margin:0;font:700 23px Cinzel,serif;letter-spacing:.1em;color:#fff8e9;text-shadow:0 3px 14px rgba(0,0,0,.55)}.mkstaff-header>div{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:8px}.mkstaff-header>div i{width:28px;height:1px;background:linear-gradient(90deg,transparent,#e8c985)}.mkstaff-header>div i:last-child{transform:scaleX(-1)}.mkstaff-header>div span{color:#ead49e;font:600 11px Cormorant Garamond,Georgia,serif;letter-spacing:.19em;text-transform:uppercase}
.mkstaff-sigil{position:relative;display:grid;place-items:center;width:238px;height:238px;margin:0 auto 20px}.mkstaff-sigil .ring{position:absolute;border-radius:50%;border:1px solid var(--role);box-shadow:0 0 12px color-mix(in srgb,var(--role) 26%,transparent),inset 0 0 12px color-mix(in srgb,var(--role) 12%,transparent)}.mkstaff-sigil .ring-1{width:224px;height:224px;opacity:.24}.mkstaff-sigil .ring-2{width:190px;height:190px;opacity:.38;border-color:var(--role-soft)}.mkstaff-sigil .ring-3{width:158px;height:158px;opacity:.48;border-width:2px}.mkstaff-sigil .ring-4{width:126px;height:126px;opacity:.62;border-color:#efd9a8}.mkstaff-sigil::before{content:"";position:absolute;width:202px;height:202px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--role) 0 1deg,transparent 1deg 13deg);mask:radial-gradient(circle,transparent 0 80%,#000 81% 100%);opacity:.28}.mkstaff-sigil::after{content:"";position:absolute;width:178px;height:178px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--role-soft) 55%,transparent);animation:mkstaffSpin 14s linear infinite}.mkstaff-sigil .axis{position:absolute;background:linear-gradient(90deg,transparent,#e9d39f,transparent);opacity:.42}.mkstaff-sigil .horizontal{width:232px;height:1px}.mkstaff-sigil .vertical{width:1px;height:232px;background:linear-gradient(180deg,transparent,#e9d39f,transparent)}.mkstaff-sigil .rune{position:absolute;color:#efdbaa;font-size:12px;opacity:.55}.mkstaff-sigil .r1{top:25px}.mkstaff-sigil .r2{right:25px;top:50%;transform:translateY(-50%)}.mkstaff-sigil .r3{bottom:25px}.mkstaff-sigil .r4{left:25px;top:50%;transform:translateY(-50%)}
.mkstaff-medallion{position:relative;z-index:2;width:116px;height:116px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.13),rgba(18,12,17,.96) 54%,#05070c);border:3px solid var(--role);box-shadow:0 0 0 6px rgba(245,219,164,.22),0 0 28px var(--role),inset 0 0 28px rgba(255,255,255,.05)}.mkstaff-medallion::before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(255,242,211,.28)}.mkstaff-medallion strong{font:700 60px Cinzel,serif;color:#fff4e7;text-shadow:0 0 12px #fff,0 0 22px var(--role)}
.mkstaff-nameplate{position:relative;min-width:250px;max-width:100%;height:62px;display:grid;place-items:center;margin:0 auto 18px;padding:0 34px;border:1px solid #e9c77f;background:linear-gradient(180deg,rgba(54,22,28,.95),rgba(18,12,16,.98));box-shadow:inset 0 0 0 5px rgba(255,255,255,.02),0 0 18px color-mix(in srgb,var(--role) 15%,transparent)}.mkstaff-nameplate::before,.mkstaff-nameplate::after{content:"";position:absolute;top:50%;width:22px;height:22px;border:1px solid #efd397;background:#181017;transform:translateY(-50%) rotate(45deg)}.mkstaff-nameplate::before{left:-12px}.mkstaff-nameplate::after{right:-12px}.mkstaff-nameplate span{position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:700 27px Cinzel,serif;letter-spacing:.045em;color:#fff3e8;text-shadow:0 0 10px var(--role),0 0 22px color-mix(in srgb,var(--role) 45%,transparent)}
.mkstaff-description{min-height:48px;margin:0;max-width:285px;text-align:center;color:#f2f4f8;font:600 14px/1.5 Cormorant Garamond,Georgia,serif;text-shadow:0 2px 7px rgba(0,0,0,.55)}
.mkstaff-separator{display:flex;align-items:center;justify-content:center;gap:7px;width:120px;margin:14px auto 20px}.mkstaff-separator i{width:42px;height:1px;background:linear-gradient(90deg,transparent,#efd69f)}.mkstaff-separator i:last-child{transform:scaleX(-1)}.mkstaff-separator span{width:6px;height:6px;transform:rotate(45deg);background:#efd69f}
.mkstaff-footer{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:12px;width:100%;margin-top:auto}.mkstaff-status,.mkstaff-code{height:52px;border:1px solid rgba(239,209,148,.72);background:rgba(8,9,13,.66);box-shadow:inset 0 0 0 5px rgba(255,255,255,.015)}.mkstaff-status{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 12px}.mkstaff-status b{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff}.mkstaff-status span{font-size:11px;font-weight:800;letter-spacing:.07em;color:#fff}.mkstaff-code{display:grid;place-items:center;font:700 18px Cinzel,serif;color:#fff5e4}
@keyframes mkstaffSpin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.mkstaff-grid{grid-template-columns:1fr;max-width:510px;margin:0 auto}.mkstaff-card{min-height:630px}}
@media(max-width:640px){.mkstaff-security{grid-template-columns:46px 1fr;gap:10px;padding:14px 18px}.mkstaff-security>i{display:none}.mkstaff-security>strong{font-size:14px}.mkstaff-security>p{grid-column:1/-1;font-size:11px}.mkstaff-security-emblem{width:44px;height:50px}.mkstaff-card{min-height:610px;padding:38px 18px 22px}.mkstaff-header h2{font-size:20px}.mkstaff-sigil{width:215px;height:215px}.mkstaff-sigil .ring-1{width:205px;height:205px}.mkstaff-sigil .ring-2{width:174px;height:174px}.mkstaff-sigil .ring-3{width:146px;height:146px}.mkstaff-sigil .ring-4{width:118px;height:118px}.mkstaff-sigil::before{width:185px;height:185px}.mkstaff-sigil::after{width:164px;height:164px}.mkstaff-sigil .horizontal{width:210px}.mkstaff-sigil .vertical{height:210px}.mkstaff-medallion{width:108px;height:108px}.mkstaff-medallion strong{font-size:54px}.mkstaff-nameplate{min-width:220px;height:58px}.mkstaff-nameplate span{font-size:23px}.mkstaff-footer{grid-template-columns:1fr}.mkstaff-code{height:46px}}
@media(prefers-reduced-motion:reduce){.mkstaff-sigil::after{animation:none}}


/* Class chibi icons */
.class-orb{overflow:hidden}
.class-orb img{width:72%;height:72%;object-fit:contain;display:block;filter:drop-shadow(0 3px 8px rgba(0,0,0,.28))}
.character-card .class-orb{display:grid;place-items:center}
.character-card .class-orb img{width:76%;height:76%}
.mini-class-orb{overflow:hidden;padding:3px}
.mini-class-orb img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25))}
.class-orb.class-wizard,.mini-class-orb.class-wizard{box-shadow:0 0 34px rgba(99,207,255,.14),inset 0 0 20px rgba(255,255,255,.04)}
.class-orb.class-knight,.mini-class-orb.class-knight{box-shadow:0 0 34px rgba(255,122,132,.14),inset 0 0 20px rgba(255,255,255,.04)}
.class-orb.class-elf,.mini-class-orb.class-elf{box-shadow:0 0 34px rgba(97,231,173,.14),inset 0 0 20px rgba(255,255,255,.04)}
.class-orb.class-gladiator,.mini-class-orb.class-gladiator{box-shadow:0 0 34px rgba(182,138,255,.14),inset 0 0 20px rgba(255,255,255,.04)}
.class-orb.class-lord,.mini-class-orb.class-lord{box-shadow:0 0 34px rgba(241,195,109,.14),inset 0 0 20px rgba(255,255,255,.04)}
.class-orb.class-summoner,.mini-class-orb.class-summoner{box-shadow:0 0 34px rgba(225,124,255,.14),inset 0 0 20px rgba(255,255,255,.04)}
.class-orb.class-fighter,.mini-class-orb.class-fighter{box-shadow:0 0 34px rgba(255,154,99,.14),inset 0 0 20px rgba(255,255,255,.04)}


/* Enhanced class portrait chibis */
.class-orb,.mini-class-orb{position:relative;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.18),rgba(12,20,45,.96) 62%,rgba(6,10,22,1) 100%)}
.class-orb img,.mini-class-orb img{display:block;width:118%;height:118%;object-fit:cover;object-position:center 42%;border-radius:50%;transform:translateY(2%) scale(1.02)}
.character-card .class-orb img{width:122%;height:122%;object-position:center 40%}
.mini-class-orb img{width:120%;height:120%;object-position:center 40%}
.class-orb::after,.mini-class-orb::after{content:'';position:absolute;inset:10%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
.class-orb.class-wizard,.mini-class-orb.class-wizard{box-shadow:0 0 0 1px rgba(126,182,255,.28),0 0 30px rgba(52,114,255,.22),inset 0 0 18px rgba(255,255,255,.04)}
.class-orb.class-knight,.mini-class-orb.class-knight{box-shadow:0 0 0 1px rgba(255,149,113,.28),0 0 30px rgba(255,93,48,.22),inset 0 0 18px rgba(255,255,255,.04)}
.class-orb.class-elf,.mini-class-orb.class-elf{box-shadow:0 0 0 1px rgba(133,255,188,.28),0 0 30px rgba(76,200,121,.22),inset 0 0 18px rgba(255,255,255,.04)}
.class-orb.class-gladiator,.mini-class-orb.class-gladiator{box-shadow:0 0 0 1px rgba(255,199,121,.28),0 0 30px rgba(220,144,50,.22),inset 0 0 18px rgba(255,255,255,.04)}
.class-orb.class-lord,.mini-class-orb.class-lord{box-shadow:0 0 0 1px rgba(177,255,118,.26),0 0 30px rgba(72,181,90,.22),inset 0 0 18px rgba(255,255,255,.04)}
.class-orb.class-summoner,.mini-class-orb.class-summoner{box-shadow:0 0 0 1px rgba(192,130,255,.28),0 0 30px rgba(135,74,219,.24),inset 0 0 18px rgba(255,255,255,.04)}
.class-orb.class-fighter,.mini-class-orb.class-fighter{box-shadow:0 0 0 1px rgba(255,124,90,.28),0 0 30px rgba(235,63,35,.24),inset 0 0 18px rgba(255,255,255,.04)}

/* Panel de cuenta: distribución de puntos y reset web */
.account-action-error{margin:0 0 18px}
.account-manage-grid{align-items:start}
.manage-character-card{min-height:0;overflow:visible}
.manage-character-card>div,.manage-character-card details div{display:block}
.manage-character-card .character-card-top,.manage-character-card .character-location{display:flex}
.manage-character-card .character-stats{display:grid}
.character-attribute-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;margin-top:13px}
.character-attribute-summary span{padding:9px 10px;border:1px solid rgba(255,255,255,.06);background:rgba(4,8,18,.34)}
.character-attribute-summary small{display:block;color:#63718a;font-size:7px;letter-spacing:.09em}
.character-attribute-summary strong{display:block;margin-top:4px;color:#dcecff;font-size:12px}
.character-action-box{margin-top:15px;border:1px solid rgba(91,211,255,.13);background:rgba(5,10,23,.46)}
.character-action-box summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;cursor:pointer;list-style:none;color:#dff7ff;font-size:10px;font-weight:800}
.character-action-box summary::-webkit-details-marker{display:none}
.character-action-box summary::after{content:'+';order:3;color:#62dcff;font-size:16px}
.character-action-box[open] summary::after{content:'−'}
.character-action-box summary strong{margin-left:auto;color:#61e7ad;font-size:9px}
.character-action-box[data-no-points] summary strong{color:#718099}
.points-form{padding:0 12px 13px;border-top:1px solid rgba(255,255,255,.05)}
.point-input-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;padding-top:12px}
.point-input-grid label{display:block;color:#7d8ba2;font-size:8px;font-weight:800;letter-spacing:.05em}
.point-input-grid input{width:100%;height:38px;margin-top:6px;padding:0 10px;border:1px solid rgba(97,210,255,.16);background:#070c18;color:#fff;outline:none}
.point-input-grid input:focus{border-color:rgba(97,220,255,.65);box-shadow:0 0 0 2px rgba(66,190,255,.08)}
.character-action-btn{width:100%;min-height:42px;margin-top:12px}
.character-action-btn:disabled,.reset-web-btn:disabled,.warp-lorencia-btn:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.5}
.web-reset-box,.web-warp-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px!important;margin-top:11px;padding:12px}
.web-reset-box{border:1px solid rgba(255,191,91,.13);background:rgba(45,29,7,.2)}
.web-warp-box{border:1px solid rgba(91,211,255,.16);background:rgba(5,32,48,.28)}
.web-reset-box>div,.web-warp-box>div{display:block!important}
.web-reset-box strong{display:block;color:#f2dfba;font-size:10px}
.web-warp-box strong{display:block;color:#dff7ff;font-size:10px}
.web-reset-box small,.web-warp-box small{display:block;margin-top:5px;font-size:8px;line-height:1.45}
.web-reset-box small{color:#7b715f}
.web-warp-box small{color:#7892a1}
.web-reset-box form,.web-warp-box form{margin:0}
.reset-web-btn,.warp-lorencia-btn{min-width:105px;height:38px;padding:0 12px;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.reset-web-btn{border:1px solid rgba(255,190,83,.28);background:linear-gradient(135deg,rgba(151,79,22,.9),rgba(98,42,19,.95));color:#fff4dd}
.warp-lorencia-btn{min-width:132px;border:1px solid rgba(91,211,255,.3);background:linear-gradient(135deg,rgba(17,117,154,.92),rgba(16,65,103,.96));color:#e8fbff}
.reset-web-btn:not(:disabled):hover{filter:brightness(1.15);box-shadow:0 8px 22px rgba(193,91,25,.22)}
.warp-lorencia-btn:not(:disabled):hover{filter:brightness(1.14);box-shadow:0 8px 22px rgba(36,164,211,.2)}
@media(max-width:680px){.character-attribute-summary,.point-input-grid{grid-template-columns:1fr 1fr}.web-reset-box,.web-warp-box{grid-template-columns:1fr}.reset-web-btn,.warp-lorencia-btn{width:100%}}

/* MU KISSI 2026-07-31: presencia real de staff y estados Battle Pass/VIP */
.mkstaff-status.online{border-color:rgba(79,239,154,.72);background:linear-gradient(180deg,rgba(13,55,36,.84),rgba(5,25,18,.88))}
.mkstaff-status.online b{background:#55f29b;box-shadow:0 0 8px #55f29b,0 0 18px rgba(85,242,155,.78);animation:staffOnlinePulse 1.55s ease-in-out infinite}
.mkstaff-status.online span{color:#dffff0;text-shadow:0 0 10px rgba(85,242,155,.32)}
.mkstaff-status.offline{border-color:rgba(255,105,117,.5);background:linear-gradient(180deg,rgba(54,18,24,.78),rgba(24,7,11,.86))}
.mkstaff-status.offline b{background:#ff6675;box-shadow:0 0 10px rgba(255,102,117,.58)}
.mkstaff-status.offline span{color:#ffd9de}
.mkstaff-status.available b{background:#d5b77c;box-shadow:0 0 10px rgba(213,183,124,.45)}
@keyframes staffOnlinePulse{50%{opacity:.45;transform:scale(.78)}}

.character-memberships{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.membership-badge{min-width:0;display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid rgba(255,255,255,.1);background:rgba(4,8,18,.58);box-shadow:inset 0 0 18px rgba(255,255,255,.018)}
.membership-badge>i{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13)}
.membership-badge>span{display:block;min-width:0}
.membership-badge b,.membership-badge small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.membership-badge b{font-size:9px;letter-spacing:.095em;color:#e8eef9}
.membership-badge small{margin-top:3px;font-size:8px;letter-spacing:.04em;color:#78869d}
.membership-badge.active.battle-pass{border-color:rgba(117,111,255,.52);background:linear-gradient(135deg,rgba(36,31,96,.68),rgba(11,13,34,.76));box-shadow:inset 0 0 22px rgba(102,91,255,.08),0 0 15px rgba(92,79,255,.055)}
.membership-badge.active.battle-pass>i{color:#c9c5ff;border-color:rgba(159,151,255,.5);box-shadow:0 0 12px rgba(130,119,255,.2)}
.membership-badge.active.battle-pass small{color:#beb9ff}
.membership-badge.active.vip{border-color:rgba(241,193,91,.58);background:linear-gradient(135deg,rgba(83,56,12,.66),rgba(29,19,5,.78));box-shadow:inset 0 0 22px rgba(255,190,65,.075),0 0 15px rgba(255,182,56,.05)}
.membership-badge.active.vip>i{color:#ffe193;border-color:rgba(255,213,113,.52);text-shadow:0 0 9px rgba(255,211,105,.5)}
.membership-badge.active.vip small{color:#f6d887}
.membership-badge.inactive{opacity:.64;filter:saturate(.55)}
.membership-badge.inactive>i{color:#7b879a}
@media(max-width:430px){.character-memberships{grid-template-columns:1fr}.membership-badge{padding:9px 10px}}
/* Battle Pass: FREE y PREMIUM se muestran como estados distintos. */
.membership-badge.active.battle-pass.free{border-color:rgba(91,179,241,.5);background:linear-gradient(135deg,rgba(15,54,83,.68),rgba(8,18,31,.78))}
.membership-badge.active.battle-pass.free>i,.membership-badge.active.battle-pass.free small{color:#9ed8ff}
.membership-badge.active.battle-pass.premium{border-color:rgba(241,193,91,.6);background:linear-gradient(135deg,rgba(83,56,12,.66),rgba(29,19,5,.78));box-shadow:inset 0 0 22px rgba(255,190,65,.075),0 0 15px rgba(255,182,56,.05)}
.membership-badge.active.battle-pass.premium>i,.membership-badge.active.battle-pass.premium small{color:#f6d887}

/* Descargas Android y Emulador */
.client-download-grid{display:grid;grid-template-columns:1fr;gap:22px}
.client-download-card{min-height:430px}
.client-download-card .download-device-wrap img{width:100%;max-width:410px;max-height:350px;object-fit:contain}
.emulator-download{position:relative;overflow:hidden;border-color:rgba(164,125,255,.24);background:linear-gradient(125deg,rgba(25,20,52,.98),rgba(16,24,47,.97) 55%,rgba(22,44,60,.95))}
.emulator-download::before{content:"";position:absolute;inset:-50% auto -50% 42%;width:340px;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(157,117,255,.09),transparent);animation:launchGlow 8s linear infinite}
.emulator-device-wrap img{max-width:450px!important}
.emulator-glow{background:radial-gradient(circle,rgba(139,104,255,.27),rgba(72,184,255,.12) 43%,transparent 72%)}
.emulator-action{box-shadow:0 12px 34px rgba(119,95,255,.18)}
.emulator-requirements{border-color:rgba(155,117,255,.2)}
@media(max-width:900px){.client-download-card{min-height:auto}.client-download-card .download-copy{text-align:center}.client-download-card .download-action{margin-inline:auto}}


/* MU KISSI STAFF VACANCY ENHANCEMENT 20260805 */
.mkstaff-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:-8px 0 28px}
.mkstaff-overview>div{min-height:72px;display:flex;align-items:center;justify-content:center;gap:13px;padding:12px 18px;border:1px solid rgba(215,194,145,.28);background:linear-gradient(180deg,rgba(18,21,42,.82),rgba(8,11,24,.88));box-shadow:inset 0 0 0 4px rgba(255,255,255,.012)}
.mkstaff-overview-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(229,207,153,.55);color:#f4ddb0;background:rgba(0,0,0,.24);font:700 16px Cinzel,serif;box-shadow:0 0 16px rgba(205,177,115,.12)}
.mkstaff-overview-icon.vacancy{color:#ffd487;border-color:rgba(255,196,85,.56)}
.mkstaff-overview-icon.live{position:relative;width:14px;height:14px;margin:0 10px;background:#55f29b;border-color:#8bffc0;box-shadow:0 0 9px #55f29b,0 0 22px rgba(85,242,155,.55)}
.mkstaff-overview-icon.live::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(85,242,155,.32);border-radius:50%;animation:staffOnlinePulse 1.55s ease-in-out infinite}
.mkstaff-overview p{display:flex;flex-direction:column;margin:0}.mkstaff-overview strong{color:#fff6e4;font:700 18px Cinzel,serif;letter-spacing:.06em}.mkstaff-overview small{margin-top:3px;color:#aeb8cc;font-size:9px;font-weight:800;letter-spacing:.14em}
.mkstaff-vacant{--role:#dba13e;--role-soft:#ffe4a8;--role-dark:#49300b;--role-deep:#161106;background:radial-gradient(circle at 50% 26%,rgba(255,195,76,.18),transparent 30%),linear-gradient(180deg,#49300b,#161106 62%,#07090e 100%)}
.mkstaff-vacant .mkstaff-header{margin-bottom:12px}.mkstaff-vacancy-badge{display:inline-flex;align-items:center;justify-content:center;margin-top:13px;padding:7px 12px;border:1px solid rgba(255,214,132,.6);background:rgba(55,37,8,.72);color:#ffe7b1;font-size:9px;letter-spacing:.15em;box-shadow:0 0 16px rgba(255,181,56,.12)}
.mkstaff-vacant .mkstaff-sigil{filter:saturate(.82)}.mkstaff-vacant .mkstaff-sigil::after{animation-duration:20s}.mkstaff-vacant .mkstaff-medallion{border-style:dashed;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.09),rgba(22,17,8,.96) 54%,#05070c)}
.mkstaff-vacant .mkstaff-medallion strong{font-size:66px;font-family:Arial,sans-serif;font-weight:300;line-height:1;color:#ffe0a0;text-shadow:0 0 12px #fff0c7,0 0 24px rgba(255,180,52,.55)}
.mkstaff-vacant .mkstaff-nameplate{background:linear-gradient(180deg,rgba(60,42,11,.95),rgba(18,14,7,.98))}.mkstaff-vacant .mkstaff-nameplate span{font-size:22px;letter-spacing:.035em}
.mkstaff-vacant .mkstaff-description{color:#f2dfba}.mkstaff-vacant .mkstaff-status.available{border-color:rgba(255,202,103,.72);background:linear-gradient(180deg,rgba(66,43,8,.82),rgba(28,20,6,.88));opacity:1}.mkstaff-vacant .mkstaff-status.available b{background:#ffc65c;box-shadow:0 0 8px #ffc65c,0 0 18px rgba(255,198,92,.58)}.mkstaff-vacant .mkstaff-status.available span{color:#ffebbd}
@media(max-width:760px){.mkstaff-overview{grid-template-columns:1fr}.mkstaff-overview>div{justify-content:flex-start;padding-left:24px}}