/* Classic launcher palette and elven architecture. Loaded after evolution.css.
   Pecas em /assets/classic-ui/pecas (recortadas, fundo transparente). */
:root { --bg:#0b1220; --bg-2:#1a2540; --gold:#d4af37; --gold-bright:#f5e6a8; --gold-soft:#cfb875; --line-gold:#d4af3766; --text:#f2ede4; --pc:url('/assets/classic-ui/pecas/'); }
body.evolution { background:#0b1220 url('/assets/classic-ui/02-hero-city.png') center top / 100% auto no-repeat fixed; }
body.evolution::before { content:''; position:fixed; inset:0; background:linear-gradient(#0b1220d9,#0b1220f2 40%,#0b1220); pointer-events:none; z-index:0; }
.page { position:relative; z-index:1; }

/* topo */
.site-header { background:linear-gradient(#1a2540f2,#0b1220f2); border-bottom:0; box-shadow:0 8px 30px #0006; position:relative; }
.site-header::after { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg,transparent,#d4af3799 15%,#f5e6a8 50%,#d4af3799 85%,transparent); pointer-events:none; }
.site-header::before { content:''; position:absolute; left:50%; bottom:-12px; width:180px; height:24px; transform:translateX(-50%); background:url('/assets/classic-ui/pecas/divisor-dourado.png') center / contain no-repeat; pointer-events:none; z-index:2; }
.brand-logo { height:48px; width:auto; display:block; filter:drop-shadow(0 2px 6px #000a); }
.main-nav a { color:#f2ede4; }
.main-nav a[aria-current="page"], .main-nav a:hover { color:#f5e6a8; }

/* destaque */
.epic-hero { min-height:820px; border-bottom:0; overflow:hidden; }
.hero-art { inset:0; width:100%; max-width:none; height:100%; aspect-ratio:auto; background:#0b1220 url('/assets/classic-ui/hero-elfa-poster.jpg') 70% center / cover; opacity:1; animation:none; }
.hero-art .hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:70% center; z-index:0; }
.hero-motion-toggle { position:absolute; bottom:20px; right:24px; z-index:4; padding:8px 14px; border:1px solid #d4af3788; background:#0b1220cc; color:#f5e6a8; font:12px 'Inter',sans-serif; cursor:pointer; }
.hero-art::before { display:none; }
.hero-art::after { content:''; position:absolute; inset:0; z-index:2; background:linear-gradient(90deg,#0b1220cc 0%,#0b1220a0 26%,#0b122055 50%,transparent 72%),linear-gradient(0deg,#0b1220,transparent 26%); pointer-events:none; }
.hero-elfa { position:absolute; right:3%; bottom:0; height:96%; width:auto; z-index:1; filter:drop-shadow(0 0 40px #0b1220); }
.hero-banner { position:absolute; top:0; height:78%; width:auto; z-index:1; opacity:.95; }
.hero-banner--l { right:52%; display:none; }
.hero-banner--r { right:1%; }
.hero-container { padding-top:40px; position:relative; z-index:3; }
.hero-copy { max-width:600px; padding-top:40px; }
.hero-logo { margin:0 0 6px; line-height:0; }
.hero-logo img { width:min(520px,100%); height:auto; filter:drop-shadow(0 6px 18px #000c); }
.hero-copy h2 { color:#f2ede4; text-shadow:0 2px 8px #000; }
.hero-copy>p { color:#d6d7df; }
.divisor-img { display:block; width:min(360px,80%); height:auto; margin:14px 0; }
.side-motto { display:none; }
.hero-notes .ic { width:26px; height:26px; object-fit:contain; }
.hero-notes>span { font-size:11px; color:#e4d8b4; }

/* botoes com as pecas */
.epic-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; text-align:center; background:url('/assets/classic-ui/pecas/botao-primario-normal.png') center / 100% 100% no-repeat; border:0; outline:0; box-shadow:none; color:#f5e6a8; min-width:260px; height:72px; padding:0 54px 4px; text-shadow:0 2px 4px #000; line-height:1; }
.epic-button > span { display:block; }
.hero-actions .epic-button { width:300px; min-width:0; max-width:100%; flex:0 0 auto; height:76px; padding:0 46px 5px; gap:0; }
.hero-actions .epic-button>span { width:100%; white-space:nowrap; text-align:center; font:700 clamp(17px,2vw,21px)/1 Cinzel,serif; letter-spacing:.035em; }
.epic-button::before, .epic-button::after { display:none; }
.epic-button:hover { background-image:url('/assets/classic-ui/pecas/botao-primario-hover.png'); box-shadow:none; filter:drop-shadow(0 0 14px #d4af3766); }
.epic-button:active { background-image:url('/assets/classic-ui/pecas/botao-primario-pressionado.png'); filter:brightness(.92); }
.epic-secondary, .header-account { display:inline-flex; align-items:center; justify-content:center; gap:10px; background:linear-gradient(#1a2540cc,#0b1220e6); border:1px solid #d4af37aa; box-shadow:inset 0 0 0 1px #0b1220, inset 0 0 0 2px #d4af3733; color:#f5e6a8; height:48px; padding:0 26px; border-radius:2px; transition:border-color .2s, box-shadow .2s, background .2s; }
.epic-secondary:hover, .header-account:hover { border-color:#f5e6a8; box-shadow:inset 0 0 0 1px #0b1220, inset 0 0 0 2px #f5e6a855, 0 0 16px #d4af3744; background:linear-gradient(#22305299,#0b1220e6); }
.epic-secondary:active, .header-account:active { background:#080e19; }

/* paineis com a moldura dourada */
.news-panel, .economy-features article, .evolution .card, .evolution .panel {
  border:22px solid transparent; border-image:url('/assets/classic-ui/pecas/moldura-painel.png') 60 fill / 22px stretch;
  background:none; box-shadow:0 12px 30px #0005; }
/* cartoes com arte: so a borda dourada da moldura (sem preencher o meio, senao cobre a arte) */
.adventure-card--plaque { border:18px solid transparent; border-image:url('/assets/classic-ui/pecas/moldura-painel.png') 60 / 18px stretch; background:#0b1220; box-shadow:0 12px 30px #0005; }
.adventure-card--plaque .adventure-link, .text-link, .economy-features a { color:#f5e6a8; }
.economy-icon--img { border:0; background:none; width:64px; height:64px; }
.economy-icon--img img { width:60px; height:60px; object-fit:contain; filter:drop-shadow(0 3px 6px #000a); }

/* divisor */
.world-divider--img { display:flex; flex-direction:column; align-items:center; gap:4px; color:#cfb875; }
.world-divider--img img { width:min(520px,80%); height:auto; }

/* rodape */
.site-footer { border-top:0; position:relative; padding-top:30px; }
.site-footer::before { content:''; position:absolute; left:0; right:0; top:0; height:24px; background:linear-gradient(90deg,transparent,#d4af3799 15%,#f5e6a8 50%,#d4af3799 85%,transparent) center 11px / 100% 1px no-repeat, url('/assets/classic-ui/pecas/divisor-dourado.png') center / 180px 24px no-repeat; }
.footer-logo { height:110px; width:auto; }

@media(max-width:1100px) { .hero-copy { max-width:480px; } .hero-elfa { right:-8%; opacity:.85; } .hero-banner--r { display:none; } }
@media(max-width:768px) {
 .epic-hero { min-height:auto; }
 .brand-logo { height:36px; }
 .hero-art::after { background:linear-gradient(0deg,#0b1220 0%,#0b1220 34%,#0b1220d0 52%,transparent 80%); }
 .hero-art .hero-video { object-position:68% top; height:62vw; min-height:300px; }
 .hero-art { background:#0b1220 url('/assets/classic-ui/hero-elfa-poster.jpg') 68% top / auto 62vw no-repeat; }
 .hero-art::after { background:linear-gradient(0deg,#0b1220 0%,#0b1220 calc(100% - 62vw),#0b122000 calc(100% - 30vw)) !important; }
 .hero-motion-toggle { bottom:12px; right:14px; }
 .hero-container { padding-inline:0; }
 .hero-topline { gap:10px; }
 .hero-topline .eyebrow { display:none; }
 .live-status { padding:8px 12px; }
 .hero-copy { padding-top:40vw; max-width:100%; text-align:center; }
 .hero-logo img { width:86%; }
 .divisor-img { margin:10px auto; }
 .hero-actions { justify-content:center; }
 .hero-notes { justify-content:center; }
 .epic-button { min-width:220px; min-height:60px; }
 .hero-copy h2 { font-size:20px; }
}

@media(prefers-reduced-motion:reduce) { .hero-art .hero-video { display:none; } .hero-motion-toggle { display:none; } }

.economy-features article:nth-child(n) { border:22px solid transparent !important; border-image:url('/assets/classic-ui/pecas/moldura-painel.png') 60 fill / 22px stretch !important; background:none !important; }

/* Keep navigation visible in narrow windows as a second header row. */
.header-server { display:flex; align-items:center; gap:10px; padding:9px 16px; color:#e6e9ef; font:600 14px/1.4 Inter,sans-serif; white-space:nowrap; border:1px solid #d4af3766; background:linear-gradient(#1a2540cc,#0b1220e6); border-radius:2px; letter-spacing:.02em; }
.header-server strong { color:#8ff0a8; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.header-server.is-offline strong { color:#dfbf87; }
.header-server .status-orb { flex-shrink:0; width:10px; height:10px; }
@media(max-width:480px) { .is-home .header-inner>.brand { flex-basis:100%; display:flex; justify-content:center; margin:0; } .is-home .header-tools { margin-inline:auto; gap:8px; } .header-server { font-size:12px; padding:7px 10px; } }
.main-nav { align-items:center; gap:10px; }
.main-nav a { justify-content:center; min-height:42px; padding:12px 18px; border:1px solid #b89b5b40; border-radius:3px; background:linear-gradient(180deg,#26334a80,#0c1424c0); color:#ded7c7; box-shadow:inset 0 1px 0 #e4ca8c0d; transition:color .2s,border-color .2s,background .2s,box-shadow .2s; }
.main-nav a:hover { color:#fff0c1; border-color:#d6b96eaa; background:linear-gradient(180deg,#55472c80,#172030); box-shadow:inset 0 1px 0 #f6dc9c26,0 0 16px #d4af371a; text-shadow:0 0 12px #d4af3740; }
.main-nav a[aria-current="page"] { color:#f6dfa2; border-color:#c4a05d99; background:linear-gradient(180deg,#66533366,#302b2380); box-shadow:inset 0 1px 0 #f6dc9c33,inset 0 -2px 0 #b79450; }
.main-nav a[aria-current]::before,.main-nav a[aria-current]::after { display:none; }
.main-nav a:focus-visible { outline:2px solid #f6dfa2; outline-offset:4px; }
.main-nav a:active { background:#101826; }
@media(max-width:1100px) {
 .header-inner { flex-wrap:wrap; padding-top:12px; gap:12px; }
 .header-inner>.brand { margin-right:auto; }
 .menu-toggle { display:none; }
 .header-tools { margin-left:auto; }
 .main-nav,.main-nav.is-open { display:flex; flex-wrap:wrap; order:4; flex-basis:100%; align-self:auto; justify-content:center; gap:8px; padding:12px 0 14px; border-top:1px solid #d4af3726; }
 .main-nav a { flex:0 1 auto; justify-content:center; min-height:42px; padding:12px 16px; font-size:10px; }
 .header-account { width:auto; padding:10px 14px; gap:8px; }
 .header-account>span { position:static; width:auto; height:auto; overflow:visible; clip:auto; }
}
@media(max-width:480px) {
 .main-nav a { padding:11px 10px; font-size:9px; letter-spacing:.04em; }
 .header-account { padding:10px; }
}
/* L2P: sombra so nos textos pequenos da capa, pra nao misturar com o castelo */
.hero-topline, .hero-copy p, .hero-notes span, .hero-scroll, .epic-secondary { text-shadow:0 1px 2px #000, 0 2px 8px #000e, 0 0 16px #0b1220; }
.hero-notes .ic { filter:drop-shadow(0 1px 3px #000); }