/* 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{height:auto;min-height:940px;max-height:none;padding-bottom:110px;overflow:hidden}
.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-logo-heading{position:relative;isolation:isolate;animation:mythosLogoFloat 5s ease-in-out infinite;will-change:transform}
.mythos-logo-heading img{animation:mythosLogoGlow 3.8s ease-in-out infinite;will-change:filter}
.mythos-logo-heading::after{content:'';position:absolute;z-index:2;pointer-events:none;top:0;left:50%;width:100%;max-width:490px;height:82%;transform:translateX(-50%);background:linear-gradient(112deg,transparent 34%,rgba(255,244,199,0) 42%,rgba(255,244,199,.8) 49%,rgba(255,214,115,.24) 53%,transparent 62%);background-size:250% 100%;background-position:150% 0;-webkit-mask:url('../imgs/mythos-logo-aaa.webp') center/contain no-repeat;mask:url('../imgs/mythos-logo-aaa.webp') center/contain no-repeat;mix-blend-mode:screen;animation:mythosLogoShine 5.8s ease-in-out infinite}
@keyframes mythosLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes mythosLogoGlow{0%,100%{filter:drop-shadow(0 8px 20px #0009) drop-shadow(0 0 5px rgba(211,162,63,.1))}50%{filter:drop-shadow(0 10px 23px #000b) drop-shadow(0 0 15px rgba(240,192,86,.42))}}
@keyframes mythosLogoShine{0%,17%{background-position:150% 0;opacity:0}24%{opacity:.9}45%{background-position:-70% 0;opacity:.25}46%,100%{background-position:-70% 0;opacity:0}}
.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 .hero-buttons{position:relative;z-index:30;min-height:54px;flex-shrink:0;margin-bottom:10px}
.mythos-public .hero-buttons .btn-play,.mythos-public .hero-buttons .btn-discord{position:relative;z-index:31;display:flex;visibility:visible;opacity:1}
.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:1160px;padding-bottom:90px}.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}
}
@media(prefers-reduced-motion:reduce){.mythos-logo-heading,.mythos-logo-heading img,.mythos-logo-heading::after{animation:none!important}}

.mythos-public .event-news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mythos-public .event-news-grid .news-card{min-height:400px}
.mythos-public .event-news-grid .news-card img{height:100%}
.mythos-public .event-news-grid .news-info{padding:28px}
.news-kicker{display:block;color:#d8b66b;font:700 9px/1.5 'Segoe UI',sans-serif;letter-spacing:1.8px;margin-bottom:10px}
.mythos-public .event-news-grid .news-info h3{font-size:18px;margin-bottom:8px}
@media(max-width:900px){.mythos-public .event-news-grid{grid-template-columns:1fr}.mythos-public .event-news-grid .news-card{min-height:330px}}

.news-more{display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:12px 17px;border:1px solid #d8b66b;background:rgba(9,9,8,.82);border-radius:5px;color:#f0d99f;font:700 10px/1 'Segoe UI',sans-serif;letter-spacing:1.2px;cursor:pointer;transition:.2s}
.news-more:hover{color:#171208;background:linear-gradient(120deg,#b58b3c,#e8cc88);transform:translateY(-2px)}
.event-dialog{width:min(860px,calc(100% - 32px));max-height:90vh;padding:0;border:1px solid #d8b66b88;border-radius:13px;background:#0d0d0c;color:#eee7d9;box-shadow:0 30px 100px #000;overflow:auto}
.event-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(7px)}
.event-dialog-close{position:absolute;z-index:5;right:16px;top:16px;width:40px;height:40px;border-radius:50%;border:1px solid #d8b66b88;background:#090909d9;color:#f4dfa9;font-size:25px;line-height:1;cursor:pointer}
.event-dialog-media{position:relative;height:330px;overflow:hidden}
.event-dialog-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#0d0d0c 100%)}
.event-dialog-media img{width:100%;height:100%;object-fit:cover;display:block}
.event-dialog-media span{position:absolute;z-index:2;bottom:25px;left:34px;color:#e8c979;font:700 10px/1.5 'Segoe UI',sans-serif;letter-spacing:2px}
.event-dialog-content{padding:5px 34px 34px}
.event-dialog-content h2{margin:0 0 13px;color:#f3dfaa;font:600 34px/1.3 'Cinzel',Georgia,serif}
.event-dialog-content>p{color:#bcb5a8;font-size:14px;line-height:1.8}
.event-dialog-details{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0}
.event-dialog-details>div{display:flex;align-items:center;gap:15px;padding:18px;background:#d8b66b09;border:1px solid #d8b66b2b;border-radius:7px}
.event-dialog-details i{color:#d8b66b;font-size:19px}.event-dialog-details span{display:flex;flex-direction:column;gap:4px}.event-dialog-details small{color:#a99b7e;font-size:8px;letter-spacing:1.5px}.event-dialog-details b{color:#ebdfc7;font-size:13px}
.event-dialog-content p.event-dialog-note{padding-top:18px;border-top:1px solid #d8b66b22;color:#9d9588;font-size:12px}.event-dialog-note i{color:#d8b66b;margin-right:7px}
body:has(.event-dialog[open]){overflow:hidden}
@media(max-width:620px){.event-dialog-media{height:220px}.event-dialog-content{padding:3px 20px 25px}.event-dialog-content h2{font-size:25px}.event-dialog-media span{left:20px}.event-dialog-details{grid-template-columns:1fr}}