:root{
    --bg:#06111f;
    --bg-soft:#0a1b30;
    --panel:rgba(10,30,53,.74);
    --panel-strong:rgba(10,31,56,.92);
    --line:rgba(122,191,255,.24);
    --text:#f5f9ff;
    --muted:#a9bed3;
    --blue:#42b8ff;
    --blue-2:#2388ff;
    --violet:#8d66ff;
    --green:#69eaa2;
    --red:#ff7d8a;
    --radius:22px;
    --shadow:0 30px 80px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    min-height:100vh;
    color:var(--text);
    background:
        radial-gradient(circle at 20% 0%,rgba(40,137,255,.15),transparent 32%),
        linear-gradient(180deg,#06111f,#08192c 48%,#05101c);
    font:16px/1.6 "Segoe UI",system-ui,sans-serif;
}
a{color:#8ed2ff;text-decoration:none}
img{max-width:100%}
.container{width:min(1240px,calc(100% - 40px));margin:auto}
.site-header{
    position:fixed;
    inset:0 0 auto 0;
    z-index:50;
    background:rgba(3,12,24,.78);
    border-bottom:1px solid rgba(115,183,255,.17);
    backdrop-filter:blur(18px);
}
.nav{min-height:78px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand-mark{
    width:44px;height:44px;display:grid;place-items:center;
    border-radius:15px;font-weight:1000;font-size:1.3rem;
    background:linear-gradient(135deg,var(--blue),var(--violet));
    box-shadow:0 0 30px rgba(66,184,255,.42)
}
.brand strong,.brand small{display:block}
.brand small{font-size:.74rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.nav nav{margin-left:auto;display:flex;align-items:center;gap:22px}
.nav nav>a,.nav-logout{color:#dcecff;font-weight:700}
.nav nav>a:hover,.nav-logout:hover{color:#6dccff}
.nav-login{
    padding:10px 17px!important;border:1px solid rgba(121,197,255,.36);
    border-radius:12px;background:rgba(66,184,255,.08)
}
.nav-logout{background:none;border:0;cursor:pointer;font:inherit}
.inline{display:inline}
.menu-btn{display:none;margin-left:auto;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff;border-radius:10px;padding:8px 12px}
.page{min-height:70vh}
.visual-hero{
    position:relative;
    min-height:790px;
    display:flex;align-items:center;
    background:
        url("../images/holy-city-bg.svg") center/cover no-repeat;
    overflow:hidden;
}
.visual-hero:after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:190px;
    background:linear-gradient(transparent,#06111f)
}
.visual-hero-overlay{
    position:absolute;inset:0;
    background:
        linear-gradient(90deg,rgba(3,12,24,.82) 0%,rgba(3,15,30,.42) 48%,rgba(3,12,24,.18)),
        linear-gradient(180deg,rgba(0,0,0,.15),rgba(4,18,34,.36));
}
.visual-hero-content{
    position:relative;z-index:2;
    padding-top:120px;
    display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.65fr);
    gap:60px;align-items:center;
}
.hero-copy{max-width:760px}
.eyebrow{
    display:inline-block;text-transform:uppercase;letter-spacing:.16em;
    color:#77d1ff;font-size:.78rem;font-weight:900
}
.hero-copy h1{
    margin:.3em 0 .35em;
    max-width:760px;
    font-size:clamp(3.2rem,6vw,6.2rem);
    line-height:.96;
    text-shadow:0 10px 45px rgba(0,0,0,.55)
}
.hero-copy p{max-width:640px;font-size:1.25rem;color:#d5e7f7}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:50px;padding:0 24px;border:0;border-radius:14px;
    font-weight:900;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background
}
.btn:hover{transform:translateY(-2px)}
.btn.primary{
    color:#03111f;
    background:linear-gradient(135deg,#5cd2ff,#2d91ff);
    box-shadow:0 14px 40px rgba(40,157,255,.33)
}
.btn.glass{
    color:#fff;background:rgba(7,26,47,.46);
    border:1px solid rgba(160,215,255,.3);backdrop-filter:blur(14px)
}
.server-panel{
    padding:28px;border-radius:26px;
    background:linear-gradient(160deg,rgba(8,29,53,.82),rgba(8,20,37,.68));
    border:1px solid rgba(139,207,255,.28);
    box-shadow:var(--shadow);
    backdrop-filter:blur(20px)
}
.server-panel-head{display:flex;justify-content:space-between;align-items:start}
.server-panel h2{font-size:2.4rem;margin:.1em 0}
.server-badge{padding:8px 12px;border-radius:999px;font-size:.75rem;font-weight:900;text-transform:uppercase}
.server-badge.online{background:rgba(67,220,139,.13);color:var(--green);border:1px solid rgba(105,234,162,.3)}
.server-badge.offline{background:rgba(255,125,138,.13);color:var(--red);border:1px solid rgba(255,125,138,.3)}
.server-services{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.server-services>div{padding:14px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}
.server-services span,.server-services strong{display:block}
.server-services span{color:var(--muted);font-size:.8rem}
.status-on{color:var(--green)}
.status-off{color:var(--red)}
.players-online{
    display:flex;align-items:end;justify-content:space-between;
    padding-top:18px;border-top:1px solid rgba(255,255,255,.1)
}
.players-online span{color:var(--muted)}
.players-online strong{font-size:3rem;line-height:1;color:#8ed6ff}
.content-section{padding:75px 0}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.section-title h2{margin:.2em 0 0;font-size:clamp(2rem,4vw,3.2rem)}
.section-link{font-weight:800}
.feature-grid,.download-grid,.news-grid,.grid,.characters,.stats{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px
}
.feature-card,.download-card,.news-card,.card,.form-card,.account-block,.character-card,.stat{
    position:relative;
    background:linear-gradient(160deg,rgba(16,43,74,.84),rgba(9,26,46,.88));
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:0 20px 55px rgba(0,0,0,.18);
    overflow:hidden
}
.feature-card,.news-card,.card,.form-card,.account-block,.stat{padding:24px}
.feature-card:before,.news-card:before{
    content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;
    background:linear-gradient(90deg,var(--blue),var(--violet))
}
.feature-icon{
    width:48px;height:48px;display:grid;place-items:center;
    border-radius:14px;background:rgba(66,184,255,.11);
    color:#7dd7ff;border:1px solid rgba(86,191,255,.25);font-weight:1000
}
.feature-card h3,.news-card h3,.download-card h3{font-size:1.35rem}
.feature-card p,.news-card p,.download-card p,.muted{color:var(--muted)}
.download-card{min-height:310px}
.download-glow{
    position:absolute;inset:-20% -20% auto auto;width:260px;height:260px;border-radius:50%;
    background:radial-gradient(circle,rgba(59,170,255,.28),transparent 66%)
}
.download-content{position:relative;z-index:1;padding:26px}
.download-version{
    display:inline-block;padding:6px 10px;border-radius:999px;
    background:rgba(117,88,255,.15);color:#b7a7ff;font-size:.74rem;font-weight:900
}
.download-meta{display:flex;gap:12px;flex-wrap:wrap;color:#7fb5dc;font-size:.85rem;margin:22px 0}
.news-date{font-size:.78rem;color:#7bbef0;font-weight:800}
.read-more{font-weight:800}
.form-card{max-width:680px;margin:120px auto 60px}
.form-card label{display:block;margin:15px 0}
.form-card input,.form-card select,.form-card textarea{
    display:block;width:100%;margin-top:7px;padding:13px 14px;
    background:rgba(1,13,25,.72);border:1px solid rgba(124,193,255,.25);
    border-radius:12px;color:#fff
}
.form-card textarea{min-height:120px}
.account-block{margin:25px 0}
.account-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0 26px}
.account-details>div{background:rgba(1,13,25,.48);border:1px solid var(--line);border-radius:12px;padding:13px}
.account-details strong,.account-details span{display:block}
.account-details span{margin-top:4px;color:var(--muted)}
.character-card{display:flex;gap:18px;padding:18px}
.character-card img{width:115px;height:160px;object-fit:contain;background:rgba(1,13,25,.5);border-radius:14px}
.flash{position:fixed;top:88px;left:50%;transform:translateX(-50%);z-index:100;width:min(720px,calc(100% - 30px));padding:14px 18px;border-radius:12px;backdrop-filter:blur(14px)}
.flash.ok{background:rgba(22,77,52,.92);border:1px solid rgba(105,234,162,.3)}
.flash.err{background:rgba(92,30,40,.92);border:1px solid rgba(255,125,138,.3)}
.site-footer{margin-top:80px;padding:50px 0 22px;background:#030b14;border-top:1px solid rgba(114,184,255,.14)}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px}
.footer-grid div:last-child{display:grid;gap:7px}
.footer-bottom{padding-top:25px;margin-top:25px;border-top:1px solid rgba(255,255,255,.08);color:#71859b}
.error-page{text-align:center;padding:180px 20px}
.error-page h1{font-size:6rem;margin:0}
@media(max-width:980px){
    .visual-hero-content{grid-template-columns:1fr;padding-bottom:100px}
    .server-panel{max-width:620px}
    .feature-grid,.download-grid,.news-grid,.grid,.characters,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
    .container{width:min(100% - 24px,1240px)}
    .menu-btn{display:block}
    .nav nav{
        display:none;position:absolute;top:78px;left:12px;right:12px;
        padding:18px;flex-direction:column;align-items:stretch;
        background:rgba(3,14,27,.97);border:1px solid var(--line);border-radius:16px
    }
    .nav nav.open{display:flex}
    .visual-hero{min-height:850px}
    .visual-hero-content{padding-top:130px;gap:30px}
    .hero-copy h1{font-size:3.2rem}
    .server-services{grid-template-columns:1fr}
    .feature-grid,.download-grid,.news-grid,.grid,.characters,.stats{grid-template-columns:1fr}
    .section-title{align-items:start;flex-direction:column}
    .footer-grid{grid-template-columns:1fr}
}

.auth-gateway{
    position:relative;
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:110px 20px 50px;
    overflow:hidden;
}
.auth-gateway-bg{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(2,9,18,.84),rgba(2,9,18,.54) 48%,rgba(2,9,18,.72)),
        url("../images/holy-login-bg.jpg") center/cover no-repeat;
    transform:scale(1.04);
}
.auth-shell{
    position:relative;
    z-index:2;
    width:min(470px,100%);
    padding:28px;
    border:1px solid rgba(100,193,255,.28);
    border-radius:18px;
    background:rgba(3,16,31,.88);
    box-shadow:0 34px 90px rgba(0,0,0,.48);
    backdrop-filter:blur(22px);
}
.register-shell{width:min(650px,100%)}
.auth-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:22px;
}
.auth-brand strong,.auth-brand small{display:block}
.auth-brand small{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.auth-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-bottom:28px;
}
.auth-tab{
    display:grid;
    place-items:center;
    min-height:45px;
    border:1px solid rgba(120,195,255,.28);
    border-radius:9px;
    background:rgba(255,255,255,.025);
    color:#fff;
    font-weight:900;
}
.auth-tab.active{
    border-color:transparent;
    color:#04111f;
    background:linear-gradient(135deg,#52d0ff,#1daee8);
    box-shadow:0 12px 30px rgba(40,188,239,.24);
}
.auth-title{text-align:center;margin-bottom:22px}
.auth-title h1{margin:0 0 6px;font-size:1.7rem}
.auth-title p{margin:0;color:var(--muted)}
.auth-form label{display:block;margin:13px 0;color:#d7e9f9}
.auth-form input,.auth-form select{
    width:100%;
    min-height:46px;
    margin-top:7px;
    padding:0 13px;
    color:#fff;
    background:#031326;
    border:1px solid rgba(121,190,247,.27);
    border-radius:9px;
    outline:none;
}
.auth-form input:focus,.auth-form select:focus{
    border-color:#42b8ff;
    box-shadow:0 0 0 3px rgba(66,184,255,.1);
}
.input-icon{
    display:grid!important;
    grid-template-columns:22px 1fr;
    align-items:center;
    padding:0 12px;
    min-height:46px;
    background:#031326;
    border:1px solid rgba(121,190,247,.27);
    border-radius:9px;
}
.input-icon input{
    margin:0;
    border:0;
    background:transparent;
    box-shadow:none!important;
}
.remember-row{
    display:flex!important;
    align-items:center;
    gap:8px;
    font-size:.88rem;
}
.remember-row input{width:auto;min-height:auto;margin:0}
.security-box{
    display:flex;
    align-items:center;
    gap:12px;
    margin:28px auto;
    padding:13px 15px;
    max-width:310px;
    background:#f8fbff;
    color:#142033;
    border-radius:8px;
}
.security-box strong,.security-box small{display:block}
.security-box small{color:#53657b}
.security-check{
    width:31px;height:31px;
    display:grid;place-items:center;
    border-radius:50%;
    background:#25a05a;
    color:#fff;
    font-weight:1000;
}
.auth-submit{width:100%;margin-top:2px}
.auth-links{text-align:center;margin-top:22px}
.auth-private-note{
    text-align:center;
    color:#738ba4;
    font-size:.8rem;
    margin:18px 0 0;
}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.account-page{padding-top:130px}
@media(max-width:650px){
    .two-cols{grid-template-columns:1fr}
    .auth-shell{padding:22px}
}

.brand-with-logo{gap:14px}
.brand-logo{
    width:58px;
    height:48px;
    object-fit:cover;
    object-position:center;
    border-radius:10px;
    border:1px solid rgba(123,194,255,.28);
    box-shadow:0 0 24px rgba(65,166,255,.23)
}
.auth-brand-logo{
    flex-direction:column;
    text-align:center;
}
.auth-brand-logo img{
    width:min(340px,88%);
    max-height:150px;
    object-fit:contain;
    filter:drop-shadow(0 16px 34px rgba(25,97,255,.35));
}
.hero-game-logo{
    display:block;
    width:min(560px,90%);
    max-height:250px;
    object-fit:contain;
    object-position:left center;
    margin:0 0 18px;
    filter:drop-shadow(0 18px 45px rgba(29,98,255,.48));
}
.auth-gateway-bg:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 70% 45%,transparent 0 23%,rgba(2,9,18,.18) 48%,rgba(2,9,18,.7) 100%),
        linear-gradient(180deg,rgba(4,13,26,.08),rgba(4,13,26,.48));
}
@media(max-width:760px){
    .brand-logo{width:48px;height:42px}
    .hero-game-logo{width:100%;max-height:180px}
}

.field-status{
    display:block;
    min-height:20px;
    margin-top:6px;
    font-size:.78rem;
}
.field-status.checking{color:#9cb4ca}
.field-status.available{color:var(--green)}
.field-status.unavailable{color:var(--red)}
.password-meter{
    height:7px;
    overflow:hidden;
    background:rgba(255,255,255,.08);
    border-radius:999px;
}
.password-meter-bar{
    width:0;
    height:100%;
    border-radius:999px;
    background:#ff7d8a;
    transition:width .2s ease,background .2s ease;
}
.password-meter-bar[data-level="2"]{background:#ffc760}
.password-meter-bar[data-level="3"]{background:#6ed6ff}
.password-meter-bar[data-level="4"],
.password-meter-bar[data-level="5"]{background:#69eaa2}
.terms-row{
    display:flex!important;
    align-items:flex-start;
    gap:9px;
    font-size:.86rem;
}
.terms-row input{
    width:auto!important;
    min-height:auto!important;
    margin:5px 0 0!important;
}
.verified-shell{text-align:center}
.verified-icon{
    width:76px;height:76px;
    display:grid;place-items:center;
    margin:0 auto 18px;
    border-radius:50%;
    background:linear-gradient(135deg,#59e397,#1daf66);
    color:#042115;
    font-size:2.5rem;
    font-weight:1000;
    box-shadow:0 18px 45px rgba(66,225,137,.28);
}
.verified-logo{
    width:min(350px,88%);
    max-height:150px;
    object-fit:contain;
}
.verified-intro{color:var(--muted)}
.verified-details{
    display:grid;
    gap:10px;
    margin:26px 0;
    text-align:left;
}
.verified-details>div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:12px 14px;
    border-radius:10px;
    background:#031326;
    border:1px solid rgba(121,190,247,.2);
}
.verified-details span{color:var(--muted)}
.dashboard-hero{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:center;
    padding-top:95px;
    background:
        url("../images/holy-login-bg.jpg") center 35%/cover no-repeat;
}
.dashboard-hero-overlay{
    position:absolute;inset:0;
    background:
        linear-gradient(90deg,rgba(3,12,24,.91),rgba(3,15,30,.58) 52%,rgba(3,12,24,.35)),
        linear-gradient(180deg,rgba(0,0,0,.05),#06111f 100%);
}
.dashboard-hero-content{
    position:relative;z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);
    align-items:center;
    gap:50px;
}
.dashboard-welcome h1{
    margin:.15em 0;
    font-size:clamp(3.1rem,6vw,5.6rem);
    line-height:1;
}
.dashboard-welcome p{
    max-width:650px;
    color:#d3e4f3;
    font-size:1.12rem;
}
.dashboard-account-card{
    display:grid;
    grid-template-columns:145px 1fr;
    align-items:center;
    gap:22px;
    padding:24px;
    border:1px solid rgba(137,206,255,.27);
    border-radius:24px;
    background:rgba(5,21,39,.75);
    backdrop-filter:blur(18px);
    box-shadow:var(--shadow);
}
.account-avatar{
    height:185px;
    border-radius:18px;
    overflow:hidden;
    background:rgba(1,13,25,.62);
    border:1px solid rgba(137,206,255,.18);
}
.account-avatar img{
    width:100%;height:100%;object-fit:contain;
}
.dashboard-account-card h2{
    margin:.15em 0;
    font-size:2rem;
}
.dashboard-account-card p{color:var(--muted);word-break:break-word}
.account-mini-stats{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:16px;
}
.account-mini-stats span{
    padding:7px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.055);
    color:var(--muted);
    font-size:.76rem;
}
.account-mini-stats strong{color:#fff}
.dashboard-section{padding:55px 0 0}
.dashboard-grid{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
    gap:22px;
}
.dashboard-panel{
    padding:24px;
    border-radius:var(--radius);
    border:1px solid var(--line);
    background:linear-gradient(160deg,rgba(16,43,74,.84),rgba(9,26,46,.9));
    box-shadow:0 20px 55px rgba(0,0,0,.18);
}
.panel-heading{
    display:flex;
    align-items:start;
    justify-content:space-between;
    gap:20px;
}
.panel-heading h2{margin:.2em 0}
.quick-actions{display:grid;gap:10px;margin-top:20px}
.quick-actions a{
    display:flex;
    align-items:center;
    gap:13px;
    padding:13px;
    border:1px solid rgba(125,194,255,.15);
    border-radius:13px;
    background:rgba(2,15,29,.46);
}
.quick-actions a>span{
    width:42px;height:42px;
    display:grid;place-items:center;
    border-radius:12px;
    background:rgba(66,184,255,.1);
}
.quick-actions strong,.quick-actions small{display:block}
.quick-actions small{color:var(--muted)}
.dashboard-characters{grid-template-columns:repeat(4,minmax(0,1fr))}
.character-showcase{
    display:block;
    text-align:center;
}
.character-showcase img{
    width:100%;
    height:220px;
}
.dashboard-empty{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    gap:24px;
    padding:24px;
    border-radius:var(--radius);
    border:1px solid var(--line);
    background:rgba(12,35,61,.75);
}
.dashboard-empty img{
    width:120px;height:165px;object-fit:contain;
}
.dashboard-news{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-downloads{display:grid;gap:16px}
.compact-download{min-height:auto}
.compact-download .download-content{padding:22px}
@media(max-width:980px){
    .dashboard-hero-content,
    .dashboard-grid{
        grid-template-columns:1fr;
    }
    .dashboard-account-card{max-width:650px}
    .dashboard-characters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
    .dashboard-account-card{grid-template-columns:1fr}
    .account-avatar{height:210px}
    .dashboard-characters,
    .dashboard-news{grid-template-columns:1fr}
}

.auth-only-body{
    min-height:100vh;
    overflow-x:hidden;
}
.auth-only-main{
    min-height:100vh;
}
.compact-auth-gateway{
    min-height:100vh;
    padding:24px 16px;
}
.compact-auth-shell{
    width:min(430px,100%);
    padding:20px 24px;
}
.compact-register-shell{
    width:min(720px,100%);
    padding:18px 28px 20px;
}
.compact-brand{
    margin-bottom:14px;
}
.compact-brand img{
    width:min(260px,72%);
    max-height:105px;
}
.compact-brand strong{
    font-size:1rem;
}
.compact-brand small{
    font-size:.68rem;
}
.compact-auth-shell .auth-tabs,
.compact-register-shell .auth-tabs{
    margin-bottom:18px;
}
.compact-title{
    margin-bottom:14px;
}
.compact-title h1{
    font-size:1.45rem;
    margin-bottom:2px;
}
.compact-title p{
    font-size:.88rem;
}
.compact-form label{
    margin:9px 0;
    font-size:.88rem;
}
.compact-form input,
.compact-form select{
    min-height:41px;
    margin-top:5px;
    padding:0 11px;
}
.compact-form .input-icon{
    min-height:42px;
    margin:10px 0;
}
.compact-form .input-icon input{
    min-height:39px;
}
.compact-form .remember-row{
    margin:9px 0 13px;
}
.compact-form .auth-submit{
    min-height:44px;
}
.compact-grid{
    gap:12px;
}
.compact-meter{
    margin-top:2px;
}
.compact-password-message{
    min-height:16px;
    margin:3px 0 4px;
}
.bottom-register-grid{
    align-items:end;
}
.compact-terms{
    min-height:41px;
    align-items:center!important;
    margin-bottom:9px!important;
}
.compact-terms input{
    margin:0!important;
}
.compact-auth-shell .auth-links{
    margin-top:14px;
}
.compact-auth-shell .auth-private-note,
.compact-register-shell .auth-private-note{
    margin-top:12px;
}
@media(max-height:760px) and (min-width:651px){
    .compact-auth-gateway{
        padding:12px 16px;
    }
    .compact-brand img{
        width:min(220px,65%);
        max-height:82px;
    }
    .compact-register-shell{
        padding-top:12px;
        padding-bottom:12px;
    }
    .compact-title{
        margin-bottom:8px;
    }
    .compact-form label{
        margin:6px 0;
    }
}
@media(max-width:650px){
    .compact-register-shell{
        width:min(470px,100%);
        padding:18px 20px;
    }
    .compact-grid,
    .bottom-register-grid{
        grid-template-columns:1fr;
    }
    .compact-brand img{
        width:min(235px,76%);
    }
}
.turnstile-wrap{
    display:flex;
    justify-content:center;
    margin:12px 0 8px;
    min-height:65px;
}
.security-config-error{
    margin:12px 0;
    padding:10px 12px;
    border:1px solid rgba(255,91,91,.45);
    border-radius:10px;
    background:rgba(130,20,35,.22);
    color:#ffd7dc;
    font-size:.82rem;
    text-align:center;
}
.auth-submit:disabled{
    opacity:.5;
    cursor:not-allowed;
}

.class-evolution-page{padding-top:54px}
.class-evolution-hero{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px;padding:32px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 85% 10%,rgba(70,178,255,.18),transparent 32%),linear-gradient(145deg,rgba(16,43,74,.9),rgba(5,18,34,.96));box-shadow:var(--shadow)}
.class-evolution-hero h1{margin:.18em 0;font-size:clamp(2.15rem,5vw,4rem)}
.class-evolution-hero p{max-width:760px;color:var(--muted);font-size:1.02rem}
.gender-switch{flex:0 0 auto;display:flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(0,9,20,.58)}
.gender-switch button{border:0;border-radius:999px;padding:10px 15px;color:var(--muted);background:transparent;cursor:pointer;font-weight:850}
.gender-switch button.active{color:#03101c;background:linear-gradient(135deg,#64d8ff,#3b9cff)}
.class-family-nav{position:sticky;top:86px;z-index:15;display:flex;gap:8px;overflow:auto;padding:10px;margin-bottom:14px;border:1px solid var(--line);border-radius:17px;background:rgba(3,15,29,.9);backdrop-filter:blur(18px)}
.class-family-nav a{flex:0 0 auto;padding:9px 13px;border-radius:999px;color:#b9d6ed;background:rgba(255,255,255,.045);font-size:.82rem;font-weight:850}
.class-legend{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 28px;color:var(--muted);font-size:.82rem}
.class-legend span{display:flex;align-items:center;gap:7px}.rank-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.rank-dot.rank-novice{background:#94a6b8}.rank-dot.rank-first{background:#4bbcff}.rank-dot.rank-second{background:#866dff}.rank-dot.rank-third{background:#40e0b0}.rank-dot.rank-fourth{background:#ffbc5b}
.class-family{scroll-margin-top:155px;margin:0 0 34px;padding:27px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,rgba(13,38,66,.84),rgba(5,19,35,.94))}
.class-family-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid rgba(132,197,255,.14)}
.class-family-heading h2{margin:.2em 0;font-size:1.8rem}.class-family-heading p{color:var(--muted);margin:0}
.branch-count{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:rgba(74,183,255,.11);color:#90d8ff;font-size:.76rem;font-weight:900}
.class-branches{display:grid;gap:16px;margin-top:22px;overflow-x:auto;padding-bottom:7px}.class-branch{display:flex;align-items:stretch;min-width:max-content}
.class-node{position:relative;width:142px;min-height:188px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(130,197,255,.18);border-radius:18px;background:rgba(2,16,30,.68);box-shadow:0 14px 32px rgba(0,0,0,.18)}
.class-node::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#94a6b8}.class-node.rank-first::before{background:#4bbcff}.class-node.rank-second::before{background:#866dff}.class-node.rank-third::before{background:#40e0b0}.class-node.rank-fourth::before{background:#ffbc5b}
.class-node-image{height:125px;display:grid;place-items:center;padding:10px;background:radial-gradient(circle at 50% 30%,rgba(74,183,255,.14),transparent 55%),rgba(1,13,25,.58)}
.class-node-image img{width:100%;height:100%;object-fit:contain}.class-node-copy{display:grid;gap:3px;padding:11px 12px 12px;text-align:center}.class-node-copy strong{line-height:1.15;font-size:.9rem}.class-node-copy small{color:#7191aa;font-size:.67rem}
.class-arrow{position:relative;width:54px;flex:0 0 54px;display:grid;place-items:center}.class-arrow span{width:38px;height:2px;background:linear-gradient(90deg,rgba(75,188,255,.25),#4bbcff)}.class-arrow span::after{content:"";display:block;width:8px;height:8px;margin-left:auto;border-top:2px solid #4bbcff;border-right:2px solid #4bbcff;transform:translateY(-3px) rotate(45deg)}
@media(max-width:760px){.class-evolution-hero{align-items:start;flex-direction:column;padding:23px}.gender-switch{width:100%}.gender-switch button{flex:1}.class-family{padding:20px 16px}.class-family-heading{flex-direction:column}}

/* Encyclopedia 2.0 */
.encyclopedia-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;padding-top:30px;padding-bottom:44px}.encyclopedia-sidebar{position:sticky;top:88px;align-self:start;display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(4,17,31,.94)}.encyclopedia-sidebar-title{padding:8px 10px;color:#91a8bb;font-size:.72rem;font-weight:900;letter-spacing:.12em}.encyclopedia-sidebar a{padding:11px 12px;border-radius:10px;color:#b7ccdc;font-weight:800}.encyclopedia-sidebar a:hover{color:#fff;background:rgba(35,150,240,.16)}.encyclopedia-content{min-width:0}.encyclopedia-page-header{margin-bottom:18px;padding:24px 27px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(14,40,68,.86),rgba(5,18,33,.94))}.encyclopedia-page-header h1{margin:.18em 0;font-size:clamp(2rem,4vw,3rem)}.encyclopedia-page-header p{color:var(--muted);margin:0}.classes-header-row{display:flex;justify-content:space-between;align-items:end;gap:20px}.encyclopedia-gender-switch{display:flex;gap:8px}.encyclopedia-gender-switch a{min-width:140px;text-align:center;padding:11px 15px;border-radius:9px;color:#a9bfd0;background:#101929;border:1px solid rgba(136,183,224,.18);font-weight:900}.encyclopedia-gender-switch a.active{color:#fff;background:linear-gradient(135deg,#239cff,#217ed2)}.encyclopedia-gender-switch a.female.active{background:linear-gradient(135deg,#e05fa9,#a43f87)}.encyclopedia-submenu{display:flex;gap:8px;margin-bottom:18px}.encyclopedia-submenu a{padding:10px 18px;border:1px solid var(--line);border-radius:10px;color:#acc2d3;background:rgba(4,18,33,.7);font-weight:850}.encyclopedia-submenu a.active{color:#fff;border-color:#36adff}.encyclopedia-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.encyclopedia-module-card{display:grid;gap:8px;min-height:115px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(13,37,63,.86),rgba(5,18,33,.95));color:#fff}.encyclopedia-module-card span{color:var(--muted);font-size:.88rem}.compact-tree .class-node{width:138px;min-height:174px}.compact-tree .class-node-image{height:118px;padding:7px}.compact-tree .class-node-image img{width:100%;height:100%;object-fit:contain;object-position:center bottom;max-width:112px;max-height:112px}.compact-tree .class-node-copy{position:relative;z-index:2;margin-top:-5px;padding:8px;background:linear-gradient(180deg,transparent,rgba(2,13,25,.95) 28%)}.card-slot-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.card-slot-nav a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:#afc5d6;background:rgba(4,18,33,.72);font-weight:850}.card-slot-nav a.active{color:#06121f;background:#56c8ff}.card-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px}.card-entry{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:rgba(5,20,36,.9)}.card-entry-image{height:155px;display:grid;place-items:center;padding:12px}.card-entry-image img{width:100%;height:100%;object-fit:contain}.card-entry-copy{display:grid;gap:4px;padding:12px}.card-entry-copy small{color:var(--muted)}.encyclopedia-development-note{margin-top:20px;padding:14px 16px;border:1px dashed rgba(90,190,255,.3);border-radius:12px;color:#9ec4dd;background:rgba(16,47,76,.45)}@media(max-width:900px){.encyclopedia-layout{grid-template-columns:1fr}.encyclopedia-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.encyclopedia-sidebar-title{grid-column:1/-1}}@media(max-width:650px){.classes-header-row{align-items:stretch;flex-direction:column}.encyclopedia-gender-switch{width:100%}.encyclopedia-gender-switch a{flex:1;min-width:0}.encyclopedia-sidebar{grid-template-columns:1fr}.encyclopedia-sidebar-title{grid-column:auto}}

.card-slot-nav a{display:inline-flex;align-items:center;gap:7px}.card-slot-nav a small{min-width:22px;padding:2px 6px;border-radius:999px;text-align:center;color:#8eb2ca;background:rgba(255,255,255,.07)}.card-slot-nav a.active small{color:#062038;background:rgba(0,0,0,.14)}.card-results-summary{margin:-6px 0 15px;color:#9dbbd0}.card-results-summary strong{color:#fff}

/* Holy Encyclopedia Engine v1.0 - Card Viewer v2 */
.card-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:20px;align-items:start}
.ency-card{height:310px;perspective:1200px;cursor:pointer;outline:none}
.ency-card-inner{position:relative;width:100%;height:100%;transition:transform .62s cubic-bezier(.2,.75,.25,1);transform-style:preserve-3d}
.ency-card.is-flipped .ency-card-inner{transform:rotateY(180deg)}
.ency-card-face{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(80,177,255,.34);border-radius:18px;background:linear-gradient(180deg,#0e2234,#07131f);box-shadow:0 16px 32px rgba(0,0,0,.34);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ency-card:focus-visible .ency-card-face,.ency-card:hover .ency-card-face{border-color:#58c2ff;box-shadow:0 18px 38px rgba(0,0,0,.46),0 0 20px rgba(67,183,255,.18)}
.ency-card-art{height:100%;display:flex;align-items:center;justify-content:center;padding:18px 16px 70px;background:radial-gradient(circle at 50% 38%,rgba(48,126,181,.2),transparent 58%)}
.ency-card-art img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}
.ency-card-caption{position:absolute;left:0;right:0;bottom:0;min-height:74px;padding:26px 13px 11px;background:linear-gradient(transparent,rgba(4,14,24,.93) 31%,#06111d 72%);display:flex;flex-direction:column;justify-content:flex-end}
.ency-card-caption strong{font-size:14px;line-height:1.18;color:#f5fbff;text-shadow:0 2px 5px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ency-card-caption small{font-size:11px;color:#9fc6df;margin-top:4px}
.ency-card-back{transform:rotateY(180deg);padding:16px;display:flex;flex-direction:column;color:#eaf7ff}
.ency-card-back header{padding-bottom:10px;border-bottom:1px solid rgba(108,188,238,.23);display:flex;flex-direction:column}.ency-card-back header strong{font-size:14px}.ency-card-back header small{font-size:11px;color:#8fb8d3;margin-top:3px}
.ency-card-section{margin-top:12px}.ency-card-section>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#63c8ff;font-weight:800}.ency-card-section ul{margin:7px 0 0;padding-left:17px}.ency-card-section li,.ency-card-section p{font-size:12px;line-height:1.4;margin:4px 0;color:#d7e9f4}
.ency-card-detail{margin-top:auto;display:block;padding:9px 10px;border-radius:10px;text-align:center;text-decoration:none;font-size:12px;font-weight:800;color:#06131d;background:#70d0ff}
.card-detail-panel{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:34px;padding:28px;border:1px solid rgba(88,190,255,.28);border-radius:22px;background:rgba(7,20,32,.82)}
.card-detail-visual{min-height:390px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:radial-gradient(circle,rgba(64,157,215,.22),transparent 64%)}.card-detail-visual img{max-width:100%;max-height:430px;object-fit:contain}
.card-detail-copy h1{margin-top:7px}.detail-block{margin-top:24px;padding-top:18px;border-top:1px solid rgba(107,182,226,.18)}.detail-block h2{font-size:15px;color:#74ceff}.bonus-list{display:grid;gap:8px;padding:0;list-style:none}.bonus-list li{padding:10px 12px;border-radius:10px;background:rgba(63,157,214,.11);font-weight:700}.muted{color:#9cb6c7}.ency-back-link{display:inline-block;margin-bottom:16px;color:#7fd1ff;text-decoration:none;font-weight:700}
@media(max-width:760px){.card-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ency-card{height:265px}.card-detail-panel{grid-template-columns:1fr}.card-detail-visual{min-height:280px}}
/* Holy Encyclopedia Engine v2.0 */
.ency-search{display:flex;gap:10px;margin:0 0 20px}.ency-search input,.ency-search select{min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;color:#eef8ff;background:#071827}.ency-search input{flex:1}.ency-search button{padding:12px 18px;border:0;border-radius:10px;font-weight:900;background:#64c8ff;color:#061522}.entity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.entity-card{display:flex;flex-direction:column;gap:6px;min-height:175px;padding:16px;border:1px solid rgba(81,169,225,.24);border-radius:16px;color:#eef8ff;background:linear-gradient(155deg,rgba(14,39,62,.9),rgba(5,18,30,.96));transition:.2s}.entity-card:hover{transform:translateY(-4px);border-color:#5fc8ff}.entity-card small,.entity-card span{color:#9fb9cb;font-size:12px}.entity-placeholder{display:grid;place-items:center;height:86px;border-radius:12px;color:#6dcaff;font-weight:950;letter-spacing:.15em;background:radial-gradient(circle,rgba(67,170,230,.2),rgba(6,19,31,.7))}.entity-placeholder.large{width:180px;height:180px}.item-thumb{height:100px;display:grid;place-items:center}.item-thumb img{max-width:100%;max-height:100%;object-fit:contain}.entity-detail{padding:28px;border:1px solid rgba(85,181,239,.28);border-radius:22px;background:rgba(6,20,33,.88)}.entity-detail>header{display:flex;align-items:center;gap:26px}.entity-detail h1{margin:.2em 0}.item-detail-image{width:220px;height:220px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle,rgba(60,157,215,.24),transparent 65%)}.item-detail-image img{max-width:100%;max-height:100%;object-fit:contain}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:24px}.stat-grid div{display:grid;gap:4px;padding:12px;border-radius:11px;background:rgba(67,155,211,.1)}.stat-grid small{color:#8eb2c9}.drop-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.drop-list a{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:11px 13px;border-radius:10px;color:#e9f8ff;background:rgba(57,144,200,.1)}.drop-list a small{grid-column:1/-1;color:#91afc2}.drop-list a strong{color:#71d2ff}.ency-card-back{overflow-y:auto}.ency-card-section ul{max-height:92px;overflow:auto}.ency-card-section .drop-preview{max-height:78px;overflow:auto}.ency-card-section .drop-preview a{display:flex;justify-content:space-between;gap:8px;color:#d8ecf8;font-size:11px;margin-top:5px}.ency-card-section .drop-preview strong{color:#6dd0ff}.card-detail-monsters{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.card-detail-monsters a{display:grid;grid-template-columns:1fr auto;gap:4px;padding:12px;border-radius:11px;color:#eef8ff;background:rgba(51,145,204,.12)}
@media(max-width:700px){.ency-search{flex-direction:column}.entity-detail>header{align-items:flex-start;flex-direction:column}.item-detail-image,.entity-placeholder.large{width:100%;height:220px}}
/* Holy Encyclopedia v2.1 */
.item-entity-card{min-height:190px}.item-entity-card .item-thumb{height:112px}.item-entity-card .item-thumb img{max-width:112px;max-height:112px}.ency-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0}.ency-pagination a,.ency-pagination span{padding:10px 14px;border:1px solid rgba(81,169,225,.3);border-radius:10px;color:#dff5ff;background:#071827}.ency-pagination a:hover{border-color:#64c8ff}.ency-empty{display:grid;gap:6px;padding:28px;border:1px solid rgba(81,169,225,.25);border-radius:16px;background:#071827}.ency-empty span{color:#9fb9cb}.admin-studio{padding-top:28px}.studio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.studio-grid article{display:grid;gap:7px;padding:20px;border:1px solid rgba(81,169,225,.25);border-radius:16px;background:#071827}.studio-grid small,.studio-grid span{color:#9fb9cb}.studio-grid strong{font-size:30px;color:#fff}.studio-command{margin:22px 0;padding:22px;border:1px solid rgba(81,169,225,.25);border-radius:16px;background:#071827}.studio-command code{display:block;overflow:auto;padding:12px;border-radius:9px;color:#9fe2ff;background:#03101b}

/* Holy Encyclopedia v3.0 */
.ency-stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}.ency-stats-strip>div{display:grid;gap:2px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(5,20,35,.88)}.ency-stats-strip strong{font-size:1.65rem;color:#fff}.ency-stats-strip span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.monster-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.monster-card{position:relative;min-height:245px}.monster-thumb{height:135px;display:grid;place-items:center;padding:8px;border-radius:12px;background:radial-gradient(circle,rgba(70,176,238,.19),rgba(3,14,25,.64))}.monster-thumb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 11px rgba(0,0,0,.38))}.mvp-badge{position:absolute;top:10px;right:10px;padding:4px 7px;border-radius:999px;font-size:9px;color:#fff4bd;background:rgba(176,112,13,.8);border:1px solid rgba(255,218,91,.42)}
.monster-detail-image{width:230px;height:230px;display:grid;place-items:center;padding:16px;border-radius:18px;background:radial-gradient(circle,rgba(61,166,226,.22),transparent 66%)}.monster-detail-image img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.42))}
.map-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.map-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;color:#eef8ff;background:linear-gradient(155deg,rgba(14,39,62,.9),rgba(5,18,30,.96));transition:.2s}.map-card:hover{transform:translateY(-4px);border-color:#5fc8ff}.map-thumb{height:180px;background:#03101b}.map-thumb img{width:100%;height:100%;object-fit:cover}.map-card>div:last-child{display:grid;gap:3px;padding:13px 15px}.map-card small{color:#97b7cb}
.map-detail{padding:28px;border:1px solid rgba(85,181,239,.28);border-radius:22px;background:rgba(6,20,33,.88)}.map-detail>header{display:grid;grid-template-columns:minmax(300px,520px) 1fr;gap:28px;align-items:center}.map-detail-image{overflow:hidden;border-radius:16px;border:1px solid rgba(109,193,246,.24);background:#03101b}.map-detail-image img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}
.map-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.map-link-grid a{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:11px;padding:9px;border:1px solid rgba(82,169,224,.2);border-radius:12px;color:#edf9ff;background:rgba(49,139,195,.1)}.map-link-grid img{width:78px;height:60px;object-fit:cover;border-radius:8px}.map-link-grid span{display:grid}.map-link-grid small{color:#9cb8ca}
.linked-entity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.linked-entity{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border:1px solid rgba(83,171,226,.21);border-radius:12px;color:#edf9ff;background:rgba(49,139,195,.1)}.linked-entity img{width:64px;height:64px;object-fit:contain;border-radius:9px;background:rgba(2,12,22,.45)}.linked-entity span{display:grid;min-width:0}.linked-entity strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linked-entity small{color:#94b5c8}.linked-entity>b{color:#70d4ff;font-size:.8rem}
@media(max-width:760px){.ency-stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.map-detail>header{grid-template-columns:1fr}.monster-detail-image{width:100%;height:220px}.linked-entity{grid-template-columns:54px minmax(0,1fr)}.linked-entity>b{grid-column:2}}

/* Holy Encyclopedia v4.0 — consolidated interface */
.ency-card{height:300px}
.ency-card-back{overflow:hidden;padding:15px}
.ency-card-section{min-height:0}
.ency-card-section ul,.ency-card-section .drop-preview{max-height:none;overflow:visible}
.ency-card-section li,.ency-card-section p{font-size:11px;line-height:1.32;margin:3px 0}
.ency-more{display:block;margin-top:6px;color:#64caff;font-size:10px;font-weight:800}
.translation-note{padding:7px 9px;border-radius:8px;color:#b9d7e8!important;background:rgba(98,188,239,.08)}
.ency-card-detail{flex:0 0 auto}
.monster-card{overflow:hidden;min-height:232px}
.monster-thumb{height:132px;overflow:hidden;align-items:end;padding:10px}
.monster-thumb img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom;transform-origin:center bottom}
.monster-card:hover .monster-thumb img{transform:scale(1.035)}
.monster-detail-image{overflow:hidden;align-items:end}
.monster-detail-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom}
.monster-profile{overflow:hidden}
.monster-hero{display:grid!important;grid-template-columns:minmax(220px,300px) 1fr;align-items:center!important;gap:34px!important;padding-bottom:26px;border-bottom:1px solid rgba(103,188,239,.2)}
.monster-hero .monster-detail-image{width:100%;height:270px;background:radial-gradient(circle at 50% 65%,rgba(79,183,240,.23),rgba(4,17,28,.45) 68%)}
.monster-hero-copy h1{font-size:clamp(34px,5vw,58px);margin:.15em 0}
.monster-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.monster-tags span{padding:7px 10px;border:1px solid rgba(100,198,251,.24);border-radius:999px;color:#cdeeff;background:rgba(56,151,207,.09);font-size:12px}
.monster-stat-groups{display:grid;gap:20px;margin-top:25px}
.monster-stat-groups>section{padding:18px;border:1px solid rgba(83,172,228,.19);border-radius:16px;background:rgba(5,20,33,.45)}
.monster-stat-groups h2{margin:0 0 12px;color:#6ed2ff;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.monster-stat-groups .stat-grid{margin-top:0}
.map-link-grid a{overflow:hidden;min-width:0}
.map-link-grid img{display:block;flex:none;background:#071827}
.map-link-grid span{min-width:0}
.map-link-grid strong,.map-link-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.map-detail-image{overflow:hidden}
.map-detail-image img{display:block;width:100%;height:100%;object-fit:contain}
.linked-entity{overflow:hidden}
.linked-entity img{object-fit:contain;object-position:center bottom}
@media(max-width:760px){.monster-hero{grid-template-columns:1fr}.monster-hero .monster-detail-image{height:230px}.monster-hero-copy{text-align:center}.monster-tags{justify-content:center}.ency-card{height:280px}}


/* Holy Encyclopedia v5.0 — automatic monster sprite framing */
.monster-thumb{overflow:hidden;isolation:isolate}
.monster-thumb img{
    width:100%;height:100%;object-fit:contain;object-position:center bottom;
    transform:scale(var(--mob-scale,1));
    transform-origin:center bottom;
    image-rendering:auto;
}
.monster-detail-image{overflow:hidden;isolation:isolate}
.monster-detail-image img{
    width:100%;height:100%;max-width:none;max-height:none;
    object-fit:contain;object-position:center bottom;
    transform:scale(var(--mob-scale,1));
    transform-origin:center bottom;
}
.monster-card>strong{font-size:.94rem;line-height:1.22}
.monster-card>small,.monster-card>span{line-height:1.25}
@media(max-width:760px){
    .monster-thumb img{--mob-scale:min(var(--mob-scale,1),1.25)}
}

/* Holy Portal v5.1 - consolidacion visual */
.encyclopedia-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start;padding-top:110px}
.encyclopedia-sidebar{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(4,20,36,.9)}
.encyclopedia-sidebar-title{margin:2px 8px 14px;color:#8fb7d6;font-size:.75rem;font-weight:900;letter-spacing:.13em}
.encyclopedia-sidebar>a,.encyclopedia-sidebar details>a{display:block;padding:9px 10px;border-radius:9px;color:#d6e8f6;font-weight:750}
.encyclopedia-sidebar>a:hover,.encyclopedia-sidebar details>a:hover{background:rgba(70,177,255,.1);color:#6ed0ff}
.encyclopedia-sidebar details{border-top:1px solid rgba(255,255,255,.07);padding-top:6px;margin-top:5px}
.encyclopedia-sidebar summary{cursor:pointer;padding:10px;font-weight:900;color:#fff}
.encyclopedia-sidebar details>a{padding-left:22px;font-size:.9rem}
.encyclopedia-content{min-width:0}
.encyclopedia-page-header,.entity-detail{border:1px solid var(--line);border-radius:20px;background:rgba(4,20,36,.74);padding:24px}
.encyclopedia-page-header h1{font-size:clamp(2.2rem,4vw,3.4rem);margin:.15em 0}
.ency-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:16px 0 18px}
.ency-search input,.ency-search select{min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#06192c;color:#fff}
.ency-search button{padding:0 22px;border:0;border-radius:11px;background:#56c6fa;color:#04111f;font-weight:900}
.entity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.entity-card{display:flex;flex-direction:column;min-width:0;min-height:190px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(6,25,44,.88);overflow:hidden}
.entity-card strong{margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entity-card small{margin-top:5px;color:#91acc3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-thumb{height:110px;display:grid;place-items:center;border-radius:12px;background:#06182a;overflow:hidden}
.item-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.entity-detail>header{display:grid;grid-template-columns:180px minmax(0,1fr);gap:26px;align-items:center}
.item-detail-image{height:170px;display:grid;place-items:center;border-radius:16px;background:#06182a;overflow:hidden}
.item-detail-image img{max-width:100%;max-height:100%;object-fit:contain}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}
.stat-grid>div{min-width:0;padding:14px;border-radius:12px;background:#0d2940}
.stat-grid small,.stat-grid strong{display:block}.stat-grid strong{margin-top:7px;overflow-wrap:anywhere}
.detail-block{padding-top:18px;border-top:1px solid rgba(255,255,255,.1);margin-top:18px}
.drop-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.drop-list>a{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#0b253b}
.drop-list img{width:54px;height:54px;object-fit:contain}.drop-list span,.drop-list small{display:block;min-width:0}.drop-list small{color:#91acc3}.drop-list strong{color:#6ed0ff}
.ency-empty{display:grid;gap:5px;padding:22px;border:1px dashed var(--line);border-radius:14px;color:#9db5c9}.ency-empty.compact{padding:16px}
.ency-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:22px 0}.ency-pagination>*{padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#071d31}
.admin-page{padding-top:115px;padding-bottom:60px}.admin-header,.admin-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}.admin-header h1,.admin-toolbar h1{font-size:clamp(2.2rem,4vw,3.3rem);margin:.15em 0}
.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-stat{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#0d2a48,#071a2d)}.admin-stat strong{font-size:2rem;color:#70d1ff}.admin-stat span{margin-top:5px;color:#a7bfd2}
.admin-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.admin-modules>a{display:grid;gap:8px;min-height:145px;padding:22px;border:1px solid var(--line);border-radius:17px;background:#091f35}.admin-modules strong{font-size:1.2rem}.admin-modules span{color:#9bb4c8}
.admin-split{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:22px;align-items:start}.admin-form{margin:0;position:sticky;top:96px}.admin-list{display:grid;gap:12px}.admin-row{display:flex;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#081d31}.admin-row h3{margin:8px 0}.admin-row p{margin:0;color:#9db4c8}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:900}.status-pill.on{background:rgba(54,206,130,.14);color:#72e7a8}.status-pill.off{background:rgba(255,170,74,.13);color:#ffc06f}.btn.danger{background:#7e2634;color:#fff}
@media(max-width:980px){.encyclopedia-layout{grid-template-columns:1fr}.encyclopedia-sidebar{position:static;max-height:none}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-modules{grid-template-columns:1fr}.admin-split{grid-template-columns:1fr}.admin-form{position:static}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.entity-detail>header{grid-template-columns:1fr}.item-detail-image{height:140px}.stat-grid,.admin-stats{grid-template-columns:1fr}.admin-row{flex-direction:column}.ency-search{grid-template-columns:1fr}.ency-search button{min-height:44px}}

/* Holy Encyclopedia Studio v5.2 */
.studio-alert{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.25rem;margin:1rem 0;border:1px solid var(--border,#234b67);border-radius:14px;background:rgba(9,31,49,.8)}
.studio-alert.is-ok{box-shadow:inset 4px 0 0 #55c2ff}.studio-alert.is-warning{box-shadow:inset 4px 0 0 #f4b860}
.studio-alert span{color:var(--muted,#a9bed0)}
@media(max-width:700px){.studio-alert{align-items:flex-start;flex-direction:column}}


/* Holy Encyclopedia v5.3 — Forja */
.forging-page{display:grid;gap:22px}.forging-search{grid-template-columns:minmax(0,1fr) minmax(210px,280px) auto;margin:0}
.forge-category,.forge-equipment{padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(4,20,36,.74)}
.forge-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.forge-section-heading h2{font-size:1.75rem;margin:.15rem 0}.forge-section-heading p{margin:4px 0 0;color:#9eb8cc}
.forge-chart-toggle{flex:none;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#0a2942;color:#78d2ff;font-weight:800;cursor:pointer}
.forge-chart{padding:14px;margin-bottom:18px;border:1px solid rgba(104,197,248,.18);border-radius:14px;background:#f5f2e7;overflow:auto}.forge-chart img{display:block;max-width:100%;height:auto;margin:auto}
.forge-equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.forge-tool{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#081f34}.forge-tool img{width:68px;height:68px;object-fit:contain;background:#fff;border-radius:10px}.forge-tool span,.forge-tool small,.forge-tool em{display:block;min-width:0}.forge-tool small{margin-top:4px;color:#a9bfd0}.forge-tool em{margin-top:6px;color:#64caff;font-size:.72rem;font-style:normal}
.forge-recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.forge-recipe-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#0b2942,#061a2c);overflow:hidden}.forge-recipe-card>header{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px}.forge-recipe-card h3{margin:3px 0;font-size:1.08rem}.forge-recipe-card h3 a{color:#fff}.forge-recipe-card small{color:#8eabc0}.forge-output-image{display:grid;place-items:center;width:86px;height:86px;border-radius:13px;background:#fff;overflow:hidden}.forge-output-image img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:auto}.forge-arrow{margin:14px 0 10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);color:#69ceff;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.forge-ingredients{display:grid;gap:8px}.forge-ingredient{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border-radius:11px;background:rgba(4,18,30,.62)}.forge-ingredient img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:8px}.forge-ingredient span,.forge-ingredient strong,.forge-ingredient small{display:block;min-width:0}.forge-ingredient strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}
.forge-item-relations{display:grid;gap:12px}.forge-relation-box{padding:14px;border:1px solid var(--line);border-radius:14px;background:#092238}.forge-inline-ingredients{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px;margin-top:10px}.forge-inline-ingredients a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px;align-items:center;padding:8px;border-radius:10px;background:#061a2c}.forge-inline-ingredients img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:7px}.forge-inline-ingredients span,.forge-inline-ingredients small{display:block;min-width:0}.forge-inline-ingredients small{color:#91acc3}
@media(max-width:980px){.forge-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.forging-search{grid-template-columns:1fr}.forge-section-heading{align-items:flex-start;flex-direction:column}.forge-equipment-grid{grid-template-columns:1fr}.forge-recipe-grid{grid-template-columns:1fr}}

/* Holy Portal v5.4 - imagenes grandes de items y tarjetas uniformes */
.item-entity-card{height:205px;min-height:205px;display:grid;grid-template-rows:124px auto auto;align-content:start}
.item-entity-card .item-thumb{width:100%;height:124px;padding:8px;background:#06182a;overflow:hidden}
.item-entity-card .item-thumb img{display:block;width:auto;height:auto;max-width:116px;max-height:116px;object-fit:contain;image-rendering:auto}
.item-entity-card strong,.item-entity-card small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-detail-image{width:220px;height:220px;padding:14px}
.item-detail-image img{display:block;width:auto;height:auto;max-width:192px;max-height:192px;object-fit:contain}
@media(max-width:700px){.item-detail-image{width:100%;height:210px}.item-detail-image img{max-width:182px;max-height:182px}}

/* Holy Portal v5.4.1 - correccion definitiva de tarjetas de items */
.item-grid{align-items:stretch}
.item-entity-card{
    height:auto;
    min-height:232px;
    display:flex;
    flex-direction:column;
    padding:14px;
    overflow:hidden;
}
.item-entity-card .item-thumb{
    flex:0 0 132px;
    width:100%;
    height:132px;
    padding:10px;
    margin:0 0 10px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#06182a;
    overflow:hidden;
}
.item-entity-card .item-thumb img{
    display:block;
    width:auto;
    height:auto;
    max-width:122px;
    max-height:122px;
    object-fit:contain;
    object-position:center;
    image-rendering:auto;
}
.item-entity-card strong{
    display:-webkit-box;
    min-height:38px;
    margin:0;
    overflow:hidden;
    color:#f4f9ff;
    font-size:.92rem;
    line-height:1.28;
    white-space:normal;
    overflow-wrap:anywhere;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.item-entity-card small{
    display:block;
    min-height:17px;
    margin-top:6px;
    overflow:hidden;
    color:#91acc3;
    font-size:.72rem;
    line-height:1.35;
    white-space:nowrap;
    text-overflow:ellipsis;
}
@media(max-width:620px){
    .entity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .item-entity-card{min-height:218px;padding:11px}
    .item-entity-card .item-thumb{flex-basis:122px;height:122px;padding:8px}
    .item-entity-card .item-thumb img{max-width:112px;max-height:112px}
}


/* Holy Portal v5.4.4 — encuadre uniforme de monstruos */
.monster-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.monster-card{min-height:222px;padding:12px;gap:7px}
.monster-thumb{height:132px;padding:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 50% 55%,rgba(70,176,238,.18),rgba(3,14,25,.72) 72%)}
.monster-thumb img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:drop-shadow(0 7px 10px rgba(0,0,0,.38));image-rendering:auto}
.monster-card:hover .monster-thumb img{transform:none!important}
.monster-detail-image{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px}
.monster-detail-image img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:drop-shadow(0 12px 16px rgba(0,0,0,.42));image-rendering:auto}
@media(max-width:760px){.monster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.monster-card{min-height:205px;padding:10px}.monster-thumb{height:118px;padding:9px}}

/* Holy Portal v5.4.5 - paginacion numerica reutilizable */
.ency-pagination{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin:26px 0;
}
.ency-pagination .page-nav,
.ency-pagination .page-number,
.ency-pagination .page-summary,
.ency-pagination .page-ellipsis{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:9px 13px;
    border:1px solid var(--line);
    border-radius:10px;
    color:#dff5ff;
    background:#071d31;
}
.ency-pagination .page-number{min-width:42px;font-weight:800}
.ency-pagination a:hover{border-color:#64c8ff;background:#0b2942}
.ency-pagination .is-current{
    border-color:#64c8ff;
    color:#061522;
    background:#64c8ff;
    box-shadow:0 0 0 2px rgba(100,200,255,.12);
}
.ency-pagination .is-disabled{
    pointer-events:none;
    opacity:.42;
}
.ency-pagination .page-ellipsis{
    min-width:28px;
    padding-inline:5px;
    border-color:transparent;
    background:transparent;
}
.ency-pagination .page-summary{color:#9fb9cb}
@media(max-width:620px){
    .ency-pagination{gap:6px}
    .ency-pagination .page-summary{flex-basis:100%;margin-top:4px}
    .ency-pagination .page-nav{order:2}
}
/* Holy Portal v6.0 - Fase 1 / Bloque 5 */
.admin-server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-server-grid article{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#081d31}.admin-server-grid article div{display:grid;gap:3px}.admin-server-grid small{color:#9db4c8}.status-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 14px currentColor}.status-dot.online{color:#63e39c;background:currentColor}.status-dot.offline{color:#ff7b7b;background:currentColor}.admin-section-title{margin:30px 0 14px}.admin-modules>a small{margin-top:auto;color:#70d1ff}.admin-modules>a.is-planned{opacity:.62;cursor:not-allowed}.admin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#071a2d}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{padding:13px 15px;text-align:left;border-bottom:1px solid rgba(81,169,225,.13)}.admin-table th{color:#8fdcff;background:#081f35}.admin-table td{color:#c7d7e4}.admin-table code{font-size:.78rem;color:#9fe2ff}.admin-filter{display:flex;gap:10px;margin-bottom:16px}.admin-filter input{flex:1}.admin-pagination{display:flex;justify-content:center;gap:7px;margin-top:18px}.admin-pagination a{padding:8px 11px;border:1px solid var(--line);border-radius:9px}.admin-pagination a.active{background:#17669b}.admin-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-role-grid article{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#081d31}.admin-role-grid p,.admin-role-grid span{margin:0;color:#9db4c8}@media(max-width:980px){.admin-server-grid,.admin-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.admin-server-grid,.admin-role-grid{grid-template-columns:1fr}}


/* Consolidated additions: Account, Rescue, Deletion, Encyclopedia */

/* Holy Portal v6.0 - Mi Cuenta */
.account-center{display:grid;gap:1.2rem}.account-tabs{display:flex;flex-wrap:wrap;gap:.55rem;position:sticky;top:0;z-index:5;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(7,16,34,.94);backdrop-filter:blur(12px)}.account-tabs a{padding:.55rem .8rem;border-radius:9px;text-decoration:none}.account-tabs a:hover{background:rgba(90,165,255,.14)}.account-block{scroll-margin-top:90px}.account-identity{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.account-avatar{width:74px;height:74px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:2rem;font-weight:800;background:rgba(90,165,255,.18);border:1px solid rgba(90,165,255,.38)}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.account-form.compact{grid-template-columns:1fr;padding:1rem;border:1px solid rgba(255,255,255,.09);border-radius:14px}.account-form label{display:grid;gap:.4rem}.account-form input,.account-form textarea,.account-form select{width:100%}.account-form .span-2{grid-column:1/-1}.account-form .check{display:flex;align-items:center}.account-form .check input{width:auto}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.session-list{display:grid;gap:.7rem}.session-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.09);border-radius:12px}.session-row>div{display:grid;gap:.2rem}.session-row span,.session-row small{color:var(--muted,#9fb0c8)}.session-row.is-revoked{opacity:.55}.character-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.audit-table{overflow:auto}.audit-table table{width:100%;border-collapse:collapse}.audit-table th,.audit-table td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}@media(max-width:760px){.account-form,.security-grid{grid-template-columns:1fr}.account-form .span-2{grid-column:auto}.session-row{align-items:flex-start;flex-direction:column}.account-tabs{position:static}}

/* Holy Portal v6.0 - Rescate de Personajes */
.rescue-center{display:grid;gap:1.1rem}.rescue-character{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.1);border-radius:14px}.status-pill{padding:.45rem .7rem;border-radius:999px;background:rgba(72,190,125,.14);border:1px solid rgba(72,190,125,.3)}.status-pill.is-offline{background:rgba(225,84,84,.14);border-color:rgba(225,84,84,.35)}.rescue-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.rescue-summary>div{display:grid;gap:.25rem;padding:.9rem;border:1px solid rgba(255,255,255,.09);border-radius:12px}.rescue-summary span{color:var(--muted,#9fb0c8)}.rescue-form{display:grid;gap:1rem;max-width:720px;padding:1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:14px}.rescue-form label{display:grid;gap:.4rem}.rescue-form input,.rescue-form select{width:100%}.rescue-form .rescue-confirm{display:flex;align-items:flex-start}.rescue-form .rescue-confirm input{width:auto;margin-top:.25rem}.notice{padding:.8rem 1rem;border:1px solid rgba(90,165,255,.25);border-radius:10px;background:rgba(90,165,255,.08)}.notice-error{border-color:rgba(225,84,84,.35);background:rgba(225,84,84,.1)}@media(max-width:760px){.rescue-character{align-items:flex-start;flex-direction:column}.rescue-summary{grid-template-columns:1fr}}

/* Holy Portal v6.0 - Eliminacion segura de personajes */
.delete-character-center{display:grid;gap:1.1rem}.delete-character-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.1);border-radius:14px}.danger-zone{padding:1rem 1.2rem;border:1px solid rgba(225,84,84,.45);border-radius:14px;background:rgba(225,84,84,.09)}.danger-zone h2{color:#ff9696}.delete-character-form{display:grid;gap:1rem;max-width:720px;padding:1.1rem;border:1px solid rgba(225,84,84,.35);border-radius:14px}.delete-character-form label{display:grid;gap:.45rem}.delete-character-form input{width:100%}.delete-character-form code{display:inline-block;padding:.18rem .38rem;border-radius:5px;background:rgba(255,255,255,.08)}.delete-character-form .delete-confirm{display:flex;align-items:flex-start}.delete-character-form .delete-confirm input{width:auto;margin-top:.25rem}.notice ul{margin:.55rem 0 0 1.2rem}@media(max-width:760px){.delete-character-card{align-items:flex-start;flex-direction:column}}

/* Holy Portal v6.0 - Encyclopedia relations and equipment data */
.item-source-list{display:grid;gap:.85rem}.item-source-row{border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden}.item-source-monster{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.8rem 1rem;text-decoration:none}.item-source-monster img{width:56px;height:56px;object-fit:contain}.item-source-monster span{display:grid;gap:.2rem}.item-source-monster small,.item-source-maps small{color:var(--muted,#9fb0c8)}.item-source-maps{display:flex;flex-wrap:wrap;gap:.45rem;padding:.7rem 1rem;border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.item-source-maps a,.item-source-maps>span{padding:.3rem .55rem;border-radius:999px;background:rgba(90,165,255,.11);text-decoration:none;font-size:.86rem}.drop-list-with-images a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.8rem}.drop-list-with-images img{width:48px;height:48px;object-fit:contain}.drop-list-with-images span{display:grid;gap:.18rem}.drop-list-with-images b{white-space:nowrap}@media(max-width:640px){.item-source-monster,.drop-list-with-images a{grid-template-columns:44px minmax(0,1fr)}.item-source-monster img,.drop-list-with-images img{width:44px;height:44px}.item-source-monster>b,.drop-list-with-images a>b{grid-column:2}}

/* Holy Portal v6.0 - Parche postinstalacion 01 */
.rescue-options{display:grid;gap:.7rem;margin:0;padding:0;border:0}.rescue-options legend{margin-bottom:.55rem;font-weight:800;color:#dff5ff}.rescue-option{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:.8rem;padding:.9rem 1rem;border:1px solid rgba(90,165,255,.2);border-radius:12px;background:rgba(90,165,255,.045);cursor:pointer;transition:.18s ease}.rescue-option:hover{border-color:rgba(100,200,255,.55);background:rgba(90,165,255,.1)}.rescue-option:has(input:checked){border-color:#64c8ff;background:rgba(72,161,222,.16);box-shadow:0 0 0 2px rgba(100,200,255,.08)}.rescue-option input{width:auto!important;margin-top:.25rem}.rescue-option span{display:grid;gap:.25rem}.rescue-option small{color:var(--muted,#9fb0c8);line-height:1.45}.admin-row .row-actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.admin-row .row-actions form{margin:0}
/* Holy Portal v6.0 patch 04 */
.admin-alert{padding:14px 16px;border:1px solid rgba(255,110,120,.5);border-radius:12px;margin:16px 0;background:rgba(120,20,30,.25)}
.patch-badge{display:inline-block;margin:8px 0 14px;padding:4px 9px;border:1px solid rgba(100,200,255,.35);border-radius:999px;font-size:.78rem;color:#7fd8ff}
.rescue-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}
.rescue-actions-grid a{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid rgba(93,183,255,.28);border-radius:12px;background:rgba(17,52,82,.48);text-decoration:none}
.rescue-actions-grid a:hover{border-color:#70cfff;transform:translateY(-1px)}
.rescue-actions-grid small{color:#a9c7df;line-height:1.35}
@media(max-width:720px){.rescue-actions-grid{grid-template-columns:1fr}}

/* Holy Portal v6.0 - Parche postinstalacion 06 / Mi Cuenta profesional */
.account-v6{gap:22px}.account-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid rgba(95,190,255,.22);border-radius:22px;background:linear-gradient(135deg,rgba(11,40,68,.96),rgba(5,24,43,.92))}.account-hero h1{margin:.25rem 0 .35rem}.account-hero-summary{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px}.account-hero-summary div{display:grid;gap:3px;min-width:100px;padding:14px 16px;border:1px solid rgba(101,197,255,.18);border-radius:14px;background:rgba(4,20,36,.55)}.account-hero-summary strong{font-size:1.55rem;color:#63cfff}.account-hero-summary span{font-size:.82rem;color:#a9c4d8}.account-overview{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(420px,1.4fr);gap:22px}.account-overview .account-identity,.account-overview .account-details{margin:0;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0a2239}.account-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-details>div{display:grid;gap:6px;padding:12px;border-radius:12px;background:rgba(3,18,32,.45)}.account-details span{color:#b9cddd;overflow-wrap:anywhere}.status-inline{display:inline-flex!important;width:max-content;padding:4px 9px;border-radius:999px}.status-inline.ok{color:#65e7a4;background:rgba(30,155,103,.18)}.status-inline.warning{color:#ffb0b8;background:rgba(185,50,67,.18)}.character-control-center{display:grid;gap:16px}.characters-professional{display:grid;grid-template-columns:1fr;gap:18px}.character-panel{overflow:hidden;border:1px solid rgba(99,194,255,.25);border-radius:20px;background:linear-gradient(180deg,#0b2945,#081e34);box-shadow:0 14px 40px rgba(0,0,0,.16)}.character-panel-head{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;padding:20px}.character-portrait{display:grid;place-items:center;min-height:150px;border-radius:16px;background:#06192c}.character-portrait img{width:108px;height:140px;object-fit:contain}.character-main-data{display:grid;align-content:center;gap:16px}.character-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.character-title-row h3{margin:0 0 5px;font-size:1.55rem}.character-title-row p{margin:0;color:#b7cce0}.character-online-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:.82rem;font-weight:800}.character-online-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.character-online-badge.online{color:#64e7a0;background:rgba(35,167,108,.17)}.character-online-badge.offline{color:#a9bfd2;background:rgba(115,142,166,.15)}.character-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.character-facts span{display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;color:#bfd2e2;background:rgba(4,18,31,.38)}.character-facts b{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:#72d3ff}.character-lock-notice{margin:0 20px 16px;padding:11px 13px;border:1px solid rgba(255,184,82,.35);border-radius:11px;color:#ffd08b;background:rgba(147,91,20,.15)}.character-tools-title{display:flex;justify-content:space-between;align-items:center;padding:0 20px 12px}.character-tools-title>div{display:grid;gap:3px}.character-tools-title small{color:#9cb7cc}.rescue-actions-professional{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 20px 20px;margin:0}.rescue-action-card{display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:start!important;gap:10px!important;min-height:112px;padding:14px!important}.rescue-action-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#74d8ff;background:rgba(74,175,235,.12);font-size:1.15rem}.rescue-action-card span:last-child{display:grid;gap:5px}.rescue-action-card.is-disabled{opacity:.45;pointer-events:none;filter:grayscale(.35)}.character-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.07);background:rgba(3,16,28,.35)}.account-empty-state{display:grid;place-items:center;gap:5px;min-height:160px;border:1px dashed rgba(100,195,255,.28);border-radius:18px;color:#aec5d7}.account-empty-state strong{color:#fff}@media(max-width:980px){.account-hero{align-items:flex-start;flex-direction:column}.account-overview{grid-template-columns:1fr}.rescue-actions-professional{grid-template-columns:repeat(2,minmax(0,1fr))}.character-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.account-hero-summary{width:100%;grid-template-columns:repeat(3,1fr)}.account-hero-summary div{min-width:0;padding:10px}.account-details{grid-template-columns:1fr}.character-panel-head{grid-template-columns:1fr}.character-portrait{min-height:120px}.character-title-row,.character-panel-footer{align-items:flex-start;flex-direction:column}.rescue-actions-professional{grid-template-columns:1fr}.character-facts{grid-template-columns:1fr}.character-online-badge{align-self:flex-start}}

/* Holy Portal v6.0 p09 - miniaturas reales en drops de monstruos */
.monster-drop-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.monster-drop-list .monster-drop-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:10px 12px}
.monster-drop-list .monster-drop-card img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:rgba(5,20,34,.7);image-rendering:auto}
.monster-drop-list .monster-drop-card span{min-width:0}
.monster-drop-list .monster-drop-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#71d2ff}
.monster-drop-list .monster-drop-card small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#91acc3}
.monster-drop-list .monster-drop-card strong{white-space:nowrap;color:#fff}
@media(max-width:600px){.monster-drop-list{grid-template-columns:1fr}.monster-drop-list .monster-drop-card{grid-template-columns:40px minmax(0,1fr) auto}.monster-drop-list .monster-drop-card img{width:40px;height:40px}}

/* Holy Portal v6.0 p10 - relaciones enriquecidas y mapas legibles */
.detail-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px}.detail-heading-row h2{margin:0}.detail-heading-row p{margin:.3rem 0 0;color:#9fb8cd}.relation-counter{display:inline-flex;padding:6px 10px;border:1px solid rgba(100,200,255,.25);border-radius:999px;color:#72d6ff;background:rgba(80,170,230,.08);white-space:nowrap}.relation-warning{display:grid;gap:6px;padding:14px 16px;margin-bottom:14px;border:1px dashed rgba(102,198,255,.36);border-radius:13px;background:rgba(35,108,155,.08)}.relation-warning span{color:#acc4d8}.relation-warning a{color:#72d6ff}.item-source-list-rich{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.item-source-rich{display:grid;align-content:start}.monster-quick-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.07)}.monster-quick-facts span{display:grid;gap:3px;min-width:0;padding:8px;border-radius:9px;background:rgba(3,18,31,.36)}.monster-quick-facts small{color:#86b4d2;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.monster-quick-facts b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.rich-map-pills a{display:grid!important;gap:2px;border-radius:10px!important}.rich-map-pills a strong{font-size:.82rem;color:#d9efff}.rich-map-pills a small{font-size:.72rem;color:#8fb2ca}.monster-detail-link{display:block;padding:10px 14px;border-top:1px solid rgba(255,255,255,.06);text-align:right;text-decoration:none;color:#6fd4ff}.monster-detail-link:hover{background:rgba(90,180,240,.07)}.map-link-grid a span strong{display:block}.map-link-grid a span small{display:block;margin-top:3px}.monster-drop-list .monster-drop-card:hover{border-color:rgba(100,205,255,.55);transform:translateY(-1px)}@media(max-width:760px){.detail-heading-row{align-items:flex-start;flex-direction:column}.item-source-list-rich{grid-template-columns:1fr}.monster-quick-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Parche 11: miniaturas reales de drops en ficha de monstruo */
.monster-drop-thumb{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:rgba(3,17,29,.72);border:1px solid rgba(100,200,255,.12)}
.monster-drop-list .monster-drop-card .monster-drop-thumb img{display:block;width:auto!important;height:auto!important;max-width:44px!important;max-height:44px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important}
@media(max-width:600px){.monster-drop-thumb{width:44px;height:44px}.monster-drop-list .monster-drop-card .monster-drop-thumb img{max-width:40px!important;max-height:40px!important}}


/* Holy Portal v6.0 p12 - tarjetas de mapas con miniatura real */
.map-link-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}
.map-link-grid .map-relation-card{position:relative;grid-template-columns:104px minmax(0,1fr);min-height:92px;padding:10px 12px;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.map-link-grid .map-relation-card:hover{transform:translateY(-2px);border-color:rgba(82,196,255,.58);background:rgba(49,139,195,.16)}
.map-relation-thumb{width:104px;height:72px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:#061725;border:1px solid rgba(92,190,239,.14)}
.map-link-grid .map-relation-thumb img{width:100%;height:100%;object-fit:cover;border-radius:0;background:#061725}
.map-relation-copy{display:grid;align-content:center;gap:3px;min-width:0;padding-right:2px}
.map-relation-copy strong{font-size:15px;color:#f4fbff}
.map-relation-copy small{color:#9fc1d5}
.map-relation-copy .map-code{color:#50c6ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
.map-relation-action{grid-column:1/-1;color:#58c9ff;font-size:11px;text-align:right;margin-top:-3px}
.map-detail-code{display:inline-flex;padding:4px 9px;border:1px solid rgba(85,195,247,.28);border-radius:999px;color:#65cfff!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.map-detail-image img{object-fit:cover}
@media(max-width:700px){.map-link-grid{grid-template-columns:1fr}.map-link-grid .map-relation-card{grid-template-columns:88px minmax(0,1fr)}.map-relation-thumb{width:88px;height:66px}}

/* Holy Encyclopedia Studio v6.0-p13 */
.studio-v13{padding-bottom:48px}.studio-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.studio-alert{display:flex;justify-content:space-between;gap:20px;align-items:center}.studio-alert>div:first-child{display:flex;flex-direction:column;gap:4px}.studio-capabilities{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.studio-pill{border:1px solid #315979;border-radius:999px;padding:6px 10px;font-size:.78rem;background:#0a2137}.studio-pill.ok{border-color:#19765d;color:#76edbd}.studio-pill.warn{border-color:#8b6530;color:#ffd28b}.studio-kpis{margin-top:16px}.studio-section{margin-top:34px}.studio-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.studio-section-head h2{margin:3px 0 0}.studio-section-head p{margin:7px 0 0;color:#a8c5dc}.studio-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.studio-action-card{position:relative;border:1px solid #295370;border-radius:16px;background:#0a2137;padding:20px;min-height:240px;display:flex;flex-direction:column}.studio-action-card.is-primary{background:linear-gradient(145deg,#0c3150,#0a2137);border-color:#39b9fa}.studio-action-card h3{margin:10px 0 7px;font-size:1.15rem}.studio-action-card p{color:#b4cee0;line-height:1.55;flex:1}.studio-action-card form{margin-top:12px}.studio-action-card .btn{width:100%}.studio-action-card button:disabled{opacity:.45;cursor:not-allowed}.studio-action-card small{display:block;margin-top:8px;color:#ffc67a}.studio-action-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#123d5e;color:#61ccff;font-size:1.25rem}.studio-download-link{display:block;text-align:center;margin-top:12px;color:#5ecbff;font-weight:700}.studio-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.studio-file-list,.studio-last-action{border:1px solid #295370;border-radius:16px;background:#081d31;overflow:hidden}.studio-file-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #173a53}.studio-file-row:last-child{border-bottom:0}.studio-file-row div{display:flex;flex-direction:column;gap:3px}.studio-file-row small{color:#8db0c9}.studio-file-state{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.studio-file-state.ok{background:#5ee5a1;box-shadow:0 0 10px #5ee5a1}.studio-file-state.missing{background:#ff7180}.studio-last-action{padding:20px;min-height:250px}.studio-last-action dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.studio-last-action dl div{background:#0b2942;border-radius:10px;padding:10px}.studio-last-action dt{font-size:.72rem;text-transform:uppercase;color:#67caff}.studio-last-action dd{margin:4px 0 0}.studio-last-action pre,.studio-details pre{white-space:pre-wrap;overflow:auto;max-height:300px;background:#061523;border-radius:10px;padding:14px;color:#b9d7e9}.status-badge.is-success{background:#0c4c3d;color:#71efbc}.status-badge.is-error{background:#5b2630;color:#ff9eaa}.studio-details{margin-top:24px;border:1px solid #295370;border-radius:14px;padding:14px 16px}.studio-details summary{cursor:pointer;font-weight:700;color:#55caff}
@media(max-width:1000px){.studio-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-two-columns{grid-template-columns:1fr}}@media(max-width:680px){.studio-hero,.studio-alert{align-items:flex-start;flex-direction:column}.studio-capabilities{justify-content:flex-start}.studio-actions-grid{grid-template-columns:1fr}.studio-last-action dl{grid-template-columns:1fr}}

/* Holy Encyclopedia Studio Cloud Ready */
.studio-cloud-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin:14px 0 22px;border:1px solid rgba(97,176,255,.28);border-radius:14px;background:rgba(39,92,142,.16)}
.studio-cloud-note strong{white-space:nowrap;color:#bfe2ff}.studio-cloud-note span{color:#c9d8e7;line-height:1.5}.studio-cloud-note code{color:#fff}
@media(max-width:720px){.studio-cloud-note{flex-direction:column}}


/* Holy Portal Build 100 - Offline Authentication Stage 1 */
.offline-mode-banner{
  margin:16px auto 0;
  width:min(1110px,calc(100% - 32px));
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:14px 18px;
  border:1px solid rgba(255,190,64,.55);
  border-radius:14px;
  background:rgba(88,55,8,.88);
  color:#fff3cf;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.offline-mode-banner strong{white-space:nowrap;color:#ffd36d}
.offline-mode-banner span{line-height:1.45}
@media(max-width:720px){.offline-mode-banner{flex-direction:column;gap:5px}.offline-mode-banner strong{white-space:normal}}


/* =========================================================
   Holy Portal Build 100 — Corrección de navegación Etapa 3A
   Evita saltos de línea al agregar el estado de conexión.
   ========================================================= */
.site-header .nav{
    gap:16px;
}

.site-header .brand{
    flex:0 0 auto;
    min-width:max-content;
}

.site-header .nav nav{
    min-width:0;
    flex-wrap:nowrap;
    gap:14px;
}

.site-header .nav nav>a,
.site-header .nav .nav-logout{
    white-space:nowrap;
    font-size:.92rem;
}

.site-header .nav form.inline{
    flex:0 0 auto;
}

.site-header .holy-connection-badge{
    flex:0 0 auto;
    padding:.36rem .62rem;
    font-size:.72rem;
}

/* Activar el menú compacto antes de que los enlaces se deformen. */
@media(max-width:1180px){
    .site-header .menu-btn{
        display:block;
    }

    .site-header .nav nav{
        display:none;
        position:absolute;
        top:78px;
        left:12px;
        right:12px;
        margin-left:0;
        padding:18px;
        flex-direction:column;
        align-items:stretch;
        gap:8px;
        background:rgba(3,14,27,.98);
        border:1px solid var(--line);
        border-radius:16px;
        box-shadow:0 22px 60px rgba(0,0,0,.38);
    }

    .site-header .nav nav.open{
        display:flex;
    }

    .site-header .nav nav>a,
    .site-header .nav .nav-logout,
    .site-header .holy-connection-badge{
        width:100%;
        min-height:42px;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        padding:9px 12px;
        border-radius:10px;
    }

    .site-header .nav nav>a:hover,
    .site-header .nav .nav-logout:hover{
        background:rgba(66,184,255,.10);
    }

    .site-header .nav form.inline{
        display:block;
        width:100%;
    }

    .site-header .holy-connection-badge{
        width:max-content;
        min-height:auto;
        margin-top:4px;
    }
}

@media(min-width:1181px){
    .site-header .menu-btn{
        display:none;
    }
}

/* Holy Portal v6.0 Build 100.1 - Enciclopedia Master */
.ency-master-hero{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:center;margin:18px 0 28px;padding:26px;border:1px solid rgba(82,191,249,.28);border-radius:22px;background:radial-gradient(circle at top left,rgba(43,137,198,.22),transparent 42%),linear-gradient(145deg,#0a2740,#071a2d);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.ency-master-visual{display:grid;place-items:center;min-height:190px;border:1px solid rgba(104,204,255,.2);border-radius:18px;background:rgba(2,17,29,.62);overflow:hidden}.ency-master-visual img{max-width:100%;max-height:210px;object-fit:contain}.ency-master-copy h1{margin:4px 0 8px;font-size:clamp(2rem,4vw,3.4rem)}.ency-master-copy p{max-width:760px;color:#b7cada;line-height:1.6}.ency-master-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ency-master-badges span{padding:7px 11px;border:1px solid rgba(95,203,255,.28);border-radius:999px;background:rgba(56,145,198,.11);color:#d7f2ff;font-size:.82rem}
.ency-master-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ency-master-panel{padding:20px;border:1px solid rgba(83,174,227,.22);border-radius:18px;background:#081d31}.ency-master-panel.span-2{grid-column:1/-1}.ency-master-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.ency-master-panel-head h2{margin:3px 0 0}.ency-master-panel-head p{margin:6px 0 0;color:#9eb7ca}.ency-master-panel-head>a,.ency-master-panel-head>span{color:#65ceff}
.ency-master-search{display:flex;gap:10px;margin:0 0 20px}.ency-master-search input{flex:1}.pet-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.pet-catalog-card{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:188px;border:1px solid rgba(83,174,227,.23);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#09243b,#071a2c);text-decoration:none;transition:.18s ease}.pet-catalog-card:hover{transform:translateY(-3px);border-color:#58caff;box-shadow:0 16px 36px rgba(0,0,0,.22)}.pet-catalog-image{display:grid;place-items:center;padding:14px;background:rgba(3,15,26,.52)}.pet-catalog-image img{max-width:118px;max-height:150px;object-fit:contain}.pet-catalog-body{display:grid;align-content:start;gap:12px;padding:16px}.pet-catalog-title{display:flex;justify-content:space-between;gap:10px}.pet-catalog-title h3{margin:0;color:#f4fbff}.pet-catalog-title span{color:#62ccff;font-size:.75rem}.pet-catalog-facts{display:grid;gap:7px;margin:0}.pet-catalog-facts div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px}.pet-catalog-facts dt{color:#84a9c1}.pet-catalog-facts dd{margin:0;color:#d8e8f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-catalog-action{margin-top:auto;color:#62ccff;font-size:.84rem}
.pet-process{display:grid;grid-template-columns:repeat(7,auto);align-items:stretch;gap:10px}.pet-process-step{position:relative;display:grid;grid-template-columns:36px 58px minmax(110px,1fr);align-items:center;gap:10px;padding:12px;border:1px solid rgba(90,188,239,.22);border-radius:14px;background:#071a2d;text-decoration:none}.pet-process-step>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#176b9f;color:#fff;font-weight:800}.pet-process-step img{max-width:54px;max-height:54px;object-fit:contain}.pet-process-step div{display:grid;gap:2px}.pet-process-step small{color:#8fb2ca}.pet-process-step strong{color:#fff}.pet-process-step em{color:#57caff;font-style:normal;font-size:.75rem}.pet-process-arrow{display:grid;place-items:center;color:#58caff;font-size:1.4rem}.ency-item-relation{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:14px;padding:14px;border:1px solid rgba(91,191,242,.22);border-radius:14px;background:#071a2d;text-decoration:none}.ency-item-relation img{max-width:64px;max-height:64px;object-fit:contain}.ency-item-relation div{display:grid;gap:3px}.ency-item-relation small,.ency-item-relation span{color:#8fb2ca}.ency-item-relation strong{color:#fff}.pet-evolution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.pet-evolution-grid article{padding:16px;border:1px solid rgba(91,191,242,.18);border-radius:14px;background:#071a2d}.pet-evolution-grid h3{margin-top:0}.pet-evolution-grid ul{margin-bottom:0;padding-left:18px}
.ency-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.ency-stat-grid div{display:grid;gap:4px;padding:13px;border-radius:12px;background:#071a2d;border:1px solid rgba(81,177,229,.14)}.ency-stat-grid small{color:#88adc5}.ency-stat-grid strong{color:#fff;font-size:1.05rem}.ency-definition-list{display:grid;gap:0;margin:0}.ency-definition-list div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.ency-definition-list div:last-child{border-bottom:0}.ency-definition-list dt{color:#8eafc5}.ency-definition-list dd{margin:0;color:#fff;text-align:right}
.map-monster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.map-monster-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(89,186,237,.2);border-radius:14px;background:#071a2d;text-decoration:none}.map-monster-card:hover{border-color:#58caff}.map-monster-card img{max-width:68px;max-height:68px;object-fit:contain}.map-monster-card div{display:grid;gap:3px}.map-monster-card strong{color:#fff}.map-monster-card small{color:#8fb2ca}.map-monster-card>span{color:#59c9ff}
.skill-tree-panel{margin-bottom:18px}.skill-node-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.skill-node{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid rgba(89,186,237,.18);border-radius:13px;background:#071a2d;text-decoration:none}.skill-node:hover{border-color:#58caff}.skill-node img{width:44px;height:44px;object-fit:contain}.skill-node div{display:grid;gap:3px}.skill-node strong{color:#fff}.skill-node small{color:#8fb2ca}.skill-node>span{padding:5px 7px;border-radius:999px;background:rgba(68,158,211,.14);color:#65cfff;font-size:.7rem}.skill-detail-list{display:grid;gap:18px}.skill-master-card{scroll-margin-top:20px;border:1px solid rgba(83,174,227,.24);border-radius:18px;background:#081d31;overflow:hidden}.skill-master-card>header{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:16px;align-items:start;padding:20px;background:linear-gradient(145deg,rgba(18,67,102,.65),rgba(7,26,44,.8))}.skill-master-card>header img{width:64px;height:64px;object-fit:contain}.skill-master-card>header h2{margin:3px 0 6px}.skill-master-card>header p{margin:0;color:#afc5d5;line-height:1.5}.skill-master-card>header>strong{padding:8px 10px;border-radius:10px;background:#176b9f;color:#fff}.skill-master-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.skill-master-columns h3{margin-top:0}.skill-requirement-list{display:grid;gap:8px;margin:0;padding-left:20px}.skill-level-table-wrap{overflow:auto;border-top:1px solid rgba(255,255,255,.08)}.skill-level-table{width:100%;min-width:760px;border-collapse:collapse}.skill-level-table th,.skill-level-table td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}.skill-level-table th{background:#071a2d;color:#68d0ff}.skill-level-table td{color:#c6d7e3}.skill-level-table td:last-child{min-width:300px;color:#91aabd}
@media(max-width:1050px){.pet-process{grid-template-columns:1fr}.pet-process-arrow{transform:rotate(90deg)}.ency-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ency-master-hero{grid-template-columns:1fr}.ency-master-visual{min-height:150px}.ency-master-grid{grid-template-columns:1fr}.ency-master-panel.span-2{grid-column:auto}.pet-catalog-grid{grid-template-columns:1fr}.pet-catalog-card{grid-template-columns:105px minmax(0,1fr)}.pet-catalog-image img{max-width:92px}.skill-master-columns{grid-template-columns:1fr}.skill-master-card>header{grid-template-columns:58px minmax(0,1fr)}.skill-master-card>header>strong{grid-column:1/-1;justify-self:start}.ency-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ency-master-search{flex-direction:column}}

/* Build 100.1 - contenido descriptivo consolidado de Skills */
.skill-source-note{padding:10px 16px;border-top:1px solid rgba(255,255,255,.07);background:rgba(5,20,34,.55);color:#88a9bf;font-size:.78rem}
.skill-source-note code{color:#bfe8ff}.skill-level-table td:nth-child(2){min-width:320px;color:#d7e7f1;line-height:1.45}.skill-level-table .muted{color:#7895a8}

/* Build 100.1 - Skills ES estructuradas */
.skill-fact-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,20,34,.42)}
.skill-fact-grid>div{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid rgba(89,186,237,.16);border-radius:12px;background:#071a2d}
.skill-fact-grid small{color:#8fb2ca;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.skill-fact-grid strong{color:#f5fbff;overflow-wrap:anywhere}
.skill-description-text{margin:0;color:#c9dbe7;line-height:1.7;white-space:normal}
.skill-inline-note{margin:14px 0 0;padding:11px 13px;border-left:3px solid #36bdf5;border-radius:0 9px 9px 0;background:rgba(34,121,173,.12);color:#c8deec;line-height:1.55}
.skill-level-table td:nth-child(2){min-width:360px;color:#e0edf5;line-height:1.5}
.skill-master-card>header p{max-width:950px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
@media(max-width:1150px){.skill-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.skill-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.skill-level-table{min-width:680px}}

/* Build 101 - relaciones y valores amigables de Skills */
.skill-requirement-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}
.skill-requirement-card{display:grid;gap:5px;padding:11px 12px;border:1px solid rgba(89,186,237,.18);border-radius:11px;background:#071a2d;text-decoration:none;min-width:0}
a.skill-requirement-card:hover{border-color:#58caff;transform:translateY(-1px)}
.skill-requirement-card small{color:#8fb2ca;text-transform:uppercase;font-size:.68rem;letter-spacing:.04em}
.skill-requirement-card strong{color:#f4fbff;overflow-wrap:anywhere}
.skill-relations-section{padding:0 20px 20px}
.skill-relations-section h3{margin:0 0 12px}
.skill-job-links{display:flex;flex-wrap:wrap;gap:9px}
.skill-job-link{display:grid;gap:2px;min-width:150px;padding:10px 12px;border:1px solid rgba(89,186,237,.18);border-radius:11px;background:rgba(7,26,45,.88);text-decoration:none}
a.skill-job-link:hover{border-color:#58caff;background:#0a2943}
.skill-job-link strong{color:#f4fbff}.skill-job-link small{color:#8fb2ca}.skill-job-link.is-disabled{opacity:.7}
@media(max-width:680px){.skill-relations-section{padding:0 14px 16px}.skill-job-link{min-width:calc(50% - 5px);flex:1}}

/* =========================================================
   Holy Portal Build 100 - Fix márgenes del proceso de Pets
   ========================================================= */
.pet-process {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr) auto
        minmax(0, 1fr) auto
        minmax(0, 1fr) auto
        minmax(0, 1fr);
    align-items: stretch;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}
.pet-process-step {
    min-width: 0;
    max-width: 100%;
    grid-template-columns: 30px 46px minmax(0, 1fr);
    gap: 7px;
    padding: 10px;
    box-sizing: border-box;
}
.pet-process-step > span { width: 28px; height: 28px; }
.pet-process-step img {
    width: 44px;
    height: 44px;
    max-width: 44px;
    max-height: 44px;
}
.pet-process-step div { min-width: 0; }
.pet-process-step small,
.pet-process-step strong,
.pet-process-step em {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}
.pet-process-step strong { line-height: 1.25; }
.pet-process-arrow { min-width: 18px; padding: 0 1px; }

@media (max-width: 1280px) {
    .pet-process {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        overflow: visible;
    }
    .pet-process-arrow { display: none; }
    .pet-process-step {
        grid-template-columns: 32px 54px minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
    }
    .pet-process-step img {
        width: 52px;
        height: 52px;
        max-width: 52px;
        max-height: 52px;
    }
}
@media (max-width: 720px) {
    .pet-process { grid-template-columns: minmax(0, 1fr); }
}