/* MU MAYA Season 21: final shared visual layer, loaded last on both layouts. */
:root{--maya-ink:#0d0a15;--maya-panel:#191225;--maya-line:rgba(212,176,109,.2);--maya-gold:#ddbc7d;--maya-purple:#71448f;--maya-radius:14px}
html{scroll-behavior:smooth}body{color:#e9e2ee}img{max-width:100%}
.maya-announcement{width:min(760px,calc(100% - 24px));border-color:rgba(222,186,122,.6);background:#120d1b;border-radius:var(--maya-radius)}
.maya-ad-art{height:280px;background:#130d1b}.maya-ad-art:after{background:linear-gradient(180deg,rgba(12,7,21,.05) 20%,#120d1b 100%)}
.maya-ad-art>img:first-child{object-position:center 30%}
.maya-ad-copy{padding:12px clamp(20px,5vw,46px) 28px}.maya-ad-copy h2{margin:10px auto;color:#fff3dc}.maya-ad-copy p{margin-bottom:20px;color:#c6bdce}
.maya-ad-cta{background:linear-gradient(120deg,#e7c887,#b9874a);border-radius:10px}.maya-ad-close{background:#160f22e8}
.site-menu{background:linear-gradient(180deg,#1a1026,#0e0b18)!important}.site-menu__link.site-menu__nav-button{border-radius:10px!important}
.mu-live-rankings,.home-ranking-widget,.maya-footer,.ruleta-fair-play{border-color:var(--maya-line)!important}
.mu-live-rankings,.home-ranking-widget{background:linear-gradient(145deg,#1b1329,#0e0c19)!important;border-radius:var(--maya-radius)!important}
.mu-live-rankings__table{background:#100d1b!important}.mu-live-rankings .mu-live-rankings__row.is-head{background:#241a31!important}
.maya-footer{max-width:1200px}.footer{background:#0b0912!important}
:is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--maya-gold);outline-offset:3px}
@media(max-width:700px){.maya-announcement{max-height:calc(100dvh - 20px)}.maya-ad-art{height:190px}.maya-ad-copy{padding:8px 18px 20px}.maya-ad-copy h2{font-size:26px}.maya-ad-copy p{font-size:14px}.maya-ad-options{margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.maya-ad-art>img:first-child,.maya-announcement[open]{animation:none!important}.maya-ad-cta,.site-menu__link{transition:none!important}}

/* V2: navigation hierarchy and game atmosphere. */
.maya-game-nav{display:block!important;padding:10px 10px 20px!important;list-style:none!important}
.maya-game-nav>li{list-style:none!important;margin:0 0 4px!important}
.maya-nav-label{padding:18px 13px 8px;color:#b7a582;font:700 10px/1.2 'Open Sans',sans-serif;letter-spacing:.19em}
.maya-game-nav .maya-nav-main{min-height:46px!important;padding:8px 12px!important;margin:0!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;font-weight:700!important}
.maya-game-nav .maya-nav-main:hover,.maya-game-nav .maya-nav-main.active{background:rgba(154,92,189,.16)!important;border-color:rgba(211,168,236,.25)!important;transform:none!important;box-shadow:inset 3px 0 #d9b577!important}
.maya-game-nav .maya-nav-download{background:linear-gradient(115deg,#a98041,#d9b676)!important;color:#1a101c!important;border:1px solid #ebd193!important;margin:10px 0 4px!important;box-shadow:0 7px 22px #0005!important}
.maya-game-nav .maya-nav-download i{color:#241525!important;background:#fff4cd55!important}
.maya-nav-group details{border:1px solid transparent;border-radius:10px}
.maya-nav-group details[open]{background:rgba(21,13,34,.75);border-color:rgba(209,164,111,.19)}
.maya-nav-group summary{display:flex;align-items:center;gap:11px;min-height:46px;padding:9px 13px;color:#ddd4e4;font:700 13px/1.3 'Open Sans',sans-serif;cursor:pointer;list-style:none;border-radius:10px}
.maya-nav-group summary::-webkit-details-marker{display:none}.maya-nav-group summary:hover{background:rgba(153,102,192,.13);color:#f4d69c}
.maya-nav-group summary>i:first-child{width:25px;text-align:center;color:#d9b577}.maya-nav-chevron{margin-left:auto;font-size:10px;color:#9b8caa;transition:transform .2s}
.maya-nav-group details[open] .maya-nav-chevron{transform:rotate(180deg)}.maya-nav-sub{display:grid;gap:2px;padding:0 8px 9px 49px}
.maya-nav-sub a{display:block;padding:9px 10px;color:#bcb0c9;font:600 12px/1.3 'Open Sans',sans-serif;border-left:1px solid rgba(216,177,114,.2);border-radius:0 7px 7px 0}
.maya-nav-sub a:hover,.maya-nav-sub a:focus-visible{color:#f4d595;background:rgba(198,143,88,.1);border-left-color:#e1b979}
.mu-side-panel-head{border-bottom:1px solid rgba(222,188,127,.18);padding-bottom:15px;margin-bottom:5px}
.site-menu__ad-slot{display:none!important}
.site-menu__social{padding:12px 14px!important;border-top:1px solid rgba(222,188,127,.15)}
.webzen-hero__shell{border:1px solid rgba(224,187,125,.42)!important;box-shadow:0 30px 65px #0009,0 0 0 1px #d4af7130!important;background:#100b1a!important}
.webzen-hero__slide-link::before{background:linear-gradient(90deg,rgba(12,7,20,.91) 0%,rgba(13,7,21,.68) 37%,rgba(12,6,21,.06) 80%)!important}
.webzen-hero__overlay{max-width:min(580px,64%)!important;padding-left:clamp(24px,4vw,68px)!important}
.webzen-hero__kicker{color:#efd19a!important;letter-spacing:.16em!important}.webzen-hero__overlay h2{font-family:Philosopher,serif!important;font-size:clamp(35px,4.2vw,64px)!important;line-height:1.04!important;text-shadow:0 4px 18px #000}
.webzen-hero__overlay p{font-size:clamp(14px,1.35vw,18px)!important;line-height:1.55!important;color:#ece3ef!important;max-width:460px}
.webzen-hero__thumbs{background:#100c1a!important;border-top:1px solid rgba(222,188,127,.22)!important}.webzen-hero__thumb{background:#170f23!important;border-right:1px solid rgba(222,188,127,.12)!important}.webzen-hero__thumb.is-active{background:linear-gradient(90deg,#36203e,#20142b)!important;box-shadow:inset 0 3px #dcba7f!important}
.home-quick-action{background:linear-gradient(145deg,#251831,#130e20)!important;border:1px solid rgba(215,179,121,.27)!important;border-radius:14px!important;box-shadow:0 12px 28px #0005!important}.home-quick-action:hover{transform:translateY(-3px)!important;border-color:#d9b879!important}.home-quick-action__icon{color:#efc986!important}
.home-live-events,.home-portal-grid>*,.home-bottom-grid>*{border-color:rgba(215,179,121,.22)!important;box-shadow:0 16px 36px #0004}
@media(max-width:900px){.webzen-hero__overlay{max-width:76%!important}}
@media(max-width:700px){.webzen-hero__overlay{max-width:100%!important;padding:20px!important}.webzen-hero__slide-link::before{background:linear-gradient(0deg,rgba(12,7,20,.95),rgba(12,7,20,.12) 85%)!important}.webzen-hero__overlay h2{font-size:clamp(28px,8vw,40px)!important}.maya-game-nav{padding-bottom:14px!important}}

/* Season 21 presentation pass: consistent reading hierarchy across modules. */
:root{--maya-text:#eee7f0;--maya-muted:#b8acc3;--maya-surface:#171021;--maya-surface-raised:#211629;--maya-accent:#e3bd78;--maya-divider:rgba(220,181,112,.23)}
body{background-color:#090710!important;color:var(--maya-text)}
.site-bg:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,5,15,.34),rgba(8,5,15,.64) 55%,#090710)}
.maya-section-desc{margin:8px 0 0;color:var(--maya-muted);font:400 13px/1.55 'Open Sans',sans-serif;letter-spacing:0;text-transform:none}
.webzen-hero__shell,.home-live-events,.home-quick-action,.home-portal-grid>*,.home-bottom-grid>*,.mu-portal-page,.mu-live-rankings,.v21-panel{border-radius:14px!important}
.webzen-hero__overlay{z-index:2}.webzen-hero__overlay h2{max-width:560px}.webzen-hero__cta a:first-child,.home-download-cta a,.v21-btn{border-radius:9px!important;background:linear-gradient(135deg,#eed195,#af7e3f)!important;border:1px solid #f2d6a0!important;color:#1d1421!important;box-shadow:0 8px 25px #05030a66}
.webzen-hero__cta .is-secondary,.v21-btn--ghost{background:rgba(17,12,25,.7)!important;color:#f3e8f2!important;border-color:rgba(226,190,128,.5)!important}
.home-quick-actions{gap:12px!important}.home-quick-action{min-height:88px!important;padding:16px!important}.home-quick-action strong{font-size:14px!important;color:#f3e9ef!important}.home-quick-action small{font-size:11px!important;color:#b8acc3!important}.home-quick-action__icon{width:42px!important;height:42px!important;flex:0 0 42px!important;border:1px solid var(--maya-divider);background:#211526!important;border-radius:10px!important}
.home-section-heading h2,.home-live-events__head h3,.home-section-minihead h3,.home-patch-card h3,.v21-panel__head h2,.mu-portal-page__head h1,.mu-guides-hero h1{font-family:Philosopher,Georgia,serif!important;line-height:1.18!important;color:#f4e7d3!important}
.home-section-heading h2{font-size:clamp(24px,2.5vw,34px)!important}.home-portal-grid>*,.home-bottom-grid>*,.home-live-events,.v21-panel{background:linear-gradient(155deg,rgba(31,21,41,.97),rgba(13,11,21,.98))!important}
.home-weekly__item,.home-activity__list>div,.home-roulette-feed__list>div,.home-guide-card{border-radius:9px!important;border:1px solid rgba(222,181,115,.1)!important;background:rgba(255,255,255,.025)!important}
.v21-page,.mu-portal-page,.mu-guides-page,.mu-live-rankings,.ruleta-page,.maya-pass-page,.maya-titles-page{max-width:min(100%,1280px);margin-inline:auto;color:var(--maya-text)}
.v21-hero,.mu-guides-hero,.mu-portal-page__head,.maya-pass-hero,.maya-titles-hero{background:linear-gradient(90deg,rgba(14,8,24,.92),rgba(19,10,30,.62)),url('../img/backgrounds/webzen/slide1.jpg') center 40%/cover!important;border:1px solid rgba(226,185,113,.37)!important;border-radius:14px!important;box-shadow:0 20px 45px #0008}
.v21-hero h1,.mu-guides-hero h1{font-family:Philosopher,Georgia,serif!important;color:#fff0d0!important}.v21-hero p,.mu-guides-hero p,.mu-portal-page__head p{color:#d0c4d4!important;font-size:14px!important;line-height:1.6!important}
.v21-panel__head span,.mu-portal-page__head>span,.ruleta-section-kicker,.maya-pass-eyebrow,.maya-titles-eyebrow{color:var(--maya-accent)!important}.v21-panel__head small{color:var(--maya-muted)!important}
.v21-empty,.mu-live-rankings__empty,.ruleta-empty-state{border-radius:10px!important;border-color:var(--maya-divider)!important;background:#120d1c!important;color:#d5c8da!important}
.mu-class-card,.mu-serverinfo-stat,.mu-serverinfo-sections article,.mymaya-char,.mymaya-kpis article{border-color:var(--maya-divider)!important;border-radius:12px!important;background:linear-gradient(145deg,#211629,#110d1b)!important;box-shadow:0 12px 25px #0004}
.mu-class-card__visual{background:#100b18!important}.mu-class-card__body{padding:18px!important}.mu-class-card h2{font-family:Philosopher,Georgia,serif!important;font-size:22px!important}.mu-class-card p,.mu-serverinfo-sections p{font-size:12px!important;color:#c6bccc!important}.mu-class-card small{font-size:10px!important;color:#b19ebc!important}
.mu-serverinfo-stat{padding:20px 12px!important}.mu-serverinfo-stat span{font-size:10px!important;color:#c0b0ca!important}.mu-serverinfo-stat strong{font-size:20px!important}
.mu-live-rankings__head small{color:#c9bdd1!important}.mu-live-rankings__tabs a{min-height:45px!important}.mu-live-rankings__row{border-color:rgba(227,189,120,.1)!important}.mu-live-rankings__row a{color:#f3e6d6!important}
.ruleta-page :is(.ruleta-wheel-panel,.ruleta-wallet-card,.ruleta-prize-card,.ruleta-player-card),.maya-pass-page :is(.maya-pass-card,.maya-pass-step),.maya-titles-page :is(.maya-title-card,.maya-titles-panel){border-radius:12px!important;border-color:var(--maya-divider)!important}
.ruleta-fair-play{background:#191123!important;color:#dbcedf!important;font-size:12px!important;line-height:1.6!important}.ruleta-fair-play strong{font-size:14px!important;color:#f1d399!important}
.maya-game-nav .maya-nav-main,.maya-nav-group summary{font-size:13px!important}.maya-nav-sub a{font-size:12px!important;min-height:35px}
@media(max-width:900px){.home-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mu-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mu-serverinfo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.mu-serverinfo-sections{grid-template-columns:1fr!important}}
@media(max-width:620px){.webzen-hero__overlay{max-width:100%!important}.webzen-hero__cta{display:flex;flex-wrap:wrap;gap:8px}.webzen-hero__cta a{min-height:42px!important}.home-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-quick-action{min-height:80px!important;padding:11px!important;gap:8px!important}.home-quick-action small{font-size:10px!important}.home-quick-action__icon{width:34px!important;height:34px!important;flex-basis:34px!important}.home-live-events__head{align-items:flex-start!important;flex-direction:column!important}.mu-class-grid,.mu-serverinfo-grid{grid-template-columns:1fr 1fr!important}.mu-portal-page{padding:16px!important}.v21-hero{padding:22px!important}}

/* Character guides · MAYA MU Season 21 */
.maya-characters-page{display:grid;gap:18px}.maya-characters-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:38px!important}.maya-characters-hero h1{margin:6px 0 8px;font-size:clamp(34px,5vw,58px)!important}.maya-characters-hero__meta{min-width:140px;padding:18px;border:1px solid #e3bd7857;border-radius:12px;background:#0a0710a8;text-align:center}.maya-characters-hero__meta strong,.maya-characters-hero__meta small{display:block}.maya-characters-hero__meta strong{font:700 42px/1 Philosopher,serif;color:#efd095}.maya-characters-hero__meta small{margin-top:7px;color:#bcaec5;font-size:9px;letter-spacing:.14em}.maya-class-notice{display:flex;gap:12px;padding:15px 17px;border:1px solid #719dda3b;border-radius:11px;background:#142237a3;color:#c8d6e9}.maya-class-notice i{margin-top:3px;color:#89b7ef}.maya-class-notice p{margin:0;font-size:12px;line-height:1.65}.maya-class-notice strong{color:#fff}.maya-class-nav{display:flex;gap:7px;overflow-x:auto;padding:4px 2px 9px}.maya-class-nav a{flex:0 0 auto;min-width:45px;padding:10px 12px;border:1px solid var(--maya-divider);border-radius:8px;background:#15101d;color:#b9abc3!important;text-align:center;text-decoration:none!important;font-size:10px;font-weight:700}.maya-class-nav a:hover,.maya-class-nav a.is-active{border-color:#dcb773;background:#35233c;color:#f4d496!important}.maya-class-guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.maya-class-guide-card{display:flex!important;overflow:hidden}.maya-class-guide-card__visual{position:relative;display:block;flex:0 0 38%;min-height:235px;overflow:hidden;background:#0d0913}.maya-class-guide-card__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 42%,#1a1122)}.maya-class-guide-card__visual img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:.35s}.maya-class-guide-card:hover img{transform:scale(1.04)}.maya-class-guide-card__visual span{position:absolute;z-index:2;left:9px;bottom:10px;padding:5px 7px;border:1px solid #deb96f66;border-radius:6px;background:#0a0710cc;color:#ebc982;font-size:9px}.maya-class-guide-card .mu-class-card__body{display:flex;flex:1;min-width:0;flex-direction:column}.maya-class-guide-card .mu-class-card__body>span{color:#d9b66f!important;font-size:9px;text-transform:uppercase}.maya-class-guide-card h2{margin:5px 0 8px!important}.maya-class-guide-card h2 a{color:#f5e9d8!important;text-decoration:none!important}.maya-class-guide-card p{line-height:1.55!important}.maya-class-card__chips{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.maya-class-card__chips small{padding:5px 7px;border:1px solid #dcb5702b;border-radius:20px;background:#0e0b14}.maya-class-card__path{display:block;margin-top:auto;color:#af9fb8;font-size:9px;line-height:1.45}.maya-class-card__cta{display:inline-flex;gap:8px;align-items:center;margin-top:12px;color:#efcb87!important;text-decoration:none!important;font-size:10px;font-weight:700}.maya-class-profile{display:grid;gap:16px}.maya-class-profile__hero,.maya-class-section{border:1px solid var(--maya-divider);border-radius:14px;background:linear-gradient(150deg,#20152afa,#0d0a14fa);box-shadow:0 16px 32px #0004}.maya-class-profile__hero{display:grid;grid-template-columns:230px 1fr;min-height:290px;overflow:hidden}.maya-class-profile__portrait{position:relative;overflow:hidden;background:#0d0914}.maya-class-profile__portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,#1c1325)}.maya-class-profile__portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.maya-class-profile__intro{align-self:center;padding:34px}.maya-class-profile__intro>span,.maya-class-section__title span{color:#d9b66f;font-size:9px;font-weight:700;letter-spacing:.14em}.maya-class-profile__intro h2{margin:7px 0 10px;font:700 clamp(36px,5vw,62px)/1 Philosopher,serif;color:#f4e7d3}.maya-class-profile__intro p{max-width:780px;margin:0;color:#cec2d2;font-size:14px;line-height:1.75}.maya-class-profile__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.maya-class-profile__tags b{padding:8px 10px;border:1px solid #e0b97140;border-radius:7px;color:#d8c6dc;font-size:9px}.maya-class-section{padding:22px}.maya-class-section__title{display:flex;gap:12px;align-items:center;margin-bottom:17px}.maya-class-section__title>i{display:grid;width:38px;height:38px;place-items:center;border:1px solid #e0b97140;border-radius:9px;background:#25172e;color:#e9c67f}.maya-class-section__title h3{margin:2px 0 0;font:700 23px/1.1 Philosopher,serif;color:#f1e5d8}.maya-evolution-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.maya-evolution-line li{position:relative;min-height:76px;padding:14px;border:1px solid #e1b86f26;border-radius:9px;background:#ffffff06}.maya-evolution-line li:not(:last-child):after{content:"›";position:absolute;right:-9px;top:25px;color:#e9c67f;font-size:20px}.maya-evolution-line small,.maya-evolution-line strong{display:block}.maya-evolution-line small{color:#8f819a;font-size:8px}.maya-evolution-line strong{margin-top:7px;color:#eee3e9;font-size:12px}.maya-class-profile__columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.maya-base-stats{display:grid;gap:11px}.maya-base-stats div{display:grid;grid-template-columns:90px 36px 1fr;gap:9px;align-items:center}.maya-base-stats span{color:#bfb2c7;font-size:11px}.maya-base-stats strong{color:#f4d79d;text-align:right}.maya-base-stats i{height:6px;border-radius:10px;background:#0b0810}.maya-base-stats i:after{content:"";display:block;width:var(--stat);height:100%;background:linear-gradient(90deg,#7d4ea1,#e5bd73)}.maya-class-copy{margin:0;color:#c9bdce;font-size:13px;line-height:1.75}.maya-skill-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.maya-skill-list span{display:flex;gap:9px;align-items:center;min-height:52px;padding:11px;border:1px solid #e1b86f24;border-radius:8px;background:#ffffff06;color:#e6dae8;font-size:11px}.maya-skill-list i{color:#d9b66f}.maya-build-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.maya-build-list p{margin:0;padding:14px;border-left:3px solid #dcb773;background:#ffffff06;color:#cbbfd0;font-size:12px;line-height:1.65}.maya-class-section ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.maya-class-section li{position:relative;padding-left:20px;color:#cabed0;font-size:12px}.maya-class-section li:before{position:absolute;left:0}.maya-class-section--positive li:before{content:"+";color:#7ed6a7}.maya-class-section--negative li:before{content:"−";color:#e59a91}.maya-class-pager{display:grid;grid-template-columns:1fr auto 1fr;gap:10px}.maya-class-pager a{display:flex;gap:10px;align-items:center;padding:13px 15px;border:1px solid var(--maya-divider);border-radius:9px;background:#17101f;color:#eaddeb!important;text-decoration:none!important;font-size:9px;font-weight:700}.maya-class-pager a:last-child{justify-content:flex-end;text-align:right}.maya-class-pager span,.maya-class-pager small{display:block}.maya-class-pager small{margin-top:3px;color:#e3bd78;font-size:10px}.maya-class-pager__all{justify-content:center!important;color:#f0cb87!important}
@media(max-width:1180px){.maya-class-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.maya-skill-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.maya-class-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.maya-class-profile__hero{grid-template-columns:180px 1fr}.maya-class-profile__columns{grid-template-columns:1fr}.maya-evolution-line{grid-template-columns:repeat(2,minmax(0,1fr))}.maya-evolution-line li:after{display:none}.maya-class-pager{grid-template-columns:1fr 1fr}.maya-class-pager__all{grid-column:1/-1;grid-row:2}}
@media(max-width:560px){.maya-characters-hero{align-items:flex-start;flex-direction:column;padding:24px!important}.maya-characters-hero__meta{display:none}.maya-class-guide-grid{grid-template-columns:1fr!important}.maya-class-profile__hero{grid-template-columns:1fr}.maya-class-profile__portrait{height:250px}.maya-class-profile__portrait:after{background:linear-gradient(0deg,#1c1325,transparent 55%)}.maya-class-profile__intro,.maya-class-section{padding:20px}.maya-evolution-line,.maya-build-list,.maya-skill-list{grid-template-columns:1fr}}