:root{color-scheme:dark;--bg:#100e0e;--panel:#191515;--text:#eee5d8;--muted:#b3aaa2;--gold:#c7a779;--line:#40332b;--red:#a92726;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 var(--sans)}a{color:inherit;text-decoration:none}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #f5ce85;outline-offset:6px}a{transition:color .18s,background .18s,transform .18s,box-shadow .18s}a:hover{color:#f3cd8b}a:active{transform:translateY(2px)}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:clamp(32px,3.1vw,48px);line-height:1.2;letter-spacing:-1.5px;margin-bottom:26px}h2 em,h1 em{color:var(--gold);font-style:normal}p{color:var(--muted)}.header{height:96px;padding:0 clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #70513b40;background:#0e0b0b;gap:28px}.brand{display:flex;align-items:center;gap:13px;font:700 23px/1 var(--serif);letter-spacing:2px}.brand small{display:block;font:9px/1 var(--sans);letter-spacing:2.3px;color:var(--gold);margin-top:9px}.header nav{display:flex;gap:34px;font-size:13px;color:#cfc5ba}.shop-link{border:1px solid #70513b;padding:9px 19px;font-size:12px;letter-spacing:.5px}.shop-link span{margin-left:24px;color:var(--gold)}.hero{position:relative;isolation:isolate;background:#170909;overflow:hidden;min-height:805px;padding-top:48px}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(#0906068a,#17030355 55%,#100e0e 99%),url('fundo-site.webp') center 30%/cover no-repeat;opacity:.65}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center,#12070722 10%,#0907075c 75%)}.hero-heading{text-align:center;position:relative;z-index:2}.eyebrow{font:10px/1.6 var(--sans);font-weight:600;letter-spacing:2.8px;color:var(--gold);margin-bottom:22px}.hero-heading .eyebrow{display:flex;justify-content:center;align-items:center;gap:18px}.hero-heading .eyebrow span{width:40px;height:1px;background:#a481555f}h1{font-size:clamp(58px,5.6vw,88px);line-height:1.03;letter-spacing:-3px;margin:0 0 21px;text-shadow:0 3px 25px #0008}.hero-heading>p:last-child{font-size:13px;letter-spacing:.25px;color:#c7b8ad;line-height:1.8;margin-bottom:0}.mobile-break{display:none}.battle-stage{max-width:1480px;margin:-32px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 244px minmax(0,1fr);align-items:center;position:relative}.team{position:relative;padding-bottom:82px;min-width:0}.team>img{width:100%;max-height:500px;object-fit:contain;filter:drop-shadow(0 12px 16px #0005);transition:filter .3s,transform .3s}.team:hover>img{filter:drop-shadow(0 0 15px #d187373b);transform:translateY(-4px)}.team-one{margin-right:-33px}.team-two{margin-left:-33px}.team-caption{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:12px}.overline{font-size:9px;font-weight:600;letter-spacing:2.5px;color:#c4ae93;line-height:1.5}.button{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;min-height:51px;line-height:1.5;font-size:12px;font-weight:600;letter-spacing:.3px;border:1px solid #957247;background:linear-gradient(110deg,#352519f0,#1b1513f0);box-shadow:0 8px 22px #0003}.button span{color:var(--gold);font-size:18px;font-weight:400}.button:hover{background:#463020;box-shadow:0 0 20px #c38d3420}.battle-button{min-width:280px}.hero-actions{position:relative;z-index:3;padding-top:76px;align-self:center;text-align:center}.hero-actions .button{margin-bottom:12px}.center-sigil{color:var(--gold);font-size:32px;line-height:1;margin-bottom:24px}.hero-actions .overline{font-size:8px;letter-spacing:2px;margin-bottom:18px}.button-quiet{background:#120e0ed9;border-color:#5a4035;text-align:left}.button-red{background:linear-gradient(110deg,#a12b27,#74201e);border-color:#c25b49}.button-red:hover{background:#b8372d}.small-note{font-size:9px;color:#a68c7b;margin:17px -20px 0}.scroll-cue{display:flex;flex-direction:column;align-items:center;font-size:8px;letter-spacing:2.5px;color:#b49a7b;gap:9px;margin:0 auto 23px;position:relative;z-index:2}.scroll-cue>span:last-child{font-size:21px;line-height:1}.section-wrap{max-width:1256px;margin:auto;padding:90px 48px}.universe{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:center;border-bottom:1px solid var(--line);padding-top:70px;padding-bottom:70px}.universe h2{font-size:32px;line-height:1.4;margin:0}.universe-copy p{font-size:14px}.text-link{font-size:12px;color:var(--gold);display:inline-flex;gap:50px;border-bottom:1px solid #796044;padding:5px 0}.about{display:grid;grid-template-columns:1fr 1.6fr;gap:110px}.section-number{display:block;color:#7f6b58;font-size:9px;letter-spacing:2px;margin-top:40px}.about-content h3{font-size:26px;margin-bottom:22px}.about-content>p{font-size:14px;line-height:1.95}.values{margin:35px 0 0}.values>div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line);font-size:13px}.values dt{font-family:var(--serif);font-size:18px}.values dt span{font:9px var(--sans);color:var(--gold);margin-right:14px}.values dd{margin:0;color:var(--muted)}.mission-status{display:block;color:var(--gold);font-size:10px;margin-top:8px}.community{display:grid;grid-template-columns:1fr 1.3fr;gap:110px;border-top:1px solid var(--line);padding-top:80px;padding-bottom:80px}.community-heading>p:last-child{font-size:13px}.social-links a{display:flex;gap:26px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);font:22px/1.4 var(--serif)}.social-links a:first-child{border-top:1px solid var(--line)}.social-mark{color:var(--gold);width:30px;text-align:center;font:30px var(--sans)}.social-links small{font:11px var(--sans);color:var(--muted);display:block;margin-top:5px}.social-links a>span:last-child{margin-left:auto;font:22px var(--sans);color:var(--gold)}.footer{border-top:1px solid var(--line);padding:38px clamp(24px,4vw,72px);display:flex;justify-content:space-between;align-items:center;gap:30px;background:#0c0b0b}.footer-brand{font:700 18px var(--serif);letter-spacing:2px}.footer-brand span{display:block;font:10px var(--sans);letter-spacing:.2px;color:#95877c;margin-top:10px}.footer>div{display:flex;align-items:center;gap:26px;font-size:11px;color:#b9aba0}.copyright{color:#8e8177;font-size:10px}.skip{position:absolute;top:10px;left:20px;z-index:20;background:#eee5d8;color:#17100d;padding:12px;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}.page-hero{padding:65px 24px 70px;text-align:center;border-bottom:1px solid var(--line);background:linear-gradient(#100b0b9c,#100e0ef2),url('fundo-site.webp') center 42%/cover}.page-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.12;max-width:850px;margin:0 auto 24px;letter-spacing:-2px}.page-hero p:last-child{font-size:14px;max-width:560px;margin:auto}.back-link{display:inline-block;font-size:12px;color:var(--gold);margin-bottom:30px}.guide-nav{display:flex;justify-content:center;gap:32px;margin-top:30px;font-size:11px;letter-spacing:1px}.guide-intro{padding-bottom:65px}.guide-intro .lead{max-width:740px;font-size:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:35px 0}.stat{border-top:1px solid #796044;padding-top:19px}.stat strong{font:42px var(--serif);color:var(--gold);display:block}.stat span{font-size:12px;color:var(--muted)}.rules-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:40px}.rules-columns h3{font-size:25px}.rules-columns p,.rules-columns li{font-size:14px;color:var(--muted)}.rules-columns ol{padding-left:22px}.rules-columns li{margin-bottom:7px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--gold);font-weight:500}td{color:var(--muted)}.note{font-size:12px;color:#bca891}.downloads-section{background:#1e1412;border-block:1px solid var(--line)}.downloads{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;padding-top:55px;padding-bottom:55px}.downloads h2{margin-bottom:15px}.downloads p{font-size:14px}.download-link{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #604235}.download-link:first-child{border-top:1px solid #604235}.file-icon{border:1px solid #886747;padding:8px;font-size:10px;color:var(--gold)}.download-link strong{font-size:14px;font-weight:500}.download-link small{display:block;color:var(--muted);font-size:11px}.download-link>span:last-child{margin-left:auto;color:var(--gold);font-size:24px}.character-intro{max-width:740px}.art-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:start;margin-top:45px}.art-layout figure{margin:0}.art-layout figure img{border:1px solid var(--line)}figcaption{font-size:11px;color:var(--muted);margin-top:13px}figcaption a{text-decoration:underline;color:var(--gold);text-underline-offset:3px}.attribute-list{margin:0}.attribute-list>div{border-top:1px solid var(--line);padding:16px 0}.attribute-list dt{font:21px var(--serif);color:var(--text)}.attribute-list dd{margin:5px 0 0;font-size:13px;color:var(--muted)}.rarity-section{border-top:1px solid var(--line)}.rarity-list{padding:0;list-style:none;margin:0}.rarity-list li{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center;font:21px var(--serif)}.rarity-list small{display:block;font:12px var(--sans);color:var(--muted);margin-top:6px}.orb{width:18px;height:18px;border:2px solid #ffffff30;display:inline-block;flex-shrink:0;border-radius:50%}.common{background:#d6d8df}.rare{background:#12b1ec}.epic{background:#a45ed1}.legend{background:#f4c63b}.mythic{background:#d83025}.chaotic{background:#222;box-shadow:0 0 0 1px #666}.unknown{background:#c90000;box-shadow:inset 0 0 7px #000}.example{padding:20px;border-left:2px solid #886747;background:#191411;font-size:13px;margin-top:22px}.example strong{color:var(--gold)}.end-link{text-align:center;padding:10px 24px 60px}.document{max-width:860px;padding-top:55px}.document h2{font-size:29px;letter-spacing:-.5px;margin-top:45px;margin-bottom:16px}.document h3{font-size:22px}.document p,.document li{font-size:14px}.document li{color:var(--muted);margin-bottom:10px}.draft-badge{display:inline-block;border:1px solid #8f6a38;color:#edc28b;background:#2b2115;padding:5px 12px;font-size:11px;margin-bottom:22px}.pending{color:#e0bb80;background:#302418;padding:2px 6px}.review-box{padding:23px;border:1px solid #6e5130;background:#211a13;margin-top:30px}.review-box p:last-child{margin-bottom:0}.document a{text-decoration:underline;text-underline-offset:4px;color:var(--gold)}
@media(min-width:1600px){.hero{padding-top:60px}.battle-stage{margin-top:-55px}.team>img{max-height:560px}.hero-actions{padding-top:80px}}@media(max-width:1050px){.header nav{gap:20px}.battle-stage{grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);margin-top:10px}.team-one{margin-right:-20px}.team-two{margin-left:-20px}.team{padding-bottom:110px}.team-caption{bottom:25px}.battle-button{min-width:0;width:90%;font-size:11px;padding:12px}.hero{min-height:730px}.hero-actions{padding-top:0}.universe,.about,.community,.downloads{gap:45px}.art-layout{gap:32px}.section-wrap{padding-left:32px;padding-right:32px}.hero-actions .button{font-size:11px;padding:13px}.small-note{font-size:8px}.overline{letter-spacing:1.5px}}
@media(max-width:700px){.header{height:78px;padding:0 20px;gap:10px}.brand{font-size:19px;gap:8px}.brand img{width:28px}.brand small{font-size:7px;letter-spacing:1.4px}.header nav{display:none}.shop-link{padding:8px 12px;font-size:10px}.shop-link span{margin-left:10px}.hero{padding-top:40px;min-height:0}.hero:before{background-position:center top;background-size:auto 900px;opacity:.65}.hero-heading{padding:0 20px}.hero-heading .eyebrow{font-size:8px;letter-spacing:2px;gap:10px;margin-bottom:20px}.hero-heading .eyebrow span{width:20px}h1{font-size:62px;letter-spacing:-2px;margin-bottom:20px}.hero-heading>p:last-child{font-size:12px}.mobile-break{display:block}.battle-stage{display:flex;flex-direction:column;margin:25px auto 0}.hero-actions{order:-1;width:min(300px,calc(100% - 48px));padding:0 0 22px}.hero-actions .center-sigil,.hero-actions .overline,.small-note{display:none}.hero-actions .button{font-size:12px;padding:14px 20px;margin-bottom:10px}.team{margin:0;width:min(100%,490px);padding:0 10px 95px}.team>img{max-height:none}.team-caption{bottom:25px;gap:9px}.battle-button{width:auto;min-width:280px;padding:13px 18px;font-size:12px}.overline{font-size:8px}.team-two{margin-top:10px}.scroll-cue{margin:0 auto 30px}.section-wrap{padding:55px 24px}.universe,.about,.community,.downloads,.rules-columns,.art-layout{grid-template-columns:1fr;gap:30px}.universe h2{font-size:29px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:16px}h2{font-size:38px}.section-number{margin-top:15px}.about-content h3{font-size:24px}.values>div{grid-template-columns:93px 1fr;gap:12px}.values dt{font-size:17px}.values dt span{margin-right:8px}.values dd{font-size:12px}.community h2{margin-bottom:20px}.footer{flex-direction:column;align-items:flex-start;padding:30px 24px;gap:25px}.footer>div{flex-wrap:wrap;gap:25px}.copyright{width:100%}.page-hero{padding:32px 24px 45px}.page-hero h1{font-size:43px;letter-spacing:-1px}.page-hero p:last-child{font-size:13px}.back-link{margin-bottom:25px}.guide-nav{gap:22px;font-size:10px;flex-wrap:wrap}.stats{grid-template-columns:1fr 1fr;gap:24px}.stat strong{font-size:38px}.rules-columns{margin-top:32px}.downloads{gap:20px}.art-layout{gap:30px}.rarity-section .art-layout figure{order:2}.document h2{font-size:27px}.review-box{padding:18px}}
/* Confronto: cada equipe e sua faixa formam um único link. */
.hero{min-height:0;padding:36px 0 32px}
.hero-heading h1{font-size:clamp(58px,5.4vw,82px);margin:0;line-height:1.04}
.battle-stage{grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);margin:-8px auto 0;max-width:1400px}
.team{display:block;padding:0;isolation:isolate;align-self:end;transition:filter .25s,transform .2s}
.team-one{order:-1;margin:0 -24px 0 0}
.team-two{margin:0 0 0 -24px}
.team>img{max-height:500px;object-fit:contain;object-position:center bottom}
.team:hover>img{filter:drop-shadow(0 0 18px #d78a3955);transform:none}
.team:focus-visible{outline:3px solid #f5ce85;outline-offset:-5px;border-radius:12px}
.hero-actions{padding:30px 0 0;align-self:center}
.button{position:relative;min-height:53px;border:1px solid #b79965;border-radius:3px 13px 3px 13px;background:linear-gradient(180deg,#342c25,#191614);box-shadow:inset 0 1px #f4dbad30,inset 0 -3px #0006,0 5px 14px #0004;padding:13px 18px;font-size:12px}
.button:hover{background:linear-gradient(180deg,#4d3a27,#2c2119);border-color:#ebc78a;color:#fff0d7}
.button-red{background:linear-gradient(180deg,#b83b31,#721e1c);border-color:#d99365;box-shadow:inset 0 1px #ffe3bc40,inset 0 -3px #420c0c,0 5px 18px #0005}
.button-red:hover{background:linear-gradient(180deg,#d34b3e,#8e2922)}
.battle-button{position:absolute;z-index:2;bottom:8%;left:50%;transform:translateX(-50%);display:block;width:76%;min-width:0;max-width:345px;padding:15px 30px 17px;text-align:center;font:600 17px/1.22 var(--serif);letter-spacing:.2px;color:#f8e7c9;background:linear-gradient(180deg,#75522d 0,#37251b 12%,#18110ef5 54%,#302016 100%);border:1px solid #d5b77f;border-radius:2px 16px 2px 16px;box-shadow:inset 0 0 0 3px #24180f,inset 0 0 0 4px #9b76458c,0 5px 15px #000b;text-shadow:0 2px 4px #000}
.battle-button br{display:none}
.battle-button>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);font:17px var(--sans);color:#dfbd80}
.team-two .battle-button{background:linear-gradient(180deg,#74666c 0,#33282f 12%,#151116f5 54%,#29202e 100%);border-color:#c6b1b4;box-shadow:inset 0 0 0 3px #1f1723,inset 0 0 0 4px #9e879970,0 5px 15px #000b}
.team:hover .battle-button{color:#fff3d9;border-color:#ffdb99;box-shadow:inset 0 0 0 3px #24180f,inset 0 0 0 4px #b28e588c,0 0 20px #bb793338}
.team:active{transform:translateY(2px)}
.versus{display:none}
.about{border-top:1px solid var(--line)}
.about-content>p{margin-top:0}
.community-heading h2{margin-bottom:0}
@media(min-width:1600px){.hero{padding-top:40px}.battle-stage{margin-top:-18px}.team>img{max-height:560px}.hero-actions{padding-top:20px}}
@media(min-width:701px) and (max-width:1050px){.battle-stage{grid-template-columns:minmax(0,1fr) 195px minmax(0,1fr);margin-top:10px}.team-one{margin-right:-18px}.team-two{margin-left:-18px}.battle-button{width:85%;font-size:13px;padding:13px 24px}.hero-actions .button{padding:13px;font-size:11px}}
@media(max-width:700px){
 .header{height:70px}
 .hero{padding:25px 0 18px}
 .hero:before{background-size:auto 100%;background-position:center;opacity:.45}
 .hero-heading h1{font-size:46px;letter-spacing:-1.5px;line-height:1.03}
 .battle-stage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px 0;margin:21px auto 0;max-width:540px}
 .hero-actions{order:0;grid-column:1/-1;grid-row:1;width:auto;margin:0 22px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .hero-actions .button{font-size:11px;min-height:46px;padding:10px 12px;margin:0;gap:8px}
 .hero-actions .button-red{grid-column:1/-1;justify-content:center;gap:20px}
 .team{order:0;width:100%;padding:0;margin:0;grid-row:2}
 .team-one{grid-column:1}
 .team-two{grid-column:2}
 .team>img{width:100%;height:auto;max-height:none}
 .battle-button{bottom:5%;width:93%;padding:10px 16px 11px;font-size:clamp(11px,3.1vw,16px);line-height:1.2;min-height:49px;border-radius:2px 10px 2px 10px}
 .battle-button br{display:block}
 .battle-button>span{font-size:12px;right:7px}
 .versus{display:block;position:absolute;z-index:4;left:50%;top:auto;bottom:28%;transform:translateX(-50%) rotate(-8deg);color:#f1c789;font:italic 700 21px/1 var(--serif);text-shadow:0 2px 5px #000,0 0 12px #000}
 .hero+.about{padding-top:38px}
}
/* A página inicial concentra os três destinos nos botões centrais. */
.home-header .downloads-shortcut{display:inline-flex;align-items:center;gap:16px;padding:10px 0;color:#c7b8a2;font-size:12px;border-bottom:1px solid #6a5135}
.home-header .downloads-shortcut:hover{color:#f3cd8b;border-color:#c7a779}
@media(min-width:701px){
 .home-header{height:80px}
 .hero{padding:30px 20px 24px}
 .hero-heading h1{font-size:clamp(48px,4.8vw,74px);line-height:1.12;letter-spacing:-2px}
 .hero-heading h1 br{display:none}
 .battle-stage{grid-template-columns:minmax(0,1fr) 238px minmax(0,1fr);max-width:1380px;margin:26px auto 0;gap:14px}
 .team-one,.team-two{margin:0}
 .team>img{height:clamp(340px,52vh,520px);max-height:none;object-fit:contain}
 .hero-actions{padding:0}
 .hero-actions .button{font:500 15px/1.35 var(--serif);padding:17px 20px;min-height:58px;margin-bottom:16px;border-radius:2px 12px 2px 12px;border-color:#ae8d5c;background:linear-gradient(180deg,#645039 0,#34281e 12%,#171310 65%,#292017);box-shadow:inset 0 0 0 3px #201811,inset 0 0 0 4px #ac8b584d,0 6px 18px #0007}
 .hero-actions .button:last-child{margin-bottom:0}
 .hero-actions .button-red{border-color:#ca8b65;background:linear-gradient(180deg,#b96a44 0,#8c3228 12%,#5d1c18 70%,#76261f);box-shadow:inset 0 0 0 3px #4e1d17,inset 0 0 0 4px #e6ae7640,0 6px 18px #0007}
 .hero-actions .button:hover{border-color:#efc889;filter:brightness(1.15)}
 .hero-actions .button:active{transform:translateY(2px)}
 .battle-button{bottom:10%;width:87%;max-width:365px;padding:17px 27px;font-size:17px}
 .about{padding-top:64px;padding-bottom:64px}
}
@media(min-width:701px) and (max-width:1050px){
 .battle-stage{grid-template-columns:minmax(0,1fr) 195px minmax(0,1fr);gap:4px}
 .hero-actions .button{font-size:13px;padding:15px}
 .team>img{height:360px}
 .battle-button{font-size:13px;width:95%;padding:15px 23px}
}
@media(max-width:700px){.home-header nav{display:block}.home-header .downloads-shortcut{font-size:10px;gap:7px}.home-header .brand small{letter-spacing:.7px}}
/* Brasões heráldicos: o contorno, os ornamentos e o tecido são vetores locais. */
.hero-actions{display:flex;flex-direction:column;align-items:center;gap:0}
.crest-button{position:relative;display:block;flex:none;width:174px;height:158px;filter:drop-shadow(0 5px 8px #0009);transition:filter .25s,transform .2s}
.crest-art{display:block;width:100%;height:100%;overflow:visible}
.crest-label{position:absolute;inset:47% 15% auto;display:block;color:#fae7c4;text-align:center;font:600 15px/1.17 var(--serif);text-shadow:0 2px 3px #000;letter-spacing:.1px}
.crest-button:hover{filter:drop-shadow(0 0 12px #e4a85570);transform:translateY(-3px)}
.crest-button:focus-visible{outline:3px solid #f8dca0;outline-offset:2px;border-radius:40% 40% 48% 48%}
.crest-button:active{transform:translateY(2px);filter:brightness(.9)}
.team .battle-ribbon{position:absolute;z-index:2;display:block;left:50%;bottom:5%;width:96%;max-width:480px;aspect-ratio:600/160;transform:translateX(-50%);filter:drop-shadow(0 6px 8px #000a);transition:filter .25s}
.ribbon-art{width:100%;height:100%;display:block;overflow:visible}
.ribbon-label{position:absolute;top:48%;left:15%;right:15%;transform:translateY(-50%);font:700 clamp(14px,1.3vw,19px)/1.15 var(--serif);text-align:center;color:#f9e4b9;text-shadow:0 2px 3px #000}
.ribbon-label br{display:none}
.team:hover .battle-ribbon,.team:focus-visible .battle-ribbon{filter:drop-shadow(0 0 12px #dc9e5070) brightness(1.12)}
@media(min-width:701px){.battle-stage{grid-template-columns:minmax(0,1fr) 196px minmax(0,1fr)}.hero-actions{padding:0}.team>img{height:clamp(430px,56vh,560px)}}
@media(min-width:701px) and (max-width:1050px){.battle-stage{grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr)}.crest-button{width:150px;height:140px}.crest-label{font-size:13px}.team>img{height:430px}.ribbon-label{font-size:13px}.ribbon-label br{display:block}}
@media(max-width:700px){
 .hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 9px;justify-items:center}
 .crest-button{width:100%;height:auto;aspect-ratio:220/200;max-width:160px}
 .crest-label{font-size:clamp(10px,3vw,14px);inset:47% 13% auto;line-height:1.15}
 .battle-stage{gap:14px 0;margin-top:18px}
 .team .battle-ribbon{width:100%;bottom:1%;max-width:none;aspect-ratio:600/220}
 .ribbon-label{font-size:clamp(11px,3.2vw,15px);left:13%;right:13%;top:47%;line-height:1.05}
 .ribbon-label br{display:block}
 .versus{bottom:29%}
}
/* Identidade oficial: arquivos originais com proporções preservadas. */
.header,.home-header{height:106px}
.brand{gap:0;line-height:1}
.brand .brand-logo{width:122px;height:auto;max-height:92px;object-fit:contain}
.footer-brand .footer-logo{height:100px;width:auto;max-width:120px;object-fit:contain}
@media(max-width:700px){.header,.home-header{height:88px}.brand .brand-logo{width:91px;max-height:74px}.footer-brand .footer-logo{height:86px}.footer{flex-direction:row;align-items:center;gap:20px}.footer>div{gap:16px;justify-content:flex-end}.footer .copyright{text-align:right}}
/* Marca no cabeçalho e controles reunidos em um conjunto heráldico. */
.home-header{height:96px;justify-content:space-between;background:linear-gradient(110deg,#170e0e,#0e0b0b);border-bottom-color:#6a352b55}
.home-header .brand{display:flex;margin:0;width:auto}
.home-header .brand .brand-logo{width:110px;max-height:82px;filter:drop-shadow(0 2px 5px #0008)}
.hero{padding-top:28px}
.hero-heading:before{content:none}
.hero-heading h1{font-size:clamp(45px,4.8vw,68px);letter-spacing:-2px;line-height:1.12}
.hero-heading h1 br{display:none}
.hero-actions{position:relative;isolation:isolate;gap:0}
.hero-actions:before{content:'';position:absolute;z-index:-1;left:50%;top:15px;bottom:15px;width:3px;transform:translateX(-50%);background:linear-gradient(90deg,#5e3f25,#c39b57,#5e3f25);box-shadow:0 0 7px #000}
.crest-button{width:168px;height:151px}
.crest-button:hover{transform:translateY(-2px);filter:drop-shadow(0 0 9px #d39c4b55)}
.footer-brand .footer-logo{width:108px;height:auto;max-width:108px;filter:none}
@media(max-width:700px){
 .home-header{height:80px}
 .home-header .brand .brand-logo{width:88px;max-height:69px}
 .hero{padding-top:24px}
 .hero-heading h1{font-size:39px;letter-spacing:-1.2px}
 .hero-heading h1 br{display:block}
 .hero-actions{margin:0 14px}
 .hero-actions:before{left:12%;right:12%;top:42%;bottom:auto;width:auto;height:3px;transform:none;background:linear-gradient(#5e3f25,#c39b57,#5e3f25)}
 .crest-button{width:100%;height:auto;max-width:160px}
 .footer-brand .footer-logo{width:92px;height:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.team:hover>img,a:active,.crest-button:hover{transform:none}}