/* Primeira identidade visual: ruínas, pergaminho e ouro de Ashenfall. */
:root{--bg:#0a100f;--panel:#101917;--panel2:#17221d;--line:#385046;--text:#f4ede0;--muted:#aeb7a6;--gold:#d7ad58;--cyan:#9ecfb6;--green:#a8d879;--red:#dc786a}body{background:radial-gradient(900px 520px at 82% -5%,#576b383b,transparent 62%),radial-gradient(760px 500px at 0 15%,#1a464140,transparent 65%),linear-gradient(180deg,#0b1411,#080d0c 70%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(115deg,transparent 0 48%,#d7ad5809 49%,transparent 50%),repeating-linear-gradient(0deg,transparent 0 3px,#ffffff03 4px);mix-blend-mode:screen}.topbar{height:82px;border-bottom-color:#d7ad5838;background:#0b110eee}.brand{font-size:16px}.brand i{line-height:39px;width:39px;background:linear-gradient(135deg,#f3d587,#a27531);box-shadow:0 0 24px #d7ad5844}.topbar nav a{font-size:11px;text-transform:uppercase;letter-spacing:.13em}.server-chip{border-color:#d7ad5866;background:#d7ad5810;color:#d8d4c8}.server-chip.online{border-color:#a8d879aa;color:#c8e79f;box-shadow:inset 0 0 18px #a8d87913}main{max-width:1360px}.hero-realm{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.52fr);gap:64px;align-items:center;max-width:none;min-height:520px;padding:105px 0 74px}.hero-kicker{font:700 12px/1.4 ui-sans-serif,sans-serif;letter-spacing:.19em;color:#d7ad58;margin:0 0 17px}.hero h1{font-size:clamp(55px,7vw,94px);max-width:760px;text-shadow:0 5px 30px #000}.intro{font-size:18px;color:#c3caba}.hero-sigil{position:relative;min-height:330px;display:flex;flex-direction:column;justify-content:end;padding:34px;border:1px solid #d7ad5866;background:linear-gradient(145deg,#1b2a20ee,#101713cc 66%,#62512b99);box-shadow:inset 0 0 0 7px #d7ad5809,0 25px 55px #0006;overflow:hidden}.hero-sigil:before{content:"";position:absolute;inset:-40px 10% 27% 35%;background:radial-gradient(ellipse,#d7ad5840,transparent 65%);transform:rotate(-22deg)}.hero-sigil:after{content:"✦";position:absolute;right:16px;top:-28px;font:180px/1 Georgia,serif;color:#d7ad581a}.hero-sigil>*{position:relative}.sigil-rune{font:700 48px/1 Georgia,serif;color:#f3d587;margin-bottom:auto;text-shadow:0 0 26px #d7ad58}.hero-sigil small{letter-spacing:.16em;font-size:10px;color:#d7ad58;font-weight:800}.hero-sigil b{font:700 29px/1.05 Georgia,serif;margin:11px 0}.hero-sigil p{font-size:13px;line-height:1.55;color:#d1d7c7;margin:0}.metrics{position:relative;z-index:1;gap:14px}.metrics article,.leaderboard-card,.player-card,.detail-card,.share-card{border-color:#496052;background:linear-gradient(145deg,#17231d,#101714)}.metrics article{position:relative;overflow:hidden;padding:25px 23px}.metrics article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#f1d080,#916c2d)}.metrics b{color:#f6eedc}.welcome-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:14px}.welcome-card{min-height:205px;border:1px solid #496052;background:linear-gradient(145deg,#15211c,#0e1613);padding:26px;box-shadow:inset 0 1px #ffffff09}.welcome-card h2{font:700 29px/1.05 Georgia,serif;margin:12px 0}.welcome-card h3{font:700 19px Georgia,serif;margin:20px 0 8px}.welcome-card p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.welcome-story{background:linear-gradient(125deg,#263323,#151b16 55%,#5e482367)}.card-rune{display:block;width:42px;height:42px;padding-top:10px;text-align:center;border:1px solid #d7ad5877;background:#d7ad5814;color:#e7c573;font:22px/1 Georgia,serif}.section{padding-top:100px}.section-heading h2,.card-heading h2{font-size:39px}.leaderboard-card{border-radius:2px;box-shadow:0 18px 45px #0004}.table-head{background:#d7ad580b}.table-row:hover{background:#263a2e}.rank{color:#edca72}.player-card{border-radius:2px;min-height:175px;background:linear-gradient(155deg,#19261f,#111a16)}.player-card:hover{border-color:#e7c573;box-shadow:0 16px 30px #0007}.player-card h3{font:700 20px Georgia,serif}.view-profile{letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:#e7c573}.profile-hero{padding-top:86px}.profile-hero h1{font-size:clamp(50px,7vw,84px)}.share-card{border-radius:2px;border-color:#d7ad5866}.share-card button,.button{background:linear-gradient(135deg,#f0d17f,#b5833e);border:0;border-radius:2px}.detail-card{border-radius:2px}.skills-list{gap:10px}.skill-row-rich{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px}.skill-glyph{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d7ad5877;border-radius:50%;background:#d7ad5811;color:#efd186;font:21px/1 Georgia,serif;font-style:normal}.skill-row-rich span{font-size:13px;color:#edf0e5}.skill-row-rich b{display:block;font-size:12px;margin:3px 0 6px;color:var(--muted)}.skill-row-rich em{float:none;align-self:start;padding-top:2px}.skill-track{height:4px;overflow:hidden;background:#07100c;border-radius:99px}.skill-track i{display:block;height:100%;background:linear-gradient(90deg,#8a6a34,#e7c573);border-radius:inherit}.quest-list li{border-left-color:#d7ad58}.badges span{border-radius:2px}.equipment div{border-bottom-color:#ffffff13}footer{border-top-color:#d7ad582c;background:#090e0c;color:#9faa9d}
@media(max-width:980px){.hero-realm{grid-template-columns:1fr;gap:26px;min-height:auto}.hero-sigil{max-width:620px;min-height:230px}.welcome-grid{grid-template-columns:1.2fr 1fr}.welcome-story{grid-column:span 2}}@media(max-width:620px){.topbar{height:68px}.hero-realm{padding:72px 0 45px}.hero h1{font-size:50px}.welcome-grid{grid-template-columns:1fr}.welcome-story{grid-column:auto}.welcome-card{min-height:160px}.section{padding-top:72px}.section-heading h2,.card-heading h2{font-size:31px}.skill-row-rich{grid-template-columns:38px minmax(0,1fr)}.skill-row-rich em{grid-column:2;font-size:11px;padding:0}.hero-sigil{min-height:220px;padding:25px}}

/* Convite e atalho do Discord da comunidade DWBR. */
.topbar-actions{display:flex;align-items:center;gap:10px}.discord-top-link{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(172,132,255,.45);background:rgba(89,60,158,.11);color:#dfd3ff;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;transition:.2s background,.2s border-color,.2s transform}.discord-top-link svg{width:17px;height:17px}.discord-top-link:hover{border-color:#c4adff;background:rgba(137,93,235,.24);transform:translateY(-1px)}
.discord-rally{position:relative;display:grid;grid-template-columns:1fr minmax(300px,.8fr);gap:50px;align-items:center;margin-top:26px;padding:42px 46px;overflow:hidden;border:1px solid rgba(172,132,255,.3);background:radial-gradient(circle at 86% 16%,rgba(130,88,232,.26),transparent 34%),linear-gradient(120deg,rgba(36,27,56,.8),rgba(21,24,29,.93))}.discord-rally:after{content:'DWBR';position:absolute;right:28px;bottom:-31px;color:rgba(221,205,255,.055);font:700 7rem Georgia,serif;letter-spacing:-.08em;pointer-events:none}.discord-rally h2{margin:0 0 15px;font:700 clamp(2rem,3.2vw,3.35rem)/1.03 Georgia,serif}.discord-rally p:not(.eyebrow){max-width:540px;margin:0;color:var(--muted);line-height:1.7}.discord-cta{position:relative;z-index:1;display:flex;align-items:center;gap:15px;padding:18px 20px;border:1px solid rgba(218,204,255,.52);background:rgba(15,15,24,.56);color:#f5f0ff;box-shadow:0 14px 30px rgba(0,0,0,.2);transition:.2s transform,.2s background,.2s border-color}.discord-cta:hover{transform:translateY(-3px);border-color:#dacbff;background:rgba(113,77,196,.26)}.discord-cta-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#6b4bbd;color:#fff}.discord-cta-icon svg{width:27px;height:27px}.discord-cta small{display:block;margin-bottom:4px;color:#bfaaff;font:700 .59rem ui-sans-serif,sans-serif;letter-spacing:.14em}.discord-cta b{display:block;font:600 1.06rem Georgia,serif;white-space:nowrap}.discord-cta>i{margin-left:auto;color:#cbb9ff;font:400 1.35rem Georgia,serif}
@media(max-width:620px){.discord-top-link span{display:none}.discord-top-link{padding:8px}.topbar-actions{gap:7px}.discord-rally{grid-template-columns:1fr;gap:26px;margin:18px;padding:34px 28px}}
/* Brasão DWBR: marca compartilhada pelo portal e pela comunidade. */
.brand{gap:10px}.brand .brand-crest{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}.hero-crest{position:relative;width:128px;height:128px;object-fit:contain;margin-bottom:auto;filter:drop-shadow(0 8px 13px rgba(0,0,0,.35))}@media(max-width:620px){.brand .brand-crest{width:39px;height:39px}.hero-crest{width:94px;height:94px}}