:root{--black:#050505;--white:#f2eee5;--muted:#aaa398;--gold:#c9a45b;--gold2:#efd28d;--red:#8d332c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.site-grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.official-nav{position:fixed;z-index:90;top:0;left:0;right:0;height:82px;padding:0 42px;display:flex;align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.25));border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(10px)}
.official-brand{display:flex;align-items:center;gap:13px;min-width:230px}.brand-symbol{width:43px;height:43px;border:1px solid var(--gold);display:grid;place-items:center;font:800 21px Cinzel;color:var(--gold);transform:rotate(45deg)}.brand-name{font:800 18px Cinzel;letter-spacing:3px}.brand-name span{color:var(--gold)}
.official-menu{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;height:100%}.official-menu a{height:100%;display:flex;align-items:center;padding:0 20px;font-size:11px;font-weight:800;letter-spacing:2px;color:#c3beb4;position:relative;transition:.25s}.official-menu a:hover,.official-menu a.active{color:#fff}.official-menu a.active:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:2px;background:var(--gold)}.official-menu .login-link{color:var(--gold)}
.play-mini{border:1px solid var(--gold);padding:13px 17px;font-size:9px;letter-spacing:2px;font-weight:800;color:var(--gold);transition:.25s}.play-mini:hover{background:var(--gold);color:#080706}.play-mini span{font-size:16px;margin-left:8px}
.official-hero{height:100vh;min-height:700px;position:relative;overflow:hidden}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.05);transition:opacity 1.1s ease,transform 7s ease}.hero-slide.active{opacity:1;transform:scale(1)}.hero-black{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.63) 39%,rgba(0,0,0,.08) 78%),linear-gradient(0deg,#050505 0%,transparent 30%,rgba(0,0,0,.35) 100%)}
.hero-content{position:absolute;z-index:3;left:8.5%;top:50%;transform:translateY(-43%);max-width:720px}.realm-kicker,.section-kicker{font-size:10px;font-weight:800;letter-spacing:4px;color:var(--gold);display:flex;align-items:center;gap:13px}.realm-kicker span{width:35px;height:1px;background:var(--gold)}.zen-logo{font:800 22px Cinzel;letter-spacing:8px;margin-top:35px}.zen-logo span{color:var(--gold)}
.hero-content h1{font:900 clamp(62px,7.5vw,120px)/.86 Cinzel;margin:15px 0 28px;letter-spacing:-4px;text-shadow:0 20px 60px #000}.hero-content h1 em,.section-intro h2 em,.war-content h2 em,.gallery-heading h2 em,.trailer-copy h2 em,.final-section h2 em{color:var(--gold);font-style:normal}.hero-content p{max-width:540px;color:#c4beb4;line-height:1.8;font-size:15px}.hero-buttons{display:flex;gap:15px;margin-top:32px}.main-play{height:55px;padding:0 23px;background:var(--gold);color:#0b0906;display:inline-flex;align-items:center;gap:28px;font-size:10px;font-weight:900;letter-spacing:2px;transition:.25s}.main-play:hover{background:var(--gold2);transform:translateY(-2px)}.main-play b{font-size:18px}.watch-button{height:55px;display:flex;align-items:center;gap:13px;padding:0 18px;border:1px solid rgba(255,255,255,.28);font-size:10px;letter-spacing:2px;background:rgba(0,0,0,.2)}.watch-button span{width:28px;height:28px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:9px}
.hero-scroll{position:absolute;z-index:4;left:8.5%;bottom:38px;display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:3px;color:#aaa}.hero-scroll i{height:1px;width:65px;background:var(--gold)}.hero-slider-count{position:absolute;right:5%;bottom:38px;font-size:11px;letter-spacing:2px;color:#888}.hero-slider-count b{font-size:22px;color:#fff}.hero-slider-count span{margin-left:5px}
.news-strip{height:76px;background:#0b0b0b;border-top:1px solid #252525;border-bottom:1px solid #252525;display:flex;align-items:center;padding:0 8.5%;gap:30px}.news-label{font:700 12px Cinzel;letter-spacing:3px;color:var(--gold)}.news-text{font-size:10px;letter-spacing:2px;color:#9a958c;flex:1}.news-strip>a{font-size:9px;font-weight:800;letter-spacing:2px;color:#fff}
.champions-section{padding:140px 8.5%;background:#080808}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.section-intro h2,.gallery-heading h2,.trailer-copy h2{font:800 clamp(52px,6vw,90px)/.9 Cinzel;margin:17px 0 0;letter-spacing:-3px}.section-intro p{max-width:450px;color:#918c83;line-height:1.8}.class-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px;height:560px}.class-card{position:relative;overflow:hidden;background:#111;border:1px solid #252525}.class-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:.6s}.class-one .class-image{background-image:url('/media/hero-02.png')}.class-two .class-image{background-image:url('/media/world-01.png')}.class-three .class-image{background-image:url('/media/world-02.png')}.class-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95),transparent 60%)}.class-card:hover .class-image{transform:scale(1.06)}.class-info{position:absolute;z-index:2;bottom:28px;left:28px}.class-info small{font-size:8px;letter-spacing:3px;color:var(--gold)}.class-info h3{font:700 34px Cinzel;margin:7px 0}.class-info span{font-size:8px;letter-spacing:2px;color:#999}
.war-section{height:760px;position:relative;overflow:hidden;display:flex;align-items:center}.war-art{position:absolute;inset:0;background:url('/media/world-01.png') center/cover}.war-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#060606 5%,rgba(6,6,6,.78) 37%,rgba(6,6,6,.12) 80%),linear-gradient(0deg,#060606 0%,transparent 30%)}.war-content{position:relative;z-index:2;margin-left:8.5%;max-width:600px}.war-content h2{font:800 clamp(55px,6vw,92px)/.9 Cinzel;margin:18px 0 25px;letter-spacing:-3px}.war-content p{color:#b0aaa0;line-height:1.8;max-width:460px}.outline-button{display:inline-block;margin-top:24px;border:1px solid var(--gold);padding:16px 22px;font-size:9px;letter-spacing:2px;font-weight:800;color:var(--gold)}
.gallery-section{padding:140px 8.5%;background:#0a0a09}.gallery-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.gallery-grid{display:grid;grid-template-columns:1.4fr .8fr;grid-template-rows:270px 270px;gap:14px}.gallery-grid>div{position:relative;overflow:hidden;border:1px solid #262626}.gallery-large{grid-row:span 2}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.7s;filter:saturate(.78)}.gallery-grid div:hover img{transform:scale(1.05);filter:saturate(1)}.gallery-grid span{position:absolute;left:22px;bottom:20px;font:700 13px Cinzel;letter-spacing:2px;text-shadow:0 3px 20px #000}
.trailer-section{padding:140px 8.5%;background:#050505;display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;align-items:center}.trailer-copy p{color:#908b82;line-height:1.8;max-width:330px}.trailer-frame{position:relative;aspect-ratio:16/9;border:1px solid rgba(201,164,91,.5);background:#000;box-shadow:0 30px 100px rgba(0,0,0,.5)}.trailer-frame video{width:100%;height:100%;object-fit:cover}.trailer-label{position:absolute;left:20px;bottom:18px;right:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:3px;text-shadow:0 2px 10px #000}.trailer-label b{color:var(--gold)}
.final-section{padding:180px 20px;text-align:center;background:radial-gradient(circle at center,rgba(201,164,91,.12),transparent 35%),#050505;border-top:1px solid #222}.final-mark{width:70px;height:70px;margin:0 auto 38px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font:800 32px Cinzel;transform:rotate(45deg)}.final-section .section-kicker{display:block}.final-section h2{font:800 clamp(52px,7vw,105px)/.88 Cinzel;letter-spacing:-3px;margin:28px 0 45px}
.official-footer{min-height:85px;border-top:1px solid #242424;background:#050505;padding:25px 8.5%;display:flex;align-items:center;justify-content:space-between;color:#6e6a63;font-size:8px;letter-spacing:2px}.footer-brand{font:700 13px Cinzel;color:#bbb}.footer-brand span{color:var(--gold);margin-left:5px}
@media(max-width:900px){.official-nav{padding:0 18px}.official-brand{min-width:auto}.brand-name{display:none}.official-menu a{padding:0 9px;font-size:8px}.official-menu a.active:after{left:9px;right:9px}.play-mini{display:none}.hero-content{left:7%;right:7%}.section-intro,.trailer-section{grid-template-columns:1fr;gap:35px}.class-stage{height:480px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-large{grid-row:span 2}}
@media(max-width:600px){.official-nav{height:68px}.official-menu{gap:0}.official-menu a{padding:0 6px;font-size:7px;letter-spacing:1px}.official-menu a.active:after{left:6px;right:6px}.hero-content h1{font-size:54px}.hero-content p{font-size:13px}.hero-buttons{flex-direction:column;width:235px}.hero-scroll{display:none}.news-strip{padding:0 7%;gap:12px}.news-text{display:none}.champions-section,.gallery-section,.trailer-section{padding:90px 7%}.class-stage{grid-template-columns:1fr;height:auto}.class-card{height:400px}.gallery-heading{display:block}.gallery-grid{grid-template-columns:1fr;grid-template-rows:300px 220px 220px}.gallery-large{grid-row:auto}.war-content{margin-left:7%;margin-right:7%}.official-footer{padding:20px 7%;flex-direction:column;gap:9px}}

/* =========================================================
   INNER PAGES — OFFICIAL GAME PORTAL
   Login / Register / Download / Payment / Dashboard
   ========================================================= */
.inner-page{
    min-height:100vh;
    position:relative;
    padding:145px 7vw 100px;
    overflow:hidden;
    background:#060606;
}
.inner-page:before{
    content:"";
    position:absolute;inset:0;pointer-events:none;
    background:
      linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.72) 45%,rgba(0,0,0,.90)),
      url('/media/world-03.png') center/cover no-repeat;
    opacity:.48;
}
.inner-page > *{position:relative;z-index:2}
.inner-page:after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(circle at 50% 20%,rgba(201,164,91,.13),transparent 42%);
}
.inner-shell{
    width:min(1100px,100%);
    margin:0 auto;
}
.page-kicker{
    font-size:10px;letter-spacing:4px;color:var(--gold);
    font-weight:800;text-transform:uppercase;
}
.page-title{
    font:800 clamp(44px,6vw,82px)/.9 Cinzel;
    margin:15px 0 12px;letter-spacing:-3px;
}
.page-title em{font-style:normal;color:var(--gold)}
.page-subtitle{color:#9f998f;line-height:1.8;max-width:600px}
.game-panel{
    margin-top:42px;
    border:1px solid rgba(201,164,91,.32);
    background:rgba(8,8,8,.88);
    box-shadow:0 35px 100px rgba(0,0,0,.55);
    position:relative;
}
.game-panel:before,.game-panel:after{
    content:"";position:absolute;width:16px;height:16px;border-color:var(--gold);border-style:solid;
}
.game-panel:before{top:-1px;left:-1px;border-width:2px 0 0 2px}
.game-panel:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}
.panel-inner{padding:42px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.form-group{margin-bottom:20px}
.form-group.full{grid-column:1/-1}
.form-group label{
    display:block;font-size:9px;letter-spacing:2px;color:#aaa49a;
    margin-bottom:9px;text-transform:uppercase;font-weight:800;
}
.form-control,.form-select{
    width:100%;height:52px;border:1px solid #34312c;
    background:#10100f;color:#eee;padding:0 15px;
    outline:none;font:500 13px Inter;transition:.2s;
}
.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 1px rgba(201,164,91,.18)}
.form-check{display:flex;gap:9px;align-items:center;color:#89847c;font-size:11px}
.form-check input{accent-color:var(--gold)}
.field-validation-error,.validation-summary-errors{
    color:#e17f74;font-size:11px;line-height:1.5;margin-top:6px
}
.validation-summary-errors ul{margin:0;padding-left:17px}
.validation-summary-valid{display:none}
.game-submit{
    height:54px;border:0;background:var(--gold);color:#090805;
    padding:0 24px;font:800 10px Inter;letter-spacing:2px;
    cursor:pointer;transition:.25s
}
.game-submit:hover{background:var(--gold2);transform:translateY(-2px)}
.form-footer{margin-top:25px;padding-top:22px;border-top:1px solid #252421;color:#777168;font-size:11px}
.form-footer a{color:var(--gold)}
.auth-page .game-panel{max-width:680px;margin-left:auto;margin-right:auto}
.auth-page .panel-inner{padding:48px}
.auth-seal{
    width:58px;height:58px;border:1px solid var(--gold);
    display:grid;place-items:center;color:var(--gold);
    font:800 25px Cinzel;margin-bottom:25px;
}
.auth-head{text-align:left;margin-bottom:32px}
.auth-head h2{font:700 32px Cinzel;margin:0 0 10px}
.auth-head p{margin:0;color:#817b72;font-size:12px;line-height:1.7}
.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}
.alert-game{
    padding:13px 16px;border:1px solid rgba(201,164,91,.3);
    background:rgba(201,164,91,.06);color:#cfc5b4;font-size:11px;margin-bottom:18px
}

/* Download */
.download-hero{
    min-height:calc(100vh - 82px);position:relative;display:flex;align-items:center;
    overflow:hidden;background:#050505;
}
.download-art{
    position:absolute;inset:0;background:url('/media/hero-01.png') center/cover;
}
.download-art:after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(90deg,#050505 4%,rgba(5,5,5,.83) 37%,rgba(5,5,5,.25) 75%,#050505 100%);
}
.download-content{position:relative;z-index:2;width:min(1250px,85%);margin:auto}
.download-content h1{font:800 clamp(52px,7vw,105px)/.88 Cinzel;letter-spacing:-3px;margin:15px 0}
.download-content h1 em{font-style:normal;color:var(--gold)}
.download-content p{max-width:530px;color:#aaa49a;line-height:1.8}
.download-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:25px;margin-top:45px;max-width:850px}
.download-card{border:1px solid rgba(201,164,91,.3);background:rgba(7,7,7,.84);padding:28px}
.download-card h3{font:600 22px Cinzel;margin:0 0 8px}
.download-card p{font-size:11px;margin:0 0 20px}
.download-meta{display:flex;gap:20px;color:#777169;font-size:8px;letter-spacing:2px;margin-top:16px}
.download-button{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 22px;background:var(--gold);color:#080705;font-size:9px;font-weight:900;letter-spacing:2px}
.download-button:hover{background:var(--gold2)}
.requirements{border-top:1px solid #2a2825;margin-top:55px;padding-top:25px;display:flex;gap:45px;color:#777168;font-size:9px;letter-spacing:1px}
.requirements b{color:#b8b0a4}

/* Dashboard */
.dashboard-page{padding-top:125px}
.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:35px}
.stat-panel{border:1px solid #2b2926;background:rgba(10,10,10,.9);padding:27px}
.stat-label{font-size:8px;letter-spacing:3px;color:#817a70}
.stat-value{font:700 31px Cinzel;margin-top:8px}
.stat-value.gold{color:var(--gold)}
.table-game{width:100%;border-collapse:collapse;margin-top:18px}
.table-game th,.table-game td{padding:14px 10px;border-bottom:1px solid #252321;text-align:left;font-size:10px}
.table-game th{color:#6f6a62;letter-spacing:2px;font-size:8px}.table-game td{color:#b9b2a7}
.balance-card{min-height:180px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,rgba(201,164,91,.14),rgba(10,10,10,.9));border-color:rgba(201,164,91,.35)}
.balance-card .big{font:700 45px Cinzel;color:var(--gold)}

/* Payment */
.payment-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.payment-price{font:700 48px Cinzel;color:var(--gold);margin:8px 0 20px}
.pix-box{border:1px solid rgba(201,164,91,.35);background:#0b0b0a;padding:24px;margin-top:25px}
.pix-code{word-break:break-all;color:#aaa49a;font:11px monospace;line-height:1.6;padding:15px;background:#050505;border:1px solid #242321}

/* Footer spacing on inner pages */
body:has(.inner-page) .official-footer{margin-top:0}

@media(max-width:800px){
    .inner-page{padding:115px 6vw 70px}
    .form-grid,.download-grid,.dashboard-grid,.payment-layout{grid-template-columns:1fr}
    .panel-inner,.auth-page .panel-inner{padding:28px}
    .form-group.full{grid-column:auto}
    .requirements{flex-direction:column;gap:12px}
}
@media(max-width:560px){
    .official-menu a{font-size:7px;padding:0 5px}
    .page-title{font-size:45px}
    .form-actions{align-items:stretch;flex-direction:column}
    .game-submit{width:100%}
}

/* =========================================================
   ACCOUNT / LOGOUT — CONQUERZEN COMMAND STYLE
   ========================================================= */
.zen-user-area{
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
}
.zen-user-name{
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#d8d1c5;
    font:800 9px Inter,Arial,sans-serif;
    letter-spacing:1.8px;
    text-transform:uppercase;
}
.zen-logout-form{margin:0;}
.zen-logout-button{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:74px;
    height:38px;
    padding:0 12px;
    border:1px solid rgba(201,164,91,.34);
    background:rgba(10,10,9,.72);
    color:#bfa66c;
    font:900 8px Inter,Arial,sans-serif;
    letter-spacing:2.2px;
    cursor:pointer;
    overflow:hidden;
    transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
}
.zen-logout-button:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:2px;
    background:var(--gold);
    opacity:.72;
}
.zen-logout-button:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:-120%;
    width:70%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);
    transform:skewX(-18deg);
    transition:left .45s ease;
}
.zen-logout-button:hover{
    color:#f3ead9;
    border-color:rgba(201,164,91,.72);
    background:rgba(26,23,16,.9);
    box-shadow:0 0 24px rgba(201,164,91,.08);
    transform:translateY(-1px);
}
.zen-logout-button:hover:after{left:145%;}
.zen-logout-button:active{transform:scale(.98);}
.zen-logout-icon{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border:1px solid rgba(201,164,91,.23);
    font-size:13px;
    line-height:1;
}
.zen-logout-text{position:relative;z-index:1;}

/* Entity identity in Store */
.store-account-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:17px;
}
.store-account-meta>div{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}
.store-account-meta span{
    font:800 7px Inter,Arial,sans-serif;
    letter-spacing:1.7px;
    color:#5e5a54;
}
.store-account-meta b{
    color:#d9d0c2;
    font:800 10px Inter,Arial,sans-serif;
    letter-spacing:1px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.store-account-card.is-linked .store-account-meta>div:last-child b{color:#9fc384;}
.store-account-card.is-unlinked .store-account-meta>div:last-child b{color:#d88980;}
.store-entity-warning{
    padding:11px 12px;
    border-left:2px solid #a9574e;
    background:rgba(169,87,78,.06);
    color:#d48a82;
    font:800 7px/1.7 Inter,Arial,sans-serif;
    letter-spacing:1.4px;
}
.store-link-warning{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:12px;
    align-items:center;
    margin-top:28px;
    padding:15px 17px;
    border:1px solid rgba(169,87,78,.3);
    background:rgba(169,87,78,.06);
}
.store-link-warning strong{
    font:900 8px Inter,Arial,sans-serif;
    letter-spacing:2px;
    color:#d48a82;
}
.store-link-warning span{
    color:#8e8981;
    font:500 10px/1.6 Inter,Arial,sans-serif;
}
.store-buy.disabled{
    opacity:.38;
    filter:saturate(.2);
    cursor:not-allowed;
    pointer-events:none;
}

@media(max-width:900px){
    .zen-user-name{display:none;}
    .zen-logout-button{min-width:38px;width:38px;padding:0;}
    .zen-logout-text{display:none;}
    .store-account-meta{gap:8px;}
}
@media(max-width:560px){
    .store-link-warning{grid-template-columns:1fr;gap:5px;}
    .store-account-meta{grid-template-columns:1fr 1fr;}
}