/* Identidade aprovada: ELIGIUM WP / WELL PLAYED. Recursos locais, sem CDN. */
:root { --fundo:#080708; --superficie:#0e0c0e; --superficie-alta:#191415; --texto:#f3e9d8; --texto-suave:#c5b9a8; --destaque-rgb:222,178,94; --destaque-claro:#ffe0a0; --borda:#796037; --campo-fundo:#090809; --campo-borda:#786441; --placeholder:#aca291; --cartao-gradiente:#151013; --fundo-topo:#080608f5; --raio:2px; --largura:1380px; }
[hidden] { display:none!important; }
body { background:#080708; }
body::before { z-index:-1; background:linear-gradient(#07060955,#070609db 900px),url('../assets/confronto.webp') center top / cover no-repeat; }
.home::before { background:none; }
h1,h2,h3 { color:#f2d49a; }
.header { position:relative; z-index:5; background:linear-gradient(#0a070a,#100a0b); border-bottom:1px solid #a58041; box-shadow:0 2px 25px #000; }
.header-inner { min-height:114px; gap:24px; }
.brand { display:flex; flex-direction:column; gap:1px; flex-shrink:0; white-space:normal; width:238px; }
.brand img { width:100%; height:auto; object-fit:contain; }
.brand small { color:#f6d995; font:11px Georgia,serif; letter-spacing:.35em; margin:0; }
.nav { gap:22px; }
.nav a { color:#ead9bc; font:13px Georgia,serif; text-transform:uppercase; white-space:nowrap; }
.nav a:hover,.nav a[aria-current] { text-shadow:0 0 18px #ff9c25; color:#ffd98a; }
.nav .nav-login { border:1px solid #b58b47; border-radius:0; background:linear-gradient(#171014,#090709); padding:12px 22px; }
.logout { color:#ddc89e; background:none; border:1px solid #6b5433; padding:10px 14px; font:13px Georgia,serif; cursor:pointer; }
.button { background:linear-gradient(#aa130f,#4b070b); border:1px solid #cda55a; border-radius:0; color:#fff0cd; box-shadow:inset 0 0 0 3px #25080b,inset 0 0 0 4px #9c693f,0 5px 20px #0006; font:17px Georgia,serif; text-transform:uppercase; padding:15px 30px; }
.button:hover { background:linear-gradient(#d22417,#650810); color:#fff7e6; }
.button.secondary { background:linear-gradient(#191113,#080709); color:#f4dfb4; border-color:#b18947; }
.button:disabled { color:#b7ad9a; background:linear-gradient(#242024,#121013); border-color:#73694f; cursor:not-allowed; box-shadow:inset 0 0 0 3px #151216; }
.battle-hero { position:relative; display:flex; flex-direction:column; align-items:center; min-height:660px; height:min(56vw,790px); padding-top:55px; background:linear-gradient(#08070810 60%,#080708 100%),url('../assets/confronto.webp') center 42% / cover no-repeat; text-align:center; isolation:isolate; }
.hero-title { display:flex; align-items:center; justify-content:center; gap:20px; position:relative; }
.hero-title::before { content:''; position:absolute; z-index:-1; inset:-20px -30px; background:radial-gradient(ellipse,#000a,transparent 75%); }
.hero-title h1 { font:clamp(36px,5vw,82px)/1.15 Georgia,serif; text-transform:uppercase; color:#f9d89e; text-shadow:0 2px 4px #000,0 0 20px #000; letter-spacing:-.035em; }
.hero-title h1 span { font-size:.6em; }
.faction-emblem { width:108px; height:108px; flex-shrink:0; background:url('../assets/faccoes.webp') 0 center / 200% 100% no-repeat; }
.faction-emblem.daemon { background-position:100% center; }
.hero-subtitle { font:clamp(17px,1.8vw,25px) Georgia,serif; margin:12px 0 0; text-shadow:0 2px 6px #000,0 0 15px #000; background:#07060977; padding:8px 20px; }
.hero-actions { margin-top:auto; padding:0 20px 26px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; max-width:740px; }
.hero-actions small { flex-basis:100%; font-size:12px; text-shadow:0 2px 4px #000; }
.classes-section { padding:12px 0 58px; }
.ornate-title { display:flex; align-items:center; justify-content:center; gap:24px; font:clamp(25px,3vw,38px) Georgia,serif; text-transform:uppercase; margin-bottom:24px; text-align:center; }
.ornate-title::before,.ornate-title::after { content:''; height:1px; width:15%; background:linear-gradient(90deg,transparent,#d7a74e); }
.ornate-title::after { transform:rotate(180deg); }
.classes-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.class-card { border:1px solid #aa8243; background:#100b0d; position:relative; transition:transform .2s,box-shadow .2s; }
.class-card:hover { transform:translateY(-5px); box-shadow:0 0 22px #a1311a44; }
.class-card::before,.card::before { content:''; position:absolute; top:-5px; left:calc(50% - 4px); width:8px; height:8px; transform:rotate(45deg); background:#ae1319; border:1px solid #e4ad51; }
.class-art { background-image:url('../assets/classes.webp'); background-size:600% auto; background-position:calc(var(--classe)*20%) 22%; aspect-ratio:3/4; }
.class-card h3 { font:18px Georgia,serif; text-transform:uppercase; text-align:center; padding:12px 3px; border-top:1px solid #84613a; }
.class-card p { font-size:12px; color:#bcac97; text-align:center; padding:0 10px 10px; margin:0; }
.footer { margin-top:0; background:linear-gradient(#090709d9,#090709),url('../assets/confronto.webp') center bottom / cover; border-top:1px solid #8b6637; }
.footer-top { display:flex; align-items:center; justify-content:space-between; padding-block:32px; gap:24px; }
.footer-top > span { font:13px Georgia,serif; }
.footer-top small { font:11px 'Segoe UI',sans-serif; color:#b6a991; }
.footer .brand { width:170px; }
.footer .brand small { font:10px Georgia,serif; letter-spacing:.3em; color:#f0ce8a; }
.footer-links { display:flex; gap:20px; font:12px Georgia,serif; text-transform:uppercase; }
.footer-bottom { font-size:11px; padding-block:12px; border-top:1px solid #382b21; color:#a99b88; }
.page-main { padding-top:42px; }
.page-heading { text-align:center; margin-bottom:36px; }
.page-heading h1 { font:clamp(35px,5vw,66px) Georgia,serif; text-transform:uppercase; letter-spacing:0; text-shadow:0 2px 15px #000; }
.page-heading p { font:20px Georgia,serif; color:#ede0ca; margin:14px auto; max-width:760px; }
.ruby-divider { display:block; width:260px; height:1px; background:linear-gradient(90deg,transparent,#c59b4c,transparent); margin:20px auto 0; position:relative; }
.ruby-divider::after { content:''; position:absolute; width:9px; height:9px; left:50%; top:-4px; background:#b6161b; border:1px solid #edbf66; transform:rotate(45deg); }
.card { position:relative; background:linear-gradient(145deg,#120e12f5,#080708f5); border:1px solid #8a6939; box-shadow:inset 0 0 0 3px #0b080b,0 10px 28px #0005; }
.notice { background:#0b090be8; border:1px solid #78603c; color:#c9bca6; }
.download-panel { min-height:270px; padding:40px; background:linear-gradient(90deg,#05040633,#090709fa 63%),url('../assets/confronto.webp') left 64%/cover; }
.download-panel>div { margin-left:40%; }
.download-panel h2 { margin-block:12px; font-size:30px; }
.steps { gap:24px; }
.steps li { border:1px solid #98733f; background:#0b080bee; padding:26px; }
.form-layout { gap:50px; max-width:1160px; }
.form-intro { min-height:540px; padding:30px 20px; background:linear-gradient(#06040766,#06040700),url('../assets/confronto.webp') 15% 58%/auto 100%; border-bottom:1px solid #796039; }
.form-intro h1 { font:clamp(34px,4vw,52px) Georgia,serif; text-transform:uppercase; text-shadow:0 2px 8px #000; }
.form-intro>p { font:22px Georgia,serif; color:#f2dfbb; }
.form-intro .notice { margin-top:250px; font-size:13px; }
.form-card h2 { text-transform:uppercase; text-align:center; font-size:32px; }
.field input { border-radius:1px; }
.cash-layout { grid-template-columns:minmax(0,2fr) minmax(270px,1fr); }
.choice-grid .choice-surface { padding:26px 12px 20px; background:#0b080be8; text-align:center; }
.choice-grid .choice:nth-child(1) { --cash:0; }.choice-grid .choice:nth-child(2) { --cash:1; }.choice-grid .choice:nth-child(3) { --cash:2; }
.cash-art { display:block; height:170px; background:url('../assets/cash.webp') calc(var(--cash)*50%) center / 300% 100%; margin-bottom:12px; }
.choice input:checked+.choice-surface { background:#140d0c; box-shadow:0 0 20px #bd741844; }
.order-summary { background:#090709ed; }
.update-groups { grid-template-columns:1fr; gap:14px; }
.update-groups section { display:grid; grid-template-columns:120px 1fr; gap:16px; border-top:1px solid #4b3824; padding-top:16px; }
.update-groups h3 { margin:0; font:19px Georgia,serif; }
.account-main { padding-block:32px 60px; }
.account-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:24px; }
.account-sidebar { display:flex; flex-direction:column; align-self:start; padding:18px; gap:5px; }
.account-sidebar a { display:flex; gap:14px; align-items:center; padding:16px 10px; font:14px Georgia,serif; text-transform:uppercase; border-bottom:1px solid #3c2c23; }
.account-sidebar a span { color:#e0b369; font-size:22px; }
.account-sidebar a[aria-current] { background:linear-gradient(90deg,#684015,#1b100f); border:1px solid #b4823b; }
.account-sidebar .logout { margin-top:16px; }
.account-content { min-width:0; background:#090709bd; padding:24px; border:1px solid #80613a; }
.account-content>h2 { font-size:30px; margin-bottom:24px; }
.summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.summary-grid .card { padding:22px; min-width:0; }.summary-grid .button { font-size:12px; padding:12px; }
.big-value { display:block; font:34px Georgia,serif; color:#ffdb90; margin-bottom:5px; }
.section-label { font:24px Georgia,serif; margin:28px 0 16px; }
.character-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.character-card { display:grid; grid-template-columns:38% 1fr; border:1px solid #a27a3f; background:#100b0d; }
.character-card>div:last-child { padding:18px 12px; }
.character-card h3 { font:19px Georgia,serif; margin:10px 0 6px; }
.character-card p { font-size:12px; margin-bottom:10px; }
.daemon-tag { border-color:#b84932; color:#e78f6a; }
.account-shortcuts { display:flex; flex-wrap:wrap; gap:14px; }.account-shortcuts .button { font-size:13px; }
.integration-notice { margin:24px 0 0; font-size:12px; }
.balance-panel { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.balance-panel p { margin:0; }
.history { margin-bottom:24px; }.history h3 { margin-bottom:20px; }
.table-scroll { overflow:auto; }table { width:100%; border-collapse:collapse; font-size:13px; }th,td { padding:15px; border-bottom:1px solid #473323; text-align:left; }td[colspan] { text-align:center; padding:50px 12px; }td small { color:#b9a78b; }
.security-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.security-grid h3 { font:24px Georgia,serif; margin-bottom:16px; }.security-grid .button { font-size:13px; }
.support-card h3 { font:26px Georgia,serif; margin-bottom:18px; }
.support-card p { margin-top:18px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1150px){.header-inner{gap:15px}.brand{width:200px}.nav{gap:14px}.nav a{font-size:12px}.nav .nav-login{padding:10px}.classes-grid{gap:10px}.class-card h3{font-size:15px}.account-layout{grid-template-columns:200px minmax(0,1fr)}.summary-grid{grid-template-columns:1fr}.character-grid{grid-template-columns:1fr}.account-content{padding:20px}}
@media(max-width:950px){.header-inner{flex-wrap:wrap;padding-block:12px}.menu-button{display:inline-flex;border-color:#947346}.nav{width:100%;margin:0;flex-direction:column;align-items:stretch}.js .nav{display:none}.js .nav.is-open{display:flex}.nav a{padding:12px}.hero-title{gap:8px}.faction-emblem{width:75px;height:75px}.battle-hero{min-height:570px}.classes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.class-card h3{font-size:18px}.cash-layout{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr}.form-layout{gap:24px}.footer-top{flex-wrap:wrap}}
@media(max-width:650px){.container{width:calc(100% - 32px)}.brand{width:180px}.header-inner{min-height:98px}.battle-hero{min-height:510px;height:70vh;max-height:650px;padding-top:30px;background-position:center}.hero-title{flex-wrap:wrap;gap:3px}.hero-title h1{order:1;flex-basis:100%;font-size:36px;margin-top:6px}.faction-emblem{width:62px;height:62px}.hero-subtitle{max-width:90%;font-size:17px}.hero-actions{padding-bottom:18px;gap:10px}.hero-actions .button{padding:14px 18px;font-size:13px;gap:12px}.classes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.class-card h3{font-size:16px}.class-card p{font-size:11px}.classes-section{padding-bottom:35px}.footer-top{flex-direction:column;text-align:center}.footer-top>.brand{order:-1}.page-heading h1{font-size:36px}.page-heading p{font-size:18px}.page-main{padding-top:30px}.form-layout{grid-template-columns:1fr}.form-intro{min-height:270px;background-size:cover;padding:25px}.form-intro .notice{margin-top:90px}.form-card{padding:25px}.download-panel{padding:24px;flex-direction:column;align-items:flex-start;gap:22px;background:linear-gradient(#090709ad,#090709ea),url('../assets/confronto.webp') center/cover}.download-panel>div{margin-left:0}.steps{grid-template-columns:1fr}.choice-grid{gap:8px}.choice-grid .choice-surface{padding:24px 6px 14px}.choice-title{font-size:23px}.choice-price{font-size:14px}.cash-art{height:100px}.choice-unit{font-size:11px}.choice-grid .choice input{left:8px;top:8px}.update-card{padding:24px}.update-groups section{grid-template-columns:1fr;gap:5px}.account-layout{grid-template-columns:1fr}.account-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.account-sidebar a{padding:10px 8px;font-size:12px;gap:8px}.account-sidebar .logout{margin:0;align-self:center}.account-content{padding:18px}.account-content>h2{font-size:26px}.summary-grid{grid-template-columns:1fr}.character-card{grid-template-columns:35% 1fr}.balance-panel{flex-direction:column;align-items:flex-start}.balance-panel .button{font-size:12px}.history{padding:16px}.security-grid .card{padding:20px}.integration-notice{padding:15px}.account-shortcuts{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.class-card{transition:none}.class-card:hover{transform:none}}
@media(max-width:650px){.hero-title{max-width:100%}.hero-title::before{inset:-20px 0}.ornate-title{gap:10px}.ornate-title::before,.ornate-title::after{flex-shrink:1}}
@media(max-width:650px){.choice-grid .choice-surface{display:flex;flex-direction:column;gap:6px;align-items:center}.cash-art{width:100%;height:150px;background-size:300% auto}.choice-grid .choice-price{font-size:18px}.choice-grid .choice-title{font:28px Georgia,serif}}