/* Acabamento compartilhado apenas pelo site publico, fora de /ucp/. */
.mythos-public .topbar-inner{max-width:1440px;gap:22px}
.mythos-public .menu-left,.mythos-public .menu-right{gap:20px}
.account-menu{position:relative;flex-shrink:0;font-family:'Segoe UI',sans-serif}
.account-menu summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;border:1px solid #d8b66b60;background:#d8b66b10;color:#f3dfaa;border-radius:5px;padding:12px 16px;font-size:10px;letter-spacing:1px;font-weight:700}
.account-menu summary::-webkit-details-marker{display:none}
.account-menu[open] summary{background:#d8b66b20;border-color:#d8b66b}
.account-popover{position:absolute;top:calc(100% + 17px);right:0;width:310px;padding:26px;background:#10100ff5;border:1px solid #d8b66b55;border-radius:10px;box-shadow:0 24px 80px #000b}
.account-title{font-size:19px;color:#f3dfaa;font-weight:600}
.account-popover p{color:#aaa69d;font-size:13px;line-height:1.7;margin:10px 0 22px}
.topbar .account-primary{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#b58b3c,#e8cc88);color:#171208;padding:15px;border:1px solid #e8cc88;border-radius:5px;font-size:10px;letter-spacing:.7px}
.topbar .account-primary::after,.topbar .account-links a::after{display:none}
.account-links{display:flex;justify-content:space-between;gap:12px;margin-top:14px}
.topbar .account-links a{font-size:11px;letter-spacing:0;color:#c6bda8;padding:4px 0}
.mythos-public .public-page{padding:0;min-height:65vh;margin-top:125px!important}
.mythos-public .public-page>.ranking-card{padding:0!important;border:0!important;background:transparent!important;backdrop-filter:none;box-shadow:none;overflow:visible}
.mythos-public .public-page :is(.register-page,.download-page,.premium-info-page,.rank-page,.donate-page,.ucp-container){width:100%;max-width:1160px;margin:0 auto;padding:32px 0 48px;min-height:0;position:relative}
.mythos-public .public-page :is(.register-frame,.ucp-box,.download-card,.requirement-box,.install-box,.feature-box,.premium-box,.extra-card,.stat-card,.top-card,.payment-box,.step-card,.terms-box,.rank-container){background:linear-gradient(145deg,#171612,#0b0b0a);border:1px solid #d8b66b30;border-radius:10px;box-shadow:0 12px 32px #0003;backdrop-filter:none}
.mythos-public .public-page :is(.register-frame,.ucp-box){padding:36px;max-width:580px;margin:auto;animation:none}
.mythos-public .public-page :is(.register-page,.download-page)::before{background:transparent}
.mythos-public .public-page :is(.register-page,.download-page)::after{display:none}
.mythos-public .public-page :is(.register-title,.download-header h1,.hero-title,.rank-title,.donate-title){font-family:'Cinzel',Georgia,serif;font-size:38px;line-height:1.3;color:#f3dfaa;letter-spacing:.3px}
.mythos-public .public-page :is(.register-subtitle,.download-header p,.hero-text,.rank-desc,.donate-text,.ucp-subtitle){font-family:'Segoe UI',sans-serif;color:#aaa69d;font-size:14px;line-height:1.8;letter-spacing:.2px}
.mythos-public .public-page :is(.register-top,.download-header){margin-bottom:32px}
.mythos-public .public-page .register-logo img{max-width:180px;width:100%;height:auto}
.mythos-public .public-page :is(.hero-banner,.rank-hero,.donate-hero){background:linear-gradient(90deg,#090909c9,#09090950),url('../imgs/mythos-hero-lineage.webp') center 35%/cover;border:1px solid #d8b66b35;border-radius:12px;min-height:270px;height:auto;padding:40px;overflow:hidden}
.mythos-public .public-page .rank-hero{height:290px;padding:0}
.mythos-public .public-page .hero-content{min-height:0;transform:none;animation:none;padding:24px;display:block;margin:0;max-width:760px}
.mythos-public .public-page :is(.hero-overlay,.donate-overlay){pointer-events:none}
.mythos-public .public-page .rank-overlay{padding:36px}
.mythos-public .public-page :is(.box-title,.download-title,.requirements-title,.payment-title,.steps-title,.top-title,.step-title,.terms-box h3){font-family:'Segoe UI',sans-serif;color:#edd39a;font-size:20px;font-weight:600;letter-spacing:.3px}
.mythos-public .public-page :is(.download-desc,.requirement-item,.install-step,.top-desc,.payment-text,.step-desc){color:#b7b1a5;font-size:14px;line-height:1.8}
.mythos-public .public-page :is(.stat-number,.download-icon,.top-icon,.step-icon,.header-icon){color:#d8b66b;text-shadow:none}
.mythos-public .public-page :is(.download-grid,.content-grid,.top-grid,.steps-grid,.requirements-grid){gap:20px}
.mythos-public .public-page :is(.download-card,.premium-box,.payment-box,.terms-box,.install-box){padding:30px}
.mythos-public .public-page :is(.register-input,.input-wrapper input,#captchaInput,select,textarea){box-sizing:border-box;max-width:100%;border:1px solid #d8b66b35;border-radius:6px;background:#080808;color:#eee5d1;min-height:48px;font-family:'Segoe UI',sans-serif;font-size:14px;outline:none}
.mythos-public .public-page .register-input{height:50px;padding:0 15px}
.mythos-public .public-page :is(input,select,textarea):focus{border-color:#d8b66b;box-shadow:0 0 0 3px #d8b66b15}
.mythos-public .public-page input::placeholder{color:#888277}
.mythos-public .public-page :is(.form-group label,.input-group label){color:#d8b66b;font-family:'Segoe UI',sans-serif;letter-spacing:1px;font-size:10px}
.mythos-public .public-page :is(.register-btn,.btn-play-ucp,.download-btn.gold){background:linear-gradient(120deg,#b58b3c,#e8cc88);color:#171208;border:1px solid #e8cc88;border-radius:6px;box-shadow:0 6px 20px #0004;font-family:'Segoe UI',sans-serif;font-weight:700;font-size:12px;min-height:48px;height:auto;padding:16px 22px;letter-spacing:1px}
.mythos-public .public-page :is(.download-btn.dark,.rank-btn,.menu-item){border:1px solid #d8b66b35;border-radius:6px;background:#12110e;color:#ded4c0;font-family:'Segoe UI',sans-serif;font-size:12px;padding:12px 20px;cursor:pointer}
.mythos-public .public-page :is(.rank-btn.active,.menu-item.active){background:linear-gradient(120deg,#b58b3c,#e8cc88);color:#171208;border-color:#e8cc88}
.mythos-public .public-page :is(.captcha-box,.captcha-img-box){border-radius:7px;background:#ffffff04;border:1px solid #d8b66b25}
.mythos-public .public-page :is(.register-footer,.stat-label,.stat-desc){color:#aaa69d}
.mythos-public .public-page :is(.rank-content,.epic-wrapper){overflow-x:auto}
.mythos-public .public-page table{border-collapse:collapse;font-size:13px}
.mythos-public .public-page th{background:#d8b66b0d;color:#e8cc88;text-align:left;font-size:11px;letter-spacing:.7px}
.mythos-public .public-page td{border-bottom:1px solid #ffffff0a;color:#d3cdc2}
.mythos-public .public-page :is(th,td){padding:14px 16px}
.mythos-public .public-page :is(.pddInner,.default){color:#c8c1b4;line-height:1.8}
.mythos-public .public-page .pddInner{padding:28px;background:#10100e;border:1px solid #d8b66b30;border-radius:10px}
@media(max-width:1100px){.mythos-public .menu-left,.mythos-public .menu-right{gap:12px}.mythos-public .topbar-inner{gap:14px}.account-menu summary{padding:10px;font-size:9px}.nav-brand{width:72px}.mythos-public .topbar a{font-size:10px;letter-spacing:.3px}}
@media(max-width:800px){
 .mythos-public .topbar-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:13px 16px 13px 90px;min-height:116px;height:auto}
 .mythos-public .nav-brand{left:14px;top:20px;width:62px;height:60px;position:absolute}
 .mythos-public .menu-left,.mythos-public .menu-right{gap:14px;justify-content:center;margin:0;grid-column:1/-1}
 .account-menu{grid-column:1/-1;justify-self:center}.account-menu summary{padding:6px 13px;font-size:9px}.account-popover{right:50%;transform:translateX(50%);width:min(310px,calc(100vw - 36px));top:calc(100% + 12px)}
 .mythos-public .public-page{margin-top:136px!important}.mythos-public .public-page :is(.register-frame,.ucp-box,.download-card,.premium-box,.payment-box,.terms-box,.install-box){padding:24px 20px}
 .mythos-public .public-page :is(.register-title,.download-header h1,.hero-title,.rank-title,.donate-title){font-size:29px}
 .mythos-public .public-page :is(.download-grid,.content-grid,.top-grid,.steps-grid,.requirements-grid,.feature-grid){grid-template-columns:1fr}
 .mythos-public .public-page :is(.hero-banner,.donate-hero){padding:24px 16px;min-height:240px}.mythos-public .public-page .hero-content{padding:10px}
 .mythos-public .public-page .rank-overlay{padding:24px}.mythos-public .public-page .rank-btn{width:auto;flex:1 1 100px;padding:12px}
 .mythos-public .public-page .register-page{padding-top:10px}.mythos-public .public-page .captcha-flex{flex-wrap:wrap}
}
@media(max-width:700px){
 .mythos-public .hero .hero-bg{top:138px;height:460px;object-position:26% top}
 .mythos-public .hero .hero-content{padding-top:270px}
 .mythos-public .hero{min-height:960px}
 .mythos-public .hero::after{background:linear-gradient(180deg,transparent 28%,#070707 63%)}
}

/* Marca principal e atributos do servidor. */
.mythos-public .hero .hero-content{padding-top:60px;gap:45px;grid-template-columns:1fr 1.08fr}
.mythos-public .hero .hero-info{align-items:center;text-align:center;width:100%;max-width:590px}
.mythos-public .hero h1.mythos-logo-heading{width:100%;margin:0 0 24px;text-align:center;line-height:1}
.mythos-logo-heading img{display:block;width:100%;max-width:490px;height:auto;margin:0 auto;filter:drop-shadow(0 8px 20px #0009)}
.mythos-public .mythos-logo-heading em{display:block;margin-top:12px;font-size:32px;letter-spacing:7px;color:#e2bd62;font-family:'Cinzel',Georgia,serif}
.mythos-public .hero .hero-info p{max-width:490px;font-size:14px;margin-bottom:22px}
.mythos-public .hero-buttons{justify-content:center}
.mythos-public .mythos-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin:0 0 25px}
.hero-stat{position:relative;min-width:0;padding:19px 8px 16px;background:linear-gradient(155deg,#302614e8,#0b0b0bee 70%);border:1px solid #c49b4799;border-radius:8px;box-shadow:inset 0 1px 0 #ffe4a733,0 8px 22px #0005;text-align:center;transition:transform .2s,border-color .2s}
.hero-stat::before{content:'';position:absolute;top:-1px;left:20%;width:60%;height:2px;background:linear-gradient(90deg,transparent,#ffe0a0,transparent)}
.hero-stat small{display:block;color:#d9c499;font:600 8px/1.5 'Segoe UI',sans-serif;letter-spacing:1.1px;white-space:nowrap}
.hero-stat strong{display:block;color:#ffe6a9;font:600 29px/1.3 'Cinzel',Georgia,serif;margin:10px 0 8px;text-shadow:0 2px 10px #000}
.hero-stat:first-child strong{font-size:14px;line-height:38px;letter-spacing:.3px}
.mythos-public .hero-stat strong span{padding:0;border:0;border-radius:0;background:none;font-size:18px;color:inherit;letter-spacing:0}
.hero-stat b{font:500 8px/1.5 'Segoe UI',sans-serif;letter-spacing:2px;color:#a99b7e}
.hero-stat:hover{transform:translateY(-3px);border-color:#ffe0a0}
.mythos-public .nav-brand{width:120px;height:66px;object-fit:contain}
.mythos-public .footer-brand img{width:200px;height:auto}
@media(max-width:1000px){.mythos-public .hero .hero-content{gap:24px}.hero-stat{padding:16px 5px}.hero-stat:first-child strong{font-size:12px}.hero-stat small{font-size:7px;letter-spacing:.5px}.mythos-public .nav-brand{width:90px}}
@media(max-width:700px){
 .mythos-public .hero .hero-content{display:block;padding-top:245px}.hero-art-space{display:none}
 .mythos-public .hero .hero-info{max-width:500px;margin:auto}.mythos-logo-heading img{max-width:320px}
 .mythos-public .hero h1.mythos-logo-heading{margin-bottom:22px}.mythos-public .mythos-logo-heading em{font-size:29px;margin-top:14px}
 .mythos-public .hero{min-height:1120px}.mythos-public .hero .hero-bg{height:530px}.mythos-public .hero::after{background:linear-gradient(180deg,transparent 25%,#070707 57%)}
 .mythos-public .mythos-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-stat{padding:16px 10px}.hero-stat small{font-size:9px;letter-spacing:1px}.hero-stat:first-child strong{font-size:17px}.hero-stat strong{font-size:30px;margin:8px 0 5px}
 .mythos-public .nav-brand{width:68px;height:60px}
}