/* L2 Players — finished cinematic identity, 23 October 2026.
   Real artwork, alpha icons and vector UI. No screenshot sprites or hidden copy. */
.evolution.is-home .page { container-type:inline-size; }
.evolution.is-home .site-header { position:relative; border-bottom:1px solid #b9955099; background:linear-gradient(105deg,#020c19,#041426 55%,#020c19); }
.evolution.is-home .site-header::before,.evolution.is-home .site-header::after { content:''; display:block; position:absolute; top:50%; bottom:auto; width:7px; height:7px; border:1px solid #c19a55; background:#071b2f; transform:translateY(-50%) rotate(45deg); pointer-events:none; }
.evolution.is-home .site-header::before { left:18px; }
.evolution.is-home .site-header::after { left:auto; right:18px; }
.evolution.is-home .sound-toggle { display:none; }
.night-hero { position:relative; isolation:isolate; min-height:0; height:clamp(570px,45.5729167cqw,820px); background:#030e1d; border-bottom:1px solid #b9955080; }
.night-hero-art { inset:0; height:100%; margin:0; width:100%; max-width:none; background:#030e1d; }
.night-hero-art::before { content:none; display:none; }
.night-hero-art>img,.night-hero-art>video { position:absolute; left:50%; top:0; width:min(100%,1920px); max-width:none; height:100%; transform:translateX(-50%); object-fit:cover; object-position:center 25%; }
.night-hero-art>video[hidden] { display:none; }
.night-motion-toggle { top:18px; right:20px; bottom:auto; padding:7px 11px; border:1px solid #b9955070; border-radius:3px; background:#030e1dbd; color:#d8c9ad; font:400 11px/1.4 Inter,Arial,sans-serif; transition:background .18s,color .18s; }
.night-motion-toggle[hidden] { display:none; }
.night-motion-toggle:hover { color:#fff0d2; background:#071b2fe8; }
.night-motion-toggle:focus-visible { outline:2px solid #f0cc83; outline-offset:4px; }
.night-hero-art::after { content:''; display:block; position:absolute; inset:0; background:linear-gradient(90deg,#030e1d1a,transparent 52%),linear-gradient(0deg,#030e1d24,transparent 14%); pointer-events:none; }
.night-hero-inner { position:relative; width:100%; max-width:none; min-height:0; height:100%; padding:0; }
.night-hero-copy { position:absolute; left:max(5.5989583cqw,calc((100% - 1710px)/2)); top:clamp(82px,7.03125cqw,140px); width:min(40.5cqw,710px); max-width:none; }
.night-eyebrow { display:flex; align-items:center; gap:clamp(12px,1.3020833cqw,24px); white-space:nowrap; color:#e3bf7c; font:400 clamp(10px,.9114583cqw,16px)/1.5 Georgia,'Times New Roman',serif; letter-spacing:.24em; margin:0 0 clamp(16px,1.3020833cqw,25px); text-transform:uppercase; }
.night-eyebrow::before,.night-eyebrow::after { content:''; flex:none; display:block; width:clamp(22px,2.083333cqw,40px); height:9px; background:linear-gradient(90deg,transparent,#c49a4f) center/100% 1px no-repeat; }
.night-eyebrow::before { clip-path:polygon(0 45%,8% 45%,12% 5%,17% 45%,100% 45%,100% 55%,17% 55%,12% 95%,8% 55%,0 55%); background:#d6ad64; }
.night-eyebrow::after { transform:rotate(180deg); }
.night-hero h1 { position:relative; width:min(38.020833cqw,666px); height:clamp(115px,10.416667cqw,182px); margin:0 0 clamp(22px,1.8229167cqw,35px); line-height:0; background:none; }
.night-hero h1>img { position:absolute; inset:0 auto auto 0; width:100%; max-width:none; height:auto; opacity:1; transform:translateY(-22%); filter:drop-shadow(0 5px 9px #0006); }
.night-logo-flourish { position:absolute; left:0; right:0; bottom:clamp(12px,1.171875cqw,22px); height:21%; background:url('/img/midnight/logo-flourish.svg?v=20261023-2') center/100% 100% no-repeat; pointer-events:none; }
.night-hero h2 { font:700 clamp(34px,3.125cqw,56px)/1.15 Georgia,'Times New Roman',serif; letter-spacing:-.025em; margin:0 0 clamp(12px,1.041667cqw,20px); color:#f5eddf; white-space:nowrap; text-wrap:nowrap; text-shadow:0 2px 12px #0003; }
.night-hero-description { color:#b6c4d7; font:400 clamp(19px,1.6927083cqw,30px)/1.5 Georgia,'Times New Roman',serif; white-space:nowrap; }
.night-actions { display:flex; align-items:center; gap:clamp(16px,1.4322917cqw,26px); margin-top:clamp(26px,2.2135417cqw,42px); flex-wrap:nowrap; }
.night-button { position:relative; display:inline-flex; align-items:center; justify-content:center; flex:none; min-width:0; min-height:clamp(50px,4.1015625cqw,74px); height:clamp(50px,4.1015625cqw,74px); padding:12px 20px; border:0; outline:0; border-radius:0; box-shadow:none; font:400 clamp(16px,1.4322917cqw,25px)/1.2 Georgia,'Times New Roman',serif; text-transform:uppercase; white-space:nowrap; text-align:center; text-shadow:none; transition:filter .18s,transform .18s; }
.night-button-primary { width:clamp(210px,18.5546875cqw,336px); color:#181004; background:url('/img/midnight/button-gold.svg?v=20261023') center/100% 100% no-repeat; border:0; box-shadow:none; }
.night-button-secondary { width:clamp(190px,16.471354cqw,298px); padding-inline:16px; font-size:clamp(15px,1.3020833cqw,23px); color:#f4e8ce; background:url('/img/midnight/button-navy.svg?v=20261023') center/100% 100% no-repeat; border:0; box-shadow:none; }
.night-button-primary:hover { background:url('/img/midnight/button-gold.svg?v=20261023') center/100% 100% no-repeat; color:#181004; border:0; box-shadow:none; }
.night-button-secondary:hover { background:url('/img/midnight/button-navy.svg?v=20261023') center/100% 100% no-repeat; color:#f4e8ce; border:0; box-shadow:none; }
.night-button::before,.night-button::after { content:none; display:none; }
.night-button:hover { filter:brightness(1.09); transform:translateY(-1px); }
.night-button:active { filter:brightness(.94); transform:translateY(1px); }
.night-button:focus-visible { outline:2px solid #f8dc99; outline-offset:5px; }
.night-hero-notes { margin-top:clamp(23px,2.1484375cqw,40px); color:#aebdd0; font:400 clamp(13px,1.171875cqw,21px)/1.8 Georgia,'Times New Roman',serif; white-space:nowrap; }
.night-hero-notes span { color:#c6b78f; margin:0 clamp(8px,.78125cqw,15px); }
.night-features { max-width:none; margin:0 auto; padding:clamp(23px,1.5625cqw,32px) max(4.752604cqw,calc((100% - 1730px)/2)) clamp(33px,2.66927cqw,52px); background:radial-gradient(ellipse at 50% 0,#081e34,#020d1c 78%); }
.night-features>h2 { position:relative; display:flex; align-items:center; justify-content:center; gap:24px; font:400 clamp(25px,2.083333cqw,37px)/1.4 Georgia,'Times New Roman',serif; color:#f4e7ca; margin:0 0 clamp(25px,1.6927083cqw,32px); }
.night-features>h2::before,.night-features>h2::after { content:''; display:block; flex:0 1 100px; width:100px; height:1px; background:linear-gradient(90deg,transparent,#caa45f); }
.night-features>h2::after { transform:rotate(180deg); }
.night-features-grid { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(18px,1.4322917cqw,28px); }
.night-features-grid::before { content:''; position:absolute; top:-15px; left:50%; width:130px; height:1px; transform:translateX(-50%); background:linear-gradient(90deg,transparent,#bd9552 40%,transparent 40%,transparent 60%,#bd9552 60%,transparent); pointer-events:none; }
.night-features-grid::after { content:''; position:absolute; left:50%; top:-18px; width:6px; height:6px; border:1px solid #dcb775; transform:translateX(-50%) rotate(45deg); pointer-events:none; }
.night-features-grid>a { position:relative; isolation:isolate; min-width:0; min-height:clamp(110px,7.9427083cqw,145px); display:flex; align-items:center; gap:clamp(18px,1.4322917cqw,28px); padding:clamp(18px,1.5625cqw,30px) clamp(22px,1.822917cqw,36px); border:0; border-radius:0; background:linear-gradient(120deg,#06162a,#020d1c); box-shadow:none; color:inherit; transition:background .2s; }
.night-features-grid>a::before { content:none; display:none; }
.night-features-grid>a::after { content:''; position:absolute; inset:0; border:0; background:url('/img/midnight/card-frame.svg?v=20261023') center/100% 100% no-repeat; pointer-events:none; }
.night-features-grid>a:hover { background:linear-gradient(120deg,#102940,#06182c); }
.night-features-grid>a:focus-visible { outline:2px solid #eacc8e; outline-offset:5px; }
.night-feature-icon { display:block; flex:none; width:clamp(54px,4.5572917cqw,82px); height:clamp(54px,4.5572917cqw,82px); object-fit:contain; filter:none; mix-blend-mode:normal; }
.night-features-grid>a>span { min-width:0; }
.night-features-grid strong { display:block; color:#f0dfbd; font:400 clamp(21px,1.6927083cqw,30px)/1.3 Georgia,'Times New Roman',serif; }
.night-features-grid small { display:block; margin-top:6px; color:#b9c6d7; font:400 clamp(16px,1.2cqw,22px)/1.5 Georgia,'Times New Roman',serif; }
/* Shared presentation only: existing routes, form attributes and handlers stay intact. */
.evolution .site-footer { border-top:1px solid #b995502b; }
.evolution .footer-bottom nav a { text-underline-offset:4px; }
.evolution .footer-bottom nav a:hover { text-decoration:underline; }
.evolution :is(.card,.panel,.coinbox,.feat,.charrow,.faq details) { border-color:#b9955052; box-shadow:inset 0 1px 0 #f4d99a08,0 9px 24px #0002; }
.evolution :is(.btn-primary,.epic-button,.journey-button) { border:0; outline:0; background:url('/img/midnight/button-gold.svg?v=20261023') center/100% 100% no-repeat; box-shadow:none; color:#181004; }
.evolution :is(.btn-primary,.epic-button,.journey-button):hover { background:url('/img/midnight/button-gold.svg?v=20261023') center/100% 100% no-repeat; filter:brightness(1.08); color:#181004; }
.evolution :is(.btn-ghost,.epic-secondary) { border:0; background:url('/img/midnight/button-navy.svg?v=20261023') center/100% 100% no-repeat; box-shadow:none; color:#f4e8ce; }
.evolution :is(.btn-ghost,.epic-secondary):hover { background:url('/img/midnight/button-navy.svg?v=20261023') center/100% 100% no-repeat; filter:brightness(1.08); color:#fff0d2; }
.evolution .ab-centro { z-index:1; }
.evolution :is(.btn-primary,.epic-button,.journey-button):focus-visible { outline:2px solid #f0cc83; outline-offset:4px; }
@media(min-width:1101px) {
 .evolution.is-home .header-inner { position:relative; display:flex; min-height:0; height:clamp(62px,4.4921875cqw,86px); width:calc(100% - 11.067708cqw); max-width:1680px; padding:0; gap:20px; }
 .evolution.is-home .header-inner>.brand { margin:0; padding-left:clamp(20px,2.083333cqw,40px); }
 .evolution.is-home .brand-logo { width:clamp(170px,13.020833cqw,240px); height:auto; transform:translateY(-6px); }
 .evolution.is-home .main-nav { position:absolute; left:28.4%; align-self:center; justify-content:center; gap:clamp(30px,3.3854167cqw,62px); padding:0; transform:none; }
 .evolution.is-home .main-nav a { font:400 clamp(17px,1.3020833cqw,23px)/1.4 Georgia,'Times New Roman',serif; text-transform:none; padding:8px 0; }
 .evolution.is-home .main-nav a[href='/rankings'],.evolution.is-home .main-nav a[href='/moedas'] { display:none; }
 .evolution.is-home .main-nav:has(.external-arrow) { gap:clamp(16px,2cqw,30px); left:25%; }
 .evolution.is-home .header-tools { margin-left:auto; }
 .evolution.is-home .header-account { display:flex; align-items:center; justify-content:center; height:clamp(40px,2.669271cqw,48px); min-height:0; width:clamp(105px,7.161458cqw,135px); padding:7px 14px; border:0; border-radius:0; font:400 clamp(17px,1.3020833cqw,23px)/1.2 Georgia,'Times New Roman',serif; color:#f4e8ce; background:url('/img/midnight/button-navy.svg?v=20261023') center/100% 100% no-repeat; }
 .evolution.is-home .header-account .ui-icon { display:none; }
}
@media(max-width:1100px) and (min-width:901px) {
 .night-hero { height:620px; }
 .night-hero-copy { left:5%; top:75px; width:48%; }
 .night-hero h1 { width:100%; height:130px; }
 .night-eyebrow { font-size:9px; letter-spacing:.16em; gap:10px; }
 .night-hero h2 { font-size:32px; white-space:normal; }
 .night-hero-description { font-size:19px; white-space:normal; }
 .night-actions { flex-wrap:wrap; gap:12px; margin-top:25px; }
 .night-button { min-height:50px; font-size:15px; }
 .night-button-primary { width:200px; }
 .night-button-secondary { width:184px; }
 .night-hero-notes { font-size:12px; white-space:normal; }
 .night-features-grid>a { padding:22px 18px; gap:12px; }
 .night-feature-icon { width:49px; height:49px; }
 .night-features-grid strong { font-size:20px; }
 .night-features-grid small { font-size:15px; }
}
@media(max-width:1100px) {
 .evolution.is-home .site-header::before,.evolution.is-home .site-header::after { display:none; }
}
@media(max-width:900px) {
 .night-hero { min-height:0; height:auto; }
 .night-hero-art { height:500px; }
 .night-hero-art>img,.night-hero-art>video { width:100%; height:100%; object-fit:cover; object-position:75% top; }
 .night-motion-toggle { top:12px; right:12px; bottom:auto; }
 .night-hero-art::after { background:linear-gradient(0deg,#030e1d 0%,#030e1d14 40%,transparent 70%); }
 .night-hero-inner { width:calc(100% - 40px); min-height:0; height:auto; padding:370px 0 38px; }
 .night-hero-copy { position:relative; inset:auto; width:100%; text-align:center; }
 .night-eyebrow { justify-content:center; font-size:10px; letter-spacing:.16em; gap:12px; margin-bottom:18px; }
 .night-eyebrow::before,.night-eyebrow::after { width:22px; }
 .night-hero h1 { width:350px; max-width:92%; height:100px; margin:0 auto 18px; }
 .night-hero h2 { font-size:clamp(29px,5vw,38px); white-space:normal; text-wrap:balance; margin-bottom:14px; }
 .night-hero-description { font-size:20px; white-space:normal; }
 .night-actions { justify-content:center; flex-wrap:wrap; margin-top:25px; gap:12px; }
 .night-button { flex:1 1 145px; width:auto; max-width:250px; min-height:54px; height:54px; font-size:14px; padding:12px 10px; white-space:nowrap; }
 .night-hero-notes { font-size:12px; white-space:normal; margin-top:22px; }
 .night-hero-notes span { margin:0 7px; }
 .night-features { padding:26px 20px 34px; }
 .night-features>h2 { font-size:27px; gap:14px; margin-bottom:26px; }
 .night-features>h2::before,.night-features>h2::after { flex-basis:42px; }
 .night-features-grid { grid-template-columns:1fr; gap:14px; }
 .night-features-grid>a { min-height:110px; padding:22px 28px; gap:22px; }
 .night-feature-icon { width:64px; height:64px; }
 .night-features-grid strong { font-size:24px; }
 .night-features-grid small { font-size:18px; }
}
@media(max-width:400px) {
 .night-hero-inner { width:calc(100% - 32px); padding-top:340px; }
 .night-hero-art { height:465px; }
 .night-eyebrow { font-size:9px; letter-spacing:.1em; gap:8px; }
 .night-hero h1 { height:92px; }
 .night-hero-notes { font-size:11px; }
 .night-features { padding-inline:16px; }
 .night-features>h2 { font-size:24px; gap:10px; }
 .night-features-grid>a { padding:20px; gap:18px; }
 .night-feature-icon { width:56px; height:56px; }
 .night-features-grid strong { font-size:23px; }
 .night-features-grid small { font-size:16px; }
}
@media(max-width:360px) {
 .night-actions { flex-direction:column; }
 .night-button { flex:none; width:100%; max-width:280px; }
}
@media(prefers-reduced-motion:reduce) { .night-button,.night-features-grid>a { transition:none; } .night-button:hover,.night-button:active { transform:none; } }

/* Letreiro PVP em neon abaixo do logo (2026-11-07): tubo apagado por baixo e cada letra acesa por cima.
   Ciclo de 9 s pedido pelo dono: acende o P, depois o V, depois o outro P, pisca tudo junto duas vezes, fica aceso e apaga pra recomecar.
   Centro no meio da palavra Classic, que fica em 52,4% da largura do logo; o texto do neon fica em 49,65% da imagem dele. */
.night-hero h1 { margin-bottom:clamp(74px,6.2cqw,112px); }
.night-neon { position:absolute; left:52.4%; top:calc(100% - clamp(8px,.9cqw,16px)); width:clamp(180px,15.5cqw,290px); aspect-ratio:800/388; transform:translateX(-49.65%); pointer-events:none; }
.night-neon i, .neon-luz { position:absolute; inset:0; display:block; }
.night-neon i { background:url('/img/midnight/pvp-neon-azul.webp') center/100% 100% no-repeat; }
.neon-apagado { opacity:.28; filter:saturate(.55) brightness(.6); }
.neon-luz { animation:neon-respira 4.5s ease-in-out infinite; }
.neon-l1 { clip-path:inset(0 65.8% 0 0); animation:neon-p1 9s linear infinite; }
.neon-l2 { clip-path:inset(0 35.3% 0 34.2%); animation:neon-v 9s linear infinite; }
.neon-l3 { clip-path:inset(0 0 0 64.7%); animation:neon-p2 9s linear infinite; }
@keyframes neon-respira { 0%,100% { opacity:1; } 50% { opacity:.85; } }
@keyframes neon-p1 { 0%,4% { opacity:0; } 5% { opacity:1; } 6% { opacity:.3; } 7%,31% { opacity:1; } 32% { opacity:.08; } 34.5% { opacity:1; } 37% { opacity:.08; } 39.5%,89% { opacity:1; } 92%,100% { opacity:0; } }
@keyframes neon-v { 0%,12% { opacity:0; } 13% { opacity:1; } 14% { opacity:.3; } 15%,31% { opacity:1; } 32% { opacity:.08; } 34.5% { opacity:1; } 37% { opacity:.08; } 39.5%,89% { opacity:1; } 92%,100% { opacity:0; } }
@keyframes neon-p2 { 0%,20% { opacity:0; } 21% { opacity:1; } 22% { opacity:.3; } 23%,31% { opacity:1; } 32% { opacity:.08; } 34.5% { opacity:1; } 37% { opacity:.08; } 39.5%,89% { opacity:1; } 92%,100% { opacity:0; } }
@media (prefers-reduced-motion:reduce) { .neon-luz, .neon-l1, .neon-l2, .neon-l3 { animation:none; } }

/* 2026-11-07 (dono): o PVP pisca igual o flag acabando no jogo, aceso e apagado a cada segundo (substitui a sequencia P, V, P). */
.neon-luz { animation:neon-flag 1s step-end infinite; }
.neon-l1, .neon-l2, .neon-l3 { animation:none; }
@keyframes neon-flag { 0% { opacity:1; } 50% { opacity:0; } }
@media (prefers-reduced-motion:reduce) { .neon-luz { animation:none; } }

/* ===== Placas "o que voce nao vai encontrar aqui" (2026-11-08) ===== */
.night-sem { padding:8px 48px 30px; max-width:1472px; margin:auto; }
.night-sem>h2 { display:flex; align-items:center; justify-content:center; gap:24px; color:#f2e6cf; font:500 clamp(21px,2.3vw,31px)/1.4 'EB Garamond',Georgia,serif; text-align:center; margin:0 0 22px; }
.night-sem>h2::before,.night-sem>h2::after { content:''; width:80px; height:1px; background:linear-gradient(90deg,transparent,#ac874a); }
.night-sem>h2::after { transform:rotate(180deg); }
.night-sem-grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.night-sem-grid li { position:relative; padding:24px 18px 20px; text-align:center; background:linear-gradient(180deg,#0b1828 0%,#050d18 100%); border:1px solid #ac874a3d; border-radius:10px; box-shadow:inset 0 1px 0 #ffffff0d, 0 12px 30px #00000080; overflow:hidden; }
.night-sem-grid li::before { content:''; position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,transparent,#ac874a88,transparent); }
.sem-palavra { position:relative; display:inline-block; padding:0 4px; font:600 clamp(20px,2vw,29px)/1.15 Cinzel,Georgia,serif; letter-spacing:.08em; text-transform:uppercase; color:#ece4d4; text-shadow:0 2px 10px #000; white-space:nowrap; }
.sem-palavra::after { content:''; position:absolute; left:-7%; right:-7%; top:57%; height:4px; margin-top:-2px; border-radius:3px; background:linear-gradient(90deg,#ff6a00,#ff9a3c); box-shadow:0 0 12px #ff7a1aa6; transform:rotate(-7deg) scaleX(0); transform-origin:left center; }
.night-sem.visto .sem-palavra::after { animation:semRisco .55s cubic-bezier(.2,.8,.2,1) forwards; }
.night-sem.visto li:nth-child(2) .sem-palavra::after { animation-delay:.15s; }
.night-sem.visto li:nth-child(3) .sem-palavra::after { animation-delay:.3s; }
.night-sem.visto li:nth-child(4) .sem-palavra::after { animation-delay:.45s; }
@keyframes semRisco { to { transform:rotate(-7deg) scaleX(1); } }
.night-sem-grid small { display:block; margin-top:14px; color:#9fb0c6; font-size:14px; line-height:1.5; }
@media (prefers-reduced-motion: reduce) { .night-sem .sem-palavra::after, .night-sem.visto .sem-palavra::after { animation:none; transform:rotate(-7deg) scaleX(1); } }
@media (max-width:980px) { .night-sem { padding:8px 16px 26px; } .night-sem-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } }
@media (max-width:420px) { .night-sem>h2::before,.night-sem>h2::after { width:28px; } .night-sem-grid li { padding:20px 8px 16px; } .sem-palavra { font-size:17px; letter-spacing:.04em; } .night-sem-grid small { font-size:13px; } }