/* Arte do universo Nafal: derivados locais, sem recursos de terceiros. */
:root{--gold:#d9b46e;--gold-bright:#f0d49d}
.header{background:linear-gradient(180deg,#121613,#101310);border-bottom-color:#6e5d393b}
.hero{min-height:715px;background:#181d1b}
.hero-art img{object-position:center center;opacity:1}
.hero:after{background:linear-gradient(90deg,#081011e8 0%,#081011d4 25%,#0a11156b 48%,#0a10150d 72%),linear-gradient(0deg,#101212 0%,#10121200 35%),linear-gradient(180deg,#09101321,transparent 35%)}
.hero-content{padding-top:100px;padding-bottom:100px}
.hero .eyebrow{color:#f2d69e;text-shadow:0 1px 8px #000}
h1{text-shadow:0 2px 24px #0008}
.hero-intro{color:#d2d5c9;text-shadow:0 1px 7px #000b}
.hero-footnote{color:#b8bda9}
.hero .button-primary{box-shadow:0 8px 40px #0006;background:linear-gradient(135deg,#f1d795,#c49d57);border-color:#edce8d}
.hero .button-primary:hover{background:#f4dda7}
.hero .text-link{color:#f7ddb1}
.art-caption{color:#c4cbb8;right:42px;bottom:29px;text-shadow:0 1px 6px #000}
.service-strip{background:#141914;border:1px solid #5a51374f;box-shadow:0 15px 45px #0003}
.service-strip>a:first-child{padding-left:25px}
.world{gap:70px;padding-block:95px}
.world-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:390px}
.city-card{position:relative;min-height:360px;overflow:hidden;border:1px solid #74755269;background:#172319;box-shadow:0 18px 35px #0004}
.city-card:first-child{transform:translateY(-16px)}
.city-card:last-child{transform:translateY(16px)}
.city-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% center;transition:transform .5s ease}
.city-card:last-child img{object-position:30% center}
.city-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080f0ef5,#08100c00 65%)}
.city-card:hover img{transform:scale(1.04)}
.city-caption{position:absolute;left:23px;right:16px;bottom:25px;z-index:1}
.city-caption .small-label{font-size:.48rem;color:#e3c890}
.city-caption h3{font-size:2.1rem;margin-top:9px;color:#f3e9d1}
.heroes-section{background:radial-gradient(ellipse at 30% 0%,#36433042,transparent 70%),#151b17;border-color:#5c59394f;padding-block:65px}
.hero-picker{gap:10px;border-bottom:0;grid-template-columns:repeat(8,minmax(0,1fr))}
.hero-picker button{position:relative;isolation:isolate;min-height:190px;overflow:hidden;border:1px solid #4b5340;padding:0;background:#182119;transition:border-color .2s,transform .2s;box-shadow:0 5px 20px #0003}
.hero-picker button:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070e0ff5 0%,#0a10124d 40%,transparent 80%);z-index:-1}
.hero-picker button img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 30%;z-index:-2;transition:transform .35s}
.hero-picker button>span{position:absolute;bottom:15px;left:7px;right:7px;color:#f0e5cc;font:400 1.02rem/1.3 var(--serif);text-shadow:0 1px 7px #000}
.hero-picker button:hover{border-color:#b69a63;transform:translateY(-5px);background:#182119}
.hero-picker button:hover img{transform:scale(1.05)}
.hero-picker button[aria-pressed=true]{border:1px solid #e2bd75;box-shadow:0 0 0 1px #e2bd7566,0 9px 32px #a77c3226;background:#182119}
.hero-picker button[aria-pressed=true]>span{color:#f6d998}
.concept-note{font-size:.58rem;color:#9aa68e;margin-top:17px;letter-spacing:.02em}
.hero-detail{min-height:185px;grid-template-columns:120px 1fr auto;gap:30px;padding-top:30px}
.hero-insignia{border:1px solid #786a45;width:100px;height:100px;transform:none;background:#131b17;margin:0;box-shadow:0 8px 25px #0003;overflow:hidden}
.hero-insignia img{width:100%;height:100%;object-fit:cover}
.hero-copy h3{font-size:1.85rem}
.hero-copy .hero-guide-note{font-size:.69rem}
.ranking-section{gap:85px}
.ranking-visual{border:1px solid #625f414f;min-height:420px;overflow:hidden;background:linear-gradient(0deg,#091116ee,#0a121c6b 48%,#10182165),url('/assets/world-noxaria.jpg') 25% center/cover}
.ranking-ring{height:200px;width:200px;border-color:#d1b77d80;background:#111a1a9c;box-shadow:0 0 0 10px #141b1861,0 0 0 11px #c1a7754a,0 0 0 27px #19201b36,0 0 0 28px #d7ba7b26;backdrop-filter:blur(3px)}
.rank-roman{font-size:5.4rem}
.ranking-visual>.small-label{position:relative;color:#e0c996;margin-top:45px;text-shadow:0 1px 4px black}
.rank-decoration{top:170px;left:40px;border-color:#dfc48d7a}
.rank-decoration-right{left:auto;right:40px}
.news-section{background:linear-gradient(90deg,#111712f5,#111712d1),url('/assets/world-viridia.jpg') center 58%/cover}
.news-empty{padding:20px 0}
.news-empty .empty-mark{color:#baa16c}
.download-section{background:linear-gradient(90deg,#14221be8,#12231bca),url('/assets/world-juramentos.jpg') center 65%/cover}
.download-panel{background:#0c170fe6;border-color:#a29a6063;box-shadow:0 20px 60px #0005}
.community-section{background:linear-gradient(90deg,#1a231af0,#17231bde),url('/assets/world-viridia.jpg') center 38%/cover}
@media(min-width:1600px){.hero{min-height:790px}.hero-content{padding-top:125px}}
@media(max-width:1100px){.hero-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hero-picker button{min-height:230px}.hero-detail{grid-template-columns:110px 1fr}.hero-detail>.text-link{grid-column:2}.world{gap:45px}.world-gallery{min-height:350px;gap:12px}.city-card{min-height:320px}.city-caption{left:17px}.city-caption h3{font-size:1.8rem}.city-caption .small-label{font-size:.42rem}.ranking-section{gap:60px}.rank-decoration{left:24px}.rank-decoration-right{left:auto;right:24px}}
@media(max-width:800px){.hero{min-height:680px}.hero-content{padding-top:80px}.hero:after{background:linear-gradient(90deg,#071014e3 0%,#091217a1 47%,#0a121748),linear-gradient(0deg,#101212,transparent 40%)}.hero-art img{object-position:58% center}.world{padding-block:65px;gap:45px}.world-gallery{min-height:330px;gap:18px}.city-card{min-height:310px}.city-card img{object-position:38% 50%}.city-caption h3{font-size:2rem}.city-caption .small-label{font-size:.48rem}.hero-picker button{min-height:200px}.ranking-visual{min-height:350px}.rank-decoration{left:20%;top:145px}.rank-decoration-right{left:auto;right:20%}.art-caption{right:25px;bottom:25px}.hero-scroll{display:none}}
@media(max-width:520px){.hero{min-height:670px}.hero-content{padding-top:62px;padding-bottom:60px}.hero-art img{object-position:58% center}.hero:after{background:linear-gradient(90deg,#081119e3 0%,#09131ab5 52%,#0a131967),linear-gradient(0deg,#101212,transparent 48%)}.hero-intro{color:#d9dccd}.art-caption{display:block;font-size:.42rem;right:20px;bottom:20px}.service-strip>a:first-child{padding-left:0}.service-strip{border-inline:0}.world{gap:38px}.world-gallery{min-height:285px;gap:10px}.city-card{min-height:265px}.city-card:first-child{transform:translateY(-8px)}.city-card:last-child{transform:translateY(8px)}.city-caption{left:12px;bottom:20px}.city-caption h3{font-size:1.6rem}.city-caption .small-label{font-size:.38rem;letter-spacing:.12em}.hero-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-picker button{min-height:205px}.hero-picker button>span{font-size:1.25rem;bottom:16px}.concept-note{font-size:.57rem;line-height:1.6}.hero-detail{grid-template-columns:77px 1fr;gap:19px;padding-top:25px}.hero-insignia{width:72px;height:92px}.hero-detail>.text-link{grid-column:1/-1}.hero-copy h3{font-size:1.65rem}.hero-copy>p{font-size:.73rem}.hero-copy .hero-guide-note{font-size:.65rem}.ranking-visual{min-height:320px}.rank-decoration{left:9%;top:130px}.rank-decoration-right{left:auto;right:9%}.download-section{background-position:59% center}}