:root {
  --u: clamp(.65px, calc(100vw / 1672), 1.3px);
  --preto: #070707;
  --borda: rgba(201, 162, 90, .2);
  --borda-forte: rgba(222, 186, 116, .6);
  --ouro: #d9b36c;
  --ouro-claro: #f0d9a2;
  --ouro-escuro: #8f6e36;
  --texto: #f1ebdf;
  --suave: #aaa397;
  --apagado: #6e685e;
  --serifa: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --romana: Cinzel, "Cormorant Garamond", Georgia, serif;
  --curva: cubic-bezier(.2, .7, .2, 1);
}
* { box-sizing: border-box; }
html { background: var(--preto); scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--texto);
  font-family: Inter, "Segoe UI", system-ui, sans-serif;
  font-size: max(13px, calc(15 * var(--u)));
  line-height: 1.45;
  background: radial-gradient(calc(1300 * var(--u)) calc(760 * var(--u)) at 72% 0, rgba(64, 58, 46, .16), transparent 72%), var(--preto);
  overflow-x: clip;
  font-variant-numeric: lining-nums;
  display: flex;
  flex-direction: column;
}
main { flex: 1; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1, h2, h3, p, ol, dl, dd { margin: 0; padding: 0; }
ol { list-style: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
:focus-visible { outline: 2px solid var(--ouro-claro); outline-offset: 3px; border-radius: 4px; }
.desenhos { position: absolute; width: 0; height: 0; overflow: hidden; }
.icone { width: 1em; height: 1em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.icone--cheio { fill: url(#grad-ouro); stroke: none; }
#magia { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 15; pointer-events: none; }
.sem-script { position: fixed; inset: auto 0 0; padding: 12px; text-align: center; background: #000; color: var(--ouro-claro); z-index: 30; }
.topo {
  position: fixed; inset: 0 0 auto; z-index: 20;
  display: grid; grid-template-columns: 1fr auto; column-gap: calc(56 * var(--u)); align-items: center;
  height: calc(95 * var(--u));
  padding: 0 max(calc(72 * var(--u)), calc((100vw - 1672 * var(--u)) / 2 + 72 * var(--u)));
  background: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0));
  transition: background .4s, box-shadow .4s;
  animation: topo-entra .9s var(--curva) both;
}
body:not([data-pagina="inicio"]) .topo,
.topo--rolou {
  background: rgba(5, 5, 5, .86);
  box-shadow: 0 1px 0 rgba(201, 162, 90, .22), 0 calc(10 * var(--u)) calc(34 * var(--u)) rgba(0, 0, 0, .55);
  backdrop-filter: blur(10px);
}
.menu { position: relative; display: flex; align-self: stretch; justify-content: space-between; }
.menu a {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(6 * var(--u));
  padding: 0 calc(18 * var(--u));
  color: #bcb5a8;
  font-size: max(12px, calc(16.5 * var(--u)));
  letter-spacing: .02em;
  transition: color .3s;
}
.menu a .icone { width: calc(27 * var(--u)); height: calc(27 * var(--u)); transition: transform .35s var(--curva), filter .35s; }
.menu a:hover { color: #fff; }
.menu a:hover .icone { transform: translateY(calc(-3 * var(--u))) scale(1.08); }
.menu a[aria-current="page"] { color: var(--ouro-claro); }
.menu a[aria-current="page"] .icone { filter: drop-shadow(0 0 calc(6 * var(--u)) rgba(243, 220, 164, .7)); }
.menu__marcador {
  position: absolute; left: 0; bottom: calc(3 * var(--u)); height: 2px;
  width: var(--w, 0); transform: translateX(var(--x, 0));
  background: linear-gradient(90deg, transparent, var(--ouro-claro) 25%, #fff3cf 50%, var(--ouro-claro) 75%, transparent);
  box-shadow: 0 0 calc(12 * var(--u)) rgba(243, 220, 164, .85);
  transition: transform .55s var(--curva), width .55s var(--curva);
}
.botao {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: calc(11 * var(--u));
  overflow: hidden; white-space: nowrap; font-weight: 600; font-size: max(13px, calc(15 * var(--u)));
  transition: transform .35s var(--curva), box-shadow .35s, color .3s, background .3s, border-color .3s;
}
.botao .icone { width: calc(21 * var(--u)); height: calc(21 * var(--u)); transition: transform .35s var(--curva); }
.botao::after {
  content: ""; position: absolute; inset: 0 auto 0 -60%; width: 45%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .42), transparent);
  transform: skewX(-20deg); pointer-events: none;
}
.botao:hover::after { animation: brilho-botao .9s ease both; }
.botao:hover { transform: translateY(calc(-2 * var(--u))); }
.botao--linha {
  height: calc(48 * var(--u)); padding: 0 calc(46 * var(--u));
  border: 1.5px solid var(--ouro); border-radius: 999px; color: var(--ouro-claro);
  background: rgba(0, 0, 0, .3);
}
.botao--linha:hover { background: rgba(217, 179, 108, .14); box-shadow: 0 0 calc(24 * var(--u)) rgba(217, 179, 108, .3); color: #fff; }
.botao--linha:hover .icone { transform: translateX(calc(3 * var(--u))); }
.botao--topo { justify-self: end; height: calc(44 * var(--u)); padding: 0 calc(21 * var(--u)); border-radius: calc(13 * var(--u)); font-size: max(12.5px, calc(14 * var(--u))); }
.botao--pequeno { height: calc(44 * var(--u)); padding: 0 calc(40 * var(--u)); }
.botao--ouro {
  height: calc(53 * var(--u)); padding: 0 calc(50 * var(--u)); border-radius: calc(16 * var(--u));
  color: #1d1507; font-weight: 700; font-size: max(14px, calc(17 * var(--u)));
  background: linear-gradient(180deg, #f2d99c 0%, #d8ae63 52%, #b98c41 100%);
  box-shadow: 0 calc(7 * var(--u)) calc(26 * var(--u)) rgba(217, 179, 108, .28), inset 0 1px 0 rgba(255, 255, 255, .5);
  animation: pulso-ouro 3.6s ease-in-out infinite;
}
.botao--ouro .icone--cheio { fill: currentColor; }
.botao--ouro:hover { box-shadow: 0 calc(9 * var(--u)) calc(34 * var(--u)) rgba(240, 217, 162, .5), inset 0 1px 0 rgba(255, 255, 255, .6); }
.botao--grande { height: calc(53 * var(--u)); width: calc(304 * var(--u)); font-size: max(15px, calc(21 * var(--u))); font-family: var(--serifa); }
.botao--grande .icone { width: calc(28 * var(--u)); height: calc(28 * var(--u)); stroke-width: 2.2; }
.botao[aria-disabled="true"] { cursor: default; filter: saturate(.75) brightness(.86); }
.pagina { position: relative; display: block; }
.pagina[hidden] { display: none; }
.ceu {
  position: absolute; inset: 0 0 auto; z-index: 0; overflow: hidden; pointer-events: none;
  height: calc(var(--ceu-altura) * var(--u));
  animation: ceu-entra 1.3s ease both;
}
.ceu::after { content: ""; position: absolute; inset: auto 0 0; height: calc(70 * var(--u)); background: linear-gradient(180deg, transparent, var(--preto)); }
.ceu__arte {
  position: absolute; top: calc(var(--arte-topo, 0) * var(--u));
  right: max(0px, calc((100vw - 1672 * var(--u)) / 2));
  width: calc(var(--arte-largura) * var(--u));
  aspect-ratio: var(--arte-prop);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--fade-esq, 24%), #000 calc(100% - var(--fade-dir, 0%)), transparent 100%), linear-gradient(180deg, #000 var(--fade-base, 80%), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 var(--fade-esq, 24%), #000 calc(100% - var(--fade-dir, 0%)), transparent 100%), linear-gradient(180deg, #000 var(--fade-base, 80%), transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
  transform: translate3d(calc(var(--px, 0) * -9 * var(--u)), calc(var(--py, 0) * -5 * var(--u)), 0);
  transition: transform 1s var(--curva);
  transform-origin: 62% 62%;
  animation: respirar 42s ease-in-out infinite alternate;
}
.ceu__castelo { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.ceu__luz { position: absolute; inset: 0; width: 100%; height: 100%; mix-blend-mode: screen; }
.ceu__luz--a { animation: luz-a 6s ease-in-out infinite; }
.ceu__luz--b { animation: luz-b 7.7s ease-in-out infinite; }
.ceu__lua {
  position: absolute; left: var(--lua-x); top: var(--lua-y);
  width: calc(var(--lua-tam) * var(--u)); aspect-ratio: 1; translate: -50% -50%; border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 240, 205, .34), rgba(255, 240, 205, .1) 44%, transparent 70%);
  mix-blend-mode: screen;
  animation: lua 8s ease-in-out infinite;
}
.neblina {
  position: absolute; left: 12%; width: 118%; bottom: calc(-26 * var(--u)); height: calc(180 * var(--u));
  background:
    radial-gradient(38% 58% at 22% 62%, rgba(200, 198, 192, .17), transparent 72%),
    radial-gradient(32% 52% at 58% 56%, rgba(180, 178, 172, .13), transparent 72%),
    radial-gradient(28% 48% at 88% 70%, rgba(205, 202, 196, .12), transparent 72%);
  filter: blur(calc(10 * var(--u)));
  mix-blend-mode: screen;
  transform: translate3d(calc(var(--px, 0) * 12 * var(--u)), 0, 0);
  animation: neblina 62s ease-in-out infinite alternate;
}
.neblina--2 { bottom: calc(26 * var(--u)); opacity: .7; animation-duration: 88s; animation-direction: alternate-reverse; }
.neblina--3 { top: calc(40 * var(--u)); bottom: auto; height: calc(240 * var(--u)); opacity: .5; animation-duration: 120s; }
.ceu--inicio { --ceu-altura: 500; --arte-largura: 1032; --arte-prop: 1032 / 484; --fade-esq: 25%; --fade-base: 82%; --lua-x: 67.1%; --lua-y: 27.9%; --lua-tam: 370; }
.ceu--casas { --ceu-altura: 360; --arte-topo: 96; --arte-largura: 700; --arte-prop: 672 / 248; --fade-esq: 24%; --fade-base: 92%; --lua-x: 71.2%; --lua-y: 29.4%; --lua-tam: 270; }
.ceu--quadribol { --ceu-altura: 500; --arte-largura: 960; --arte-prop: 1112 / 640; --fade-esq: 34%; --fade-base: 66%; }
.ceu--tribruxo { --ceu-altura: 470; --arte-topo: 40; --arte-largura: 1040; --arte-prop: 1097 / 412; --fade-esq: 28%; --fade-base: 72%; }
.ceu--missoes { --ceu-altura: 470; --arte-largura: 900; --arte-prop: 1032 / 484; --fade-esq: 28%; --fade-base: 72%; --lua-x: 67.1%; --lua-y: 27.9%; --lua-tam: 320; }
.ceu--ranking { --ceu-altura: 330; --arte-topo: 92; --arte-largura: 1052; --arte-prop: 1052 / 218; --fade-esq: 24%; --fade-base: 74%; }
.ceu--novidades { --ceu-altura: 470; --arte-largura: 920; --arte-prop: 1252 / 700; --fade-esq: 30%; --fade-base: 62%; }
.ceu--download { --ceu-altura: 524; --arte-topo: 92; --arte-largura: 1097; --arte-prop: 1097 / 412; --fade-esq: 16%; --fade-base: 90%; }
.ave { position: absolute; width: calc(var(--tam) * var(--u)); top: var(--y); left: 0; fill: #050505; opacity: .8; animation: voar var(--dur) linear infinite; animation-delay: var(--atraso); }
.ave path { transform-origin: 20px 10px; animation: bater .46s ease-in-out infinite alternate; }
.ave path + path { animation-name: bater-d; }
.vela {
  position: absolute; left: var(--x); top: var(--y);
  width: calc(var(--esc) * 7 * var(--u)); height: calc(var(--esc) * 36 * var(--u));
  border-radius: calc(2 * var(--u)) calc(2 * var(--u)) 1px 1px;
  background: linear-gradient(90deg, #a79b7c, #efe6cf 45%, #9d916f);
  box-shadow: 0 0 calc(var(--esc) * 26 * var(--u)) rgba(255, 196, 96, .28);
  animation: vela var(--dur) ease-in-out infinite alternate; animation-delay: var(--atraso);
}
.vela::before {
  content: ""; position: absolute; left: 50%; bottom: 100%; translate: -50% 12%;
  width: calc(var(--esc) * 9 * var(--u)); height: calc(var(--esc) * 17 * var(--u));
  border-radius: 50% 50% 50% 50% / 68% 68% 32% 32%;
  background: radial-gradient(circle at 50% 72%, #fffbe0 8%, #ffd777 38%, rgba(255, 150, 40, .75) 62%, transparent 76%);
  transform-origin: 50% 100%;
  animation: chama .32s ease-in-out infinite alternate;
}
.vela::after {
  content: ""; position: absolute; left: 50%; bottom: 100%; translate: -50% 42%;
  width: calc(var(--esc) * 62 * var(--u)); aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 196, 96, .3), transparent 66%);
  animation: lua 2.6s ease-in-out infinite;
}
.coruja {
  position: absolute; top: calc(112 * var(--u)); right: max(calc(60 * var(--u)), calc((100vw - 1672 * var(--u)) / 2 + 60 * var(--u)));
  width: calc(350 * var(--u)); height: auto;
  filter: drop-shadow(0 calc(12 * var(--u)) calc(22 * var(--u)) rgba(0, 0, 0, .5));
  animation: coruja-chega 2.2s var(--curva) both, coruja-paira 7s 2.2s ease-in-out infinite;
}
.pomo { position: absolute; left: 0; top: 0; width: calc(84 * var(--u)); fill: rgba(242, 236, 220, .86); filter: drop-shadow(0 0 calc(9 * var(--u)) rgba(255, 220, 130, .85)); animation: pomo-voa 26s ease-in-out infinite; }
.pomo__asa { animation: asa-e .1s linear infinite alternate; transform-origin: 34px 18px; }
.pomo__asa--d { animation-name: asa-d; transform-origin: 46px 18px; }
.folha { position: relative; z-index: 1; width: calc(1672 * var(--u)); margin: 0 auto; padding: 0 calc(72 * var(--u)); }
.abertura { min-height: calc(484 * var(--u)); padding: calc(128 * var(--u)) 0 calc(34 * var(--u)) calc(23 * var(--u)); }
.abertura > * { width: fit-content; }
.cabecalho { min-height: calc(330 * var(--u)); padding-top: calc(150 * var(--u)); padding-bottom: calc(26 * var(--u)); }
.cabecalho--casas { min-height: calc(350 * var(--u)); padding-top: calc(158 * var(--u)); padding-left: calc(10 * var(--u)); }
.cabecalho--ranking { min-height: 0; padding-top: calc(158 * var(--u)); padding-bottom: 0; padding-left: calc(4 * var(--u)); }
.cabecalho--download { min-height: calc(518 * var(--u)); padding-top: calc(158 * var(--u)); padding-bottom: 0; padding-left: calc(23 * var(--u)); }
.chamada {
  display: flex; align-items: center; gap: calc(13 * var(--u));
  color: #d2cab9; font-size: max(11.5px, calc(16 * var(--u))); letter-spacing: .42em; text-transform: uppercase;
}
.chamada::before, .chamada::after {
  content: ""; flex: none; width: calc(115 * var(--u)); height: calc(9 * var(--u));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 115 9' preserveAspectRatio='none'%3E%3Cpath d='M0 4.500H106' stroke='%23d9b36c' stroke-width='1'/%3E%3Cpath d='M106 4.500l4.500-4 4.500 4-4.500 4z' fill='%23d9b36c'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  transform-origin: 100% 50%;
}
.chamada::after { transform: scaleX(-1); transform-origin: 50% 50%; }
.revelar.visivel.chamada::before { animation: fio-e 1.1s var(--curva) both; }
.revelar.visivel.chamada::after { animation: fio-d 1.1s var(--curva) both; }
.titulo-mestre { margin-top: calc(2 * var(--u)); font-family: var(--romana); font-weight: 600; font-size: calc(97 * var(--u)); line-height: 1; letter-spacing: .015em; }
.titulo-mestre small { display: block; margin-top: calc(7 * var(--u)); font-size: calc(27 * var(--u)); font-weight: 500; letter-spacing: .24em; text-align: center; color: #ece5d6; line-height: 1.2; }
.titulo-mestre--ranking { font-size: calc(68 * var(--u)); margin-top: 0; font-variant: small-caps; letter-spacing: .03em; }
.titulo-logo { display: block; width: calc(440 * var(--u)); max-width: 100%; height: auto; margin: calc(4 * var(--u)) auto 0; filter: drop-shadow(0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(0, 0, 0, .6)); }
.titulo-mestre--logo small { margin-top: calc(2 * var(--u)); }
.ouro-vivo {
  display: inline-block;
  background: linear-gradient(105deg, #a07a39 0%, #e9cd8d 20%, #fff3d0 32%, #e9cd8d 44%, #a97f3c 62%, #e7c98a 82%, #a07a39 100%);
  background-size: 260% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 calc(2 * var(--u)) calc(14 * var(--u)) rgba(217, 179, 108, .24));
  animation: ouro 10s linear infinite;
}
.titulo-pagina { margin-top: calc(10 * var(--u)); font-family: var(--serifa); font-weight: 600; font-size: calc(74 * var(--u)); line-height: 1.08; }
.titulo-pagina--claro { color: #efeae0; font-size: calc(62 * var(--u)); font-weight: 500; line-height: 1.12; margin-top: calc(6 * var(--u)); }
.subtitulo { margin-top: calc(10 * var(--u)); max-width: calc(760 * var(--u)); color: #c9c2b5; font-family: var(--serifa); font-size: max(15px, calc(23 * var(--u))); line-height: 1.32; }
.subtitulo--italico { font-style: italic; color: #d8d1c2; }
.subtitulo:empty { display: none; }
.abertura__texto { margin: calc(11 * var(--u)) 0 calc(20 * var(--u)); color: #aaa397; font-size: max(14px, calc(18 * var(--u))); line-height: 1.32; }
.ornamento { display: block; width: calc(300 * var(--u)); height: calc(12 * var(--u)); margin: calc(14 * var(--u)) 0 0 calc(110 * var(--u)); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6H141M159 6H300' stroke='%23d9b36c' stroke-opacity='.75'/%3E%3Cpath d='M150 1l5 5-5 5-5-5z' fill='none' stroke='%23d9b36c'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.revelar { opacity: 0; transform: translateY(calc(24 * var(--u))); }
.revelar.visivel { opacity: 1; transform: none; transition: opacity .9s ease, transform .9s var(--curva); transition-delay: var(--atraso, 0ms); }
.cartao.revelar.visivel:hover, .painel.revelar.visivel:hover { transition-delay: 0ms; }
.cartao, .painel {
  position: relative; border: 1px solid var(--borda); border-radius: calc(10 * var(--u));
  background: linear-gradient(180deg, rgba(18, 17, 15, .74), rgba(4, 4, 4, .84));
  box-shadow: 0 calc(10 * var(--u)) calc(34 * var(--u)) rgba(0, 0, 0, .35);
}
.cartao { display: flex; align-items: center; overflow: hidden; }
.cartao.revelar.visivel { transition: opacity .9s ease var(--atraso, 0ms), transform .6s var(--curva), border-color .4s, box-shadow .4s; }
.cartao::after {
  content: ""; position: absolute; inset: -20% auto -20% -40%; width: 26%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 240, 205, .12), transparent); transform: skewX(-18deg);
}
.cartao:hover { border-color: var(--borda-forte); box-shadow: 0 calc(14 * var(--u)) calc(38 * var(--u)) rgba(0, 0, 0, .5), 0 0 calc(26 * var(--u)) rgba(217, 179, 108, .16); }
.cartao.revelar.visivel:hover { transform: translateY(calc(-4 * var(--u))); }
.cartao:hover::after { animation: brilho-cartao 1.1s ease both; }
.destaques { display: grid; grid-template-columns: 498fr 481fr 498fr; gap: calc(25 * var(--u)); height: calc(131 * var(--u)); }
.destaque__texto { position: relative; z-index: 1; display: flex; flex-direction: column; gap: calc(4 * var(--u)); }
.destaque__texto strong { font-family: var(--serifa); font-weight: 600; font-size: max(17px, calc(24.500 * var(--u))); color: #f4efe3; line-height: 1.15; white-space: nowrap; }
.destaque__texto > span { color: #aaa397; font-size: max(12.5px, calc(15 * var(--u))); }
.destaque__texto em { display: inline-flex; align-items: center; gap: calc(8 * var(--u)); margin-top: calc(4 * var(--u)); font-style: normal; font-weight: 600; font-size: max(12.5px, calc(14 * var(--u))); color: var(--ouro-claro); }
.destaque__texto em .icone { width: calc(17 * var(--u)); height: calc(17 * var(--u)); transition: transform .35s var(--curva); }
.cartao:hover em .icone { transform: translateX(calc(4 * var(--u))); }
.destaque--casas .destaque__texto > span { font-size: max(11px, calc(12.800 * var(--u))); white-space: nowrap; }
.destaque__icone { flex: none; height: auto; animation: flutuar 5s ease-in-out infinite; filter: drop-shadow(0 0 calc(10 * var(--u)) rgba(217, 179, 108, .3)); }
.destaque__icone--trofeu { width: calc(64 * var(--u)); margin: 0 calc(35 * var(--u)) 0 calc(28 * var(--u)); }
.destaque__icone--aros { width: calc(94 * var(--u)); margin: 0 calc(21 * var(--u)) 0 calc(18 * var(--u)); animation-delay: -2s; }
.destaque__foto {
  position: absolute; right: 0; top: 0; height: 100%; width: auto; max-width: none;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 34%); mask-image: linear-gradient(90deg, transparent, #000 34%);
  transition: transform 1.2s var(--curva);
}
.cartao:hover .destaque__foto { transform: scale(1.06); }
.destaque__bandeiras { flex: none; display: flex; gap: calc(8 * var(--u)); align-self: flex-start; margin: -1px calc(32 * var(--u)) 0 calc(13 * var(--u)); }
.destaque__bandeiras img { width: calc(48 * var(--u)); height: auto; transform-origin: 50% 0; animation: balanco 5.5s ease-in-out infinite; }
.destaque__bandeiras img:nth-child(2) { animation-delay: -1.4s; }
.destaque__bandeiras img:nth-child(3) { animation-delay: -2.9s; }
.destaque__bandeiras img:nth-child(4) { animation-delay: -4.1s; }
.trio { display: grid; grid-template-columns: 509fr 526fr 442fr; gap: calc(25 * var(--u)); margin-top: calc(29 * var(--u)); }
.painel { padding: calc(12 * var(--u)) calc(22 * var(--u)) calc(9 * var(--u)); }
.painel__topo { display: flex; align-items: center; justify-content: space-between; gap: calc(14 * var(--u)); padding-bottom: calc(8 * var(--u)); margin-bottom: calc(6 * var(--u)); border-bottom: 1px solid rgba(201, 162, 90, .13); }
.painel__topo--limpo { border-bottom: 0; margin-bottom: calc(4 * var(--u)); }
.painel__topo h2 { display: flex; align-items: center; gap: calc(12 * var(--u)); font-family: var(--serifa); font-weight: 600; font-size: max(17px, calc(24 * var(--u))); color: #eed8a4; line-height: 1.2; }
.painel__topo h2 .icone { width: calc(27 * var(--u)); height: calc(27 * var(--u)); color: var(--ouro); }
.ver-mais { display: inline-flex; align-items: center; gap: calc(7 * var(--u)); white-space: nowrap; font-size: max(11.5px, calc(12.5 * var(--u))); font-weight: 600; color: var(--ouro-claro); transition: color .3s; }
.ver-mais .icone { width: calc(15 * var(--u)); height: calc(15 * var(--u)); transition: transform .35s var(--curva); }
.ver-mais:hover { color: #fff; }
.ver-mais:hover .icone { transform: translateX(calc(3 * var(--u))); }
.casa-gryffindor { --cor: #c02a33; --fundo-1: rgba(112, 14, 24, .86); --fundo-2: rgba(50, 8, 12, .86); --linha: rgba(214, 100, 80, .42); }
.casa-slytherin { --cor: #1f9a60; --fundo-1: rgba(10, 74, 46, .86); --fundo-2: rgba(5, 34, 22, .86); --linha: rgba(90, 190, 130, .34); }
.casa-ravenclaw { --cor: #2e6fd6; --fundo-1: rgba(15, 42, 110, .86); --fundo-2: rgba(8, 18, 54, .86); --linha: rgba(100, 150, 230, .34); }
.casa-hufflepuff { --cor: #e8b92f; --fundo-1: rgba(118, 84, 12, .86); --fundo-2: rgba(50, 36, 6, .86); --linha: rgba(232, 190, 80, .46); }
.barra { display: block; height: calc(4 * var(--u)); min-height: 3px; border-radius: 99px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.barra > i { display: block; height: 100%; width: calc(var(--valor, 0) * 1%); border-radius: inherit; background: linear-gradient(90deg, var(--cor), color-mix(in srgb, var(--cor) 70%, #fff)); box-shadow: 0 0 calc(8 * var(--u)) var(--cor); animation: barra 1.4s var(--curva) both; animation-delay: var(--atraso, 0ms); }
.lista-casas > li { display: grid; grid-template-columns: calc(38 * var(--u)) calc(44 * var(--u)) 1fr auto; align-items: center; gap: calc(4 * var(--u)) calc(6 * var(--u)); min-height: calc(35 * var(--u)); padding-left: calc(8 * var(--u)); animation: linha-entra .7s var(--curva) both; animation-delay: var(--atraso, 0ms); }
.lista-casas .pos { color: #cfc8ba; font-weight: 600; }
.lista-casas .brasao { width: calc(30 * var(--u)); height: calc(30 * var(--u)); }
.lista-casas .nome { display: flex; flex-direction: column; gap: calc(4 * var(--u)); padding-right: calc(26 * var(--u)); font-size: max(12.5px, calc(14 * var(--u))); color: #efe9dc; }
.lista-casas .valor { color: #cfc8ba; font-size: max(12.5px, calc(14 * var(--u))); padding-right: calc(16 * var(--u)); white-space: nowrap; }
.lista-casas--alta > li { min-height: calc(62 * var(--u)); }
.brasao { display: block; object-fit: contain; filter: drop-shadow(0 calc(2 * var(--u)) calc(5 * var(--u)) rgba(0, 0, 0, .6)); transition: transform .4s var(--curva); }
li:hover > .brasao, tr:hover .brasao { transform: scale(1.14) rotate(-3deg); }
.vazio { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(7 * var(--u)); min-height: calc(128 * var(--u)); padding: calc(6 * var(--u)); text-align: center; color: var(--suave); }
.vazio .icone { width: calc(34 * var(--u)); height: calc(34 * var(--u)); color: var(--ouro-escuro); stroke-width: 1.2; animation: flutuar 5s ease-in-out infinite; }
.vazio strong { font-family: var(--serifa); font-weight: 600; font-size: max(16px, calc(21 * var(--u))); color: #ddd6c7; }
.vazio span { max-width: calc(380 * var(--u)); font-size: max(12.5px, calc(14 * var(--u))); }
.novidade { display: grid; grid-template-columns: calc(167 * var(--u)) 1fr; gap: calc(22 * var(--u)); }
.novidade img { width: 100%; height: calc(132 * var(--u)); object-fit: cover; border-radius: calc(6 * var(--u)); }
.novidade time, .noticia time { color: #a59e92; font-size: max(12px, calc(13 * var(--u))); }
.novidade strong { display: block; margin: calc(6 * var(--u)) 0; font-size: max(14px, calc(17 * var(--u))); color: #f6f1e6; font-weight: 600; }
.novidade p { color: var(--suave); font-size: max(12.5px, calc(14.500 * var(--u))); }
.novidade--sem-imagem { grid-template-columns: 1fr; }
.painel--ouro {
  border-color: var(--borda-forte);
  background: linear-gradient(135deg, rgba(70, 54, 24, .42), rgba(8, 8, 8, .86) 52%, rgba(70, 54, 24, .34));
  box-shadow: 0 0 calc(28 * var(--u)) rgba(217, 179, 108, .09), inset 0 0 calc(30 * var(--u)) rgba(217, 179, 108, .05);
}
.painel--baixar { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(26 * var(--u)); }
.baixar__topo { display: flex; align-items: center; gap: calc(28 * var(--u)); }
.baixar__seta { width: calc(58 * var(--u)); height: calc(58 * var(--u)); color: var(--ouro); stroke-width: 2; animation: seta 2.6s ease-in-out infinite; }
.baixar__topo h2 { font-family: var(--serifa); font-weight: 500; font-size: max(20px, calc(29 * var(--u))); color: #efd9a5; line-height: 1.2; }
.baixar__topo p { color: #b8b1a4; font-size: max(12.5px, calc(14 * var(--u))); }
.painel--baixar .botao--ouro { width: calc(235 * var(--u)); }
.casas { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(24 * var(--u)); padding-left: calc(3 * var(--u)); }
.casa { position: relative; height: calc(235 * var(--u)); overflow: hidden; border: 1px solid var(--linha); border-radius: calc(9 * var(--u)); background: radial-gradient(120% 130% at 12% 0, var(--fundo-1), var(--fundo-2) 62%, rgba(5, 5, 5, .92)); box-shadow: 0 calc(10 * var(--u)) calc(30 * var(--u)) rgba(0, 0, 0, .45); }
.casa.revelar.visivel { transition: opacity .9s ease var(--atraso, 0ms), transform .6s var(--curva), box-shadow .4s, border-color .4s; }
.casa.revelar.visivel:hover { transform: translateY(calc(-5 * var(--u))); box-shadow: 0 calc(16 * var(--u)) calc(38 * var(--u)) rgba(0, 0, 0, .55), 0 0 calc(30 * var(--u)) color-mix(in srgb, var(--cor) 45%, transparent); }
.casa__bandeira { position: absolute; left: calc(20 * var(--u)); top: 0; width: calc(122 * var(--u)); height: auto; transform-origin: 50% 0; animation: balanco 6s ease-in-out infinite; filter: drop-shadow(calc(3 * var(--u)) calc(6 * var(--u)) calc(9 * var(--u)) rgba(0, 0, 0, .55)); }
.casa:nth-child(2) .casa__bandeira { animation-delay: -1.7s; }
.casa:nth-child(3) .casa__bandeira { animation-delay: -3.2s; }
.casa:nth-child(4) .casa__bandeira { animation-delay: -4.6s; }
.casa__dados { position: absolute; left: calc(165 * var(--u)); right: calc(12 * var(--u)); top: calc(40 * var(--u)); }
.casa__nome { font-family: var(--serifa); font-weight: 500; font-size: max(18px, calc(28 * var(--u))); color: #efe6d2; line-height: 1.2; }
.casa__pontos { margin-top: calc(9 * var(--u)); padding-top: calc(9 * var(--u)); border-top: 1px solid rgba(255, 255, 255, .08); font-family: var(--serifa); font-size: max(21px, calc(33 * var(--u))); color: #f7f2e7; line-height: 1.2; }
.casa__pontos small { font-size: .84em; color: #d7d0c2; margin-left: .15em; }
.casa__membros { margin-top: calc(3 * var(--u)); color: rgba(241, 235, 223, .66); font-size: max(11.5px, calc(13 * var(--u))); }
.casa__lema { position: absolute; left: calc(14 * var(--u)); right: calc(14 * var(--u)); bottom: calc(44 * var(--u)); text-align: center; font-family: var(--serifa); font-style: italic; font-size: max(13px, calc(16.500 * var(--u))); color: #e2dccd; }
.casa .barra { position: absolute; left: calc(26 * var(--u)); right: calc(26 * var(--u)); bottom: calc(19 * var(--u)); height: calc(5 * var(--u)); }
.duo { display: grid; gap: calc(30 * var(--u)); margin-top: calc(30 * var(--u)); }
.duo--casas { grid-template-columns: 948fr 544fr; gap: calc(34 * var(--u)); margin-top: calc(35 * var(--u)); padding-left: calc(3 * var(--u)); }
.duo--largo { grid-template-columns: 980fr 520fr; }
.duo--ranking { grid-template-columns: 1069fr 473fr; gap: calc(17 * var(--u)); margin: calc(17 * var(--u)) calc(-25 * var(--u)) 0 calc(-6 * var(--u)); }
.duo--download { grid-template-columns: 745fr 690fr; gap: calc(44 * var(--u)); margin: 0 calc(25 * var(--u)) 0 calc(23 * var(--u)); }
.duo > *, .trio > *, .destaques > * { min-width: 0; }
.coluna { display: flex; flex-direction: column; gap: calc(14 * var(--u)); }
.atualizado { display: inline-flex; align-items: center; gap: calc(10 * var(--u)); white-space: nowrap; color: #cfc8ba; font-size: max(12px, calc(14 * var(--u))); }
.atualizado::after { content: ""; width: calc(10 * var(--u)); height: calc(10 * var(--u)); min-width: 7px; min-height: 7px; border-radius: 50%; background: var(--apagado); }
.atualizado[data-estado="vivo"]::after { background: #22c55e; box-shadow: 0 0 calc(8 * var(--u)) #22c55e; animation: vivo 2.4s ease-in-out infinite; }
.atualizado[data-estado="velho"]::after { background: var(--ouro); }
.tabela-rola { overflow-x: auto; }
.tabela { width: 100%; border-collapse: collapse; }
.tabela th { padding: calc(4 * var(--u)) calc(10 * var(--u)) calc(9 * var(--u)); text-align: left; font-weight: 500; color: #b9b2a5; font-size: max(12px, calc(14.500 * var(--u))); white-space: nowrap; }
.tabela td { padding: calc(4 * var(--u)) calc(10 * var(--u)); border-top: 1px solid rgba(255, 255, 255, .045); font-size: max(12.5px, calc(14.500 * var(--u))); color: #efe9dc; }
.tabela tbody tr { animation: linha-entra .7s var(--curva) both; animation-delay: var(--atraso, 0ms); transition: background .25s; }
.tabela tbody tr:hover { background: rgba(217, 179, 108, .05); }
.tabela .col-pos { width: calc(70 * var(--u)); text-align: center; }
.tabela .col-num { text-align: center; white-space: nowrap; }
.tabela--casas td { height: calc(37 * var(--u)); }
.celula-casa { display: flex; align-items: center; gap: calc(14 * var(--u)); min-width: 0; }
.celula-casa .brasao { flex: none; width: calc(32 * var(--u)); height: calc(32 * var(--u)); }
.celula-casa .nome { flex: none; width: calc(106 * var(--u)); white-space: nowrap; }
.celula-casa .barra { flex: 1; height: calc(6 * var(--u)); min-width: 40px; margin-right: calc(30 * var(--u)); }
.tabela .pos-casa { color: var(--ouro-claro); text-align: center; }
.painel--sobre { overflow: hidden; }
.painel--sobre > p { max-width: calc(330 * var(--u)); margin-bottom: calc(26 * var(--u)); color: #c9c2b5; font-size: max(13.500px, calc(16.500 * var(--u))); line-height: 1.6; }
.painel__marca { position: absolute; right: calc(18 * var(--u)); bottom: calc(18 * var(--u)); width: calc(172 * var(--u)); height: auto; opacity: .3; animation: flutuar 8s ease-in-out infinite; pointer-events: none; }
.abas { display: flex; gap: calc(17 * var(--u)); margin: calc(22 * var(--u)) 0 0 calc(-6 * var(--u)); }
.abas button {
  display: inline-flex; align-items: center; gap: calc(14 * var(--u)); height: calc(52 * var(--u)); padding: 0 calc(32 * var(--u));
  border: 1px solid var(--borda); border-radius: calc(9 * var(--u));
  background: rgba(8, 8, 8, .78); color: #d6cdb9; font-size: max(13px, calc(15.500 * var(--u))); font-weight: 600; white-space: nowrap;
  transition: transform .35s var(--curva), border-color .3s, background .3s, color .3s, box-shadow .3s;
}
.abas button .icone { width: calc(27 * var(--u)); height: calc(27 * var(--u)); color: var(--ouro); }
.abas button:hover { border-color: var(--borda-forte); transform: translateY(calc(-2 * var(--u))); }
.abas button[aria-selected="true"] { color: #1d1507; border-color: transparent; background: linear-gradient(180deg, #f0d594, #c99c50); box-shadow: 0 calc(5 * var(--u)) calc(22 * var(--u)) rgba(217, 179, 108, .3); }
.abas button[aria-selected="true"] .icone { color: #1d1507; }
.painel--tabela { display: flex; flex-direction: column; min-height: calc(478 * var(--u)); padding: calc(10 * var(--u)) calc(20 * var(--u)) calc(10 * var(--u)); }
.painel--tabela .tabela-rola { flex: 1; }
.tabela--ranking th { padding-top: calc(10 * var(--u)); padding-bottom: calc(12 * var(--u)); }
.tabela--ranking td { height: calc(39 * var(--u)); padding-top: calc(2 * var(--u)); padding-bottom: calc(2 * var(--u)); }
.tabela--ranking .col-num { width: calc(150 * var(--u)); }
.tabela--ranking .col-casa { width: calc(110 * var(--u)); text-align: center; }
.tabela--ranking .brasao { width: calc(32 * var(--u)); height: calc(32 * var(--u)); margin: 0 auto; }
.tabela--ranking tr.primeiro { background: linear-gradient(90deg, rgba(186, 140, 60, .48), rgba(130, 98, 40, .2) 62%, rgba(130, 98, 40, .32)); }
.tabela--ranking tr.primeiro:hover { background: linear-gradient(90deg, rgba(186, 140, 60, .58), rgba(130, 98, 40, .28) 62%, rgba(130, 98, 40, .4)); }
.tabela--ranking tr.primeiro td { border-top: 1px solid rgba(233, 196, 120, .5); border-bottom: 1px solid rgba(233, 196, 120, .5); height: calc(48 * var(--u)); }
.tabela--ranking tr.primeiro td:first-child { border-left: 1px solid rgba(233, 196, 120, .5); }
.tabela--ranking tr.primeiro td:last-child { border-right: 1px solid rgba(233, 196, 120, .5); }
.tabela--ranking tr.podio td { height: calc(46 * var(--u)); }
.jogador { display: flex; align-items: center; gap: calc(20 * var(--u)); min-width: 0; }
.jogador__nome { max-width: calc(440 * var(--u)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.avatar { flex: none; display: grid; place-items: center; width: calc(40 * var(--u)); height: calc(40 * var(--u)); min-width: 28px; min-height: 28px; border-radius: 50%; border: 1.5px solid rgba(217, 179, 108, .75); background: radial-gradient(circle at 50% 26%, #5a564d, #1b1a18 74%); overflow: hidden; }
.avatar svg { width: 92%; height: 92%; margin-top: 12%; fill: #060606; }
.louros { display: grid; place-items: center; position: relative; width: calc(54 * var(--u)); height: calc(46 * var(--u)); margin: 0 auto; }
.louros svg { position: absolute; inset: 0; width: 100%; height: 100%; fill: currentColor; }
.louros b { position: relative; display: grid; place-items: center; width: calc(26 * var(--u)); height: calc(26 * var(--u)); border-radius: 50%; font-weight: 600; font-size: max(12px, calc(15 * var(--u))); background: radial-gradient(circle at 40% 28%, color-mix(in srgb, currentColor 78%, #000), color-mix(in srgb, currentColor 30%, #000)); box-shadow: 0 0 calc(7 * var(--u)) color-mix(in srgb, currentColor 45%, transparent); }
.louros b span { color: #fff8e6; }
.pos-1 { color: #e3b75c; }
.pos-2 { color: #c6cad0; }
.pos-3 { color: #c58d58; }
.painel__rodape { display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--u)); padding: calc(10 * var(--u)) calc(16 * var(--u)) 0; }
.atualizado--icone { color: #a59e92; }
.paginas { display: flex; align-items: center; gap: calc(6 * var(--u)); margin-right: calc(30 * var(--u)); }
.paginas button { min-width: calc(34 * var(--u)); height: calc(34 * var(--u)); padding: 0 calc(8 * var(--u)); border-radius: calc(6 * var(--u)); color: #cfc8ba; transition: background .25s, color .25s; }
.paginas button:hover:not(:disabled) { background: rgba(217, 179, 108, .16); color: #fff; }
.paginas button:disabled { opacity: .35; cursor: default; }
.paginas button[aria-current="page"] { background: linear-gradient(180deg, #f0d594, #c99c50); color: #1d1507; font-weight: 700; }
.destaque-casas { display: grid; grid-template-columns: 1fr 1fr; gap: calc(6 * var(--u)) calc(14 * var(--u)); padding-bottom: calc(4 * var(--u)); }
.destaque-casas > div { display: flex; flex-direction: column; align-items: center; text-align: center; font-size: max(13px, calc(16 * var(--u))); color: #efe9dc; animation: linha-entra .7s var(--curva) both; animation-delay: var(--atraso, 0ms); }
.destaque-casas img { width: calc(66 * var(--u)); height: calc(76 * var(--u)); object-fit: contain; object-position: 50% 0; margin-bottom: calc(4 * var(--u)); transform-origin: 50% 0; animation: balanco 5.5s ease-in-out infinite; animation-delay: var(--giro, 0s); }
.destaque-casas small { font-size: max(13px, calc(16 * var(--u))); color: #d6d0c3; }
.missao-top { display: grid; grid-template-columns: calc(84 * var(--u)) 1fr; gap: calc(16 * var(--u)); align-items: center; }
.missao-top__icone { display: grid; place-items: center; width: calc(84 * var(--u)); height: calc(72 * var(--u)); border: 1px solid var(--borda); border-radius: calc(6 * var(--u)); background: radial-gradient(circle at 50% 40%, rgba(217, 179, 108, .2), rgba(0, 0, 0, .3)); }
.missao-top__icone .icone { width: calc(38 * var(--u)); height: calc(38 * var(--u)); color: var(--ouro-claro); }
.missao-top strong { display: block; font-weight: 500; font-size: max(13.500px, calc(16.500 * var(--u))); color: #f4efe3; line-height: 1.3; }
.missao-top span { display: block; margin-top: calc(5 * var(--u)); color: var(--suave); font-size: max(12px, calc(13.500 * var(--u))); }
.partidas > li, .provas > li { display: flex; align-items: center; gap: calc(16 * var(--u)); padding: calc(13 * var(--u)) calc(6 * var(--u)); border-top: 1px solid rgba(255, 255, 255, .05); animation: linha-entra .7s var(--curva) both; animation-delay: var(--atraso, 0ms); }
.partidas > li:first-child, .provas > li:first-child { border-top: 0; }
.partidas strong, .provas strong { display: block; font-weight: 600; color: #f1ebdf; }
.partidas span, .provas span { color: var(--suave); font-size: max(12.5px, calc(14 * var(--u))); }
.provas__numero { flex: none; display: grid; place-items: center; width: calc(44 * var(--u)); height: calc(44 * var(--u)); border: 1px solid var(--borda-forte); border-radius: 50%; font-family: var(--romana); font-size: max(14px, calc(18 * var(--u))); color: var(--ouro-claro); }
.escolas { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(24 * var(--u)); }
.escola { display: grid; grid-template-columns: calc(84 * var(--u)) 1fr; align-items: center; gap: calc(20 * var(--u)); padding: calc(22 * var(--u)); }
.escola__selo { display: grid; place-items: center; width: calc(84 * var(--u)); height: calc(84 * var(--u)); border-radius: 50%; border: 1px solid var(--borda-forte); font-family: var(--romana); font-size: max(26px, calc(40 * var(--u))); color: var(--ouro-claro); background: radial-gradient(circle at 50% 35%, rgba(217, 179, 108, .22), rgba(0, 0, 0, .45)); animation: flutuar 6s ease-in-out infinite; }
.escola:nth-child(2) .escola__selo { animation-delay: -2s; }
.escola:nth-child(3) .escola__selo { animation-delay: -4s; }
.escola__nome { font-family: var(--serifa); font-weight: 600; font-size: max(19px, calc(27 * var(--u))); color: #f1e6cc; line-height: 1.15; }
.escola__pontos { font-family: var(--serifa); font-size: max(20px, calc(30 * var(--u))); color: #f7f2e7; line-height: 1.25; }
.escola__pontos small { font-size: .8em; color: #d7d0c2; }
.escola__campeao { color: var(--suave); font-size: max(12.5px, calc(14 * var(--u))); }
.painel--campeao { display: flex; flex-direction: column; }
.campeao__foto { width: calc(190 * var(--u)); height: auto; margin: calc(4 * var(--u)) auto calc(14 * var(--u)); border-radius: calc(8 * var(--u)); animation: flutuar 6s ease-in-out infinite; -webkit-mask-image: radial-gradient(ellipse at center, #000 58%, transparent 74%); mask-image: radial-gradient(ellipse at center, #000 58%, transparent 74%); }
.campeao__nome { text-align: center; font-family: var(--serifa); font-size: max(17px, calc(23 * var(--u))); color: #e8dfca; padding-bottom: calc(10 * var(--u)); }
.numeros { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(24 * var(--u)); }
.numero-cartao { display: flex; align-items: center; gap: calc(18 * var(--u)); padding: calc(20 * var(--u)) calc(24 * var(--u)); }
.numero-cartao .icone { width: calc(40 * var(--u)); height: calc(40 * var(--u)); color: var(--ouro); stroke-width: 1.3; }
.numero-cartao strong { display: block; font-family: var(--serifa); font-weight: 600; font-size: max(25px, calc(38 * var(--u))); color: #f7f2e7; line-height: 1.05; }
.numero-cartao span { color: var(--suave); font-size: max(12.5px, calc(14 * var(--u))); }
.missoes { display: grid; gap: calc(12 * var(--u)); }
.missao { padding: calc(14 * var(--u)) calc(16 * var(--u)); border: 1px solid rgba(201, 162, 90, .14); border-radius: calc(8 * var(--u)); background: rgba(0, 0, 0, .28); animation: linha-entra .7s var(--curva) both; animation-delay: var(--atraso, 0ms); transition: border-color .3s; }
.missao:hover { border-color: var(--borda-forte); }
.missao h3 { font-family: var(--serifa); font-weight: 600; font-size: max(18px, calc(25 * var(--u))); color: #f1e6cc; line-height: 1.2; }
.missao__selos { display: flex; flex-wrap: wrap; gap: calc(8 * var(--u)); margin: calc(8 * var(--u)) 0; }
.selo { display: inline-flex; align-items: center; gap: calc(6 * var(--u)); padding: calc(3 * var(--u)) calc(11 * var(--u)); border: 1px solid rgba(201, 162, 90, .32); border-radius: 99px; color: #e8dfca; font-size: max(11.5px, calc(13 * var(--u))); }
.selo .icone { width: calc(15 * var(--u)); height: calc(15 * var(--u)); color: var(--ouro); }
.missao p { color: #bdb6a9; }
.noticias { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(25 * var(--u)); }
.noticias .painel--vazio { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: calc(330 * var(--u)); }
.vazio__coruja { width: calc(230 * var(--u)); height: auto; animation: coruja-paira 7s ease-in-out infinite; }
.noticia { display: flex; flex-direction: column; align-items: stretch; }
.noticia img { width: 100%; height: calc(190 * var(--u)); object-fit: cover; }
.noticia__corpo { padding: calc(16 * var(--u)) calc(20 * var(--u)) calc(20 * var(--u)); }
.noticia h2 { margin: calc(6 * var(--u)) 0; font-family: var(--serifa); font-weight: 600; font-size: max(19px, calc(25 * var(--u))); color: #f1e6cc; line-height: 1.2; }
.noticia p { color: #bdb6a9; }
.baixar-grande { display: flex; flex-direction: column; align-items: flex-start; margin-top: calc(26 * var(--u)); }
.baixar-grande__versao { width: calc(304 * var(--u)); margin-top: calc(9 * var(--u)); text-align: center; color: #aaa397; font-size: max(12px, calc(14 * var(--u))); }
.requisitos { display: grid; grid-template-columns: 1fr 1.08fr; padding: calc(4 * var(--u)) calc(16 * var(--u)) calc(6 * var(--u)); }
.requisitos > div + div { padding-left: calc(26 * var(--u)); border-left: 1px solid rgba(201, 162, 90, .14); }
.requisitos h3 { display: flex; align-items: center; gap: calc(14 * var(--u)); margin: 0 0 calc(10 * var(--u)); font-weight: 500; font-size: max(14px, calc(17 * var(--u))); color: #f1ebdf; }
.requisitos h3 .icone { width: calc(25 * var(--u)); height: calc(25 * var(--u)); fill: #e8e3d8; }
.requisitos dl > div { display: flex; flex-wrap: wrap; gap: 0 calc(5 * var(--u)); font-size: max(12.5px, calc(14.500 * var(--u))); line-height: 1.62; }
.requisitos dt { color: #d9d2c4; font-weight: 600; }
.requisitos dd { color: #aaa397; }
.trailer { position: relative; display: block; margin-top: calc(-13 * var(--u)); padding: calc(10 * var(--u)) calc(8 * var(--u)) 0; border: 1px solid rgba(222, 186, 116, .55); background: rgba(5, 5, 5, .86); box-shadow: 0 0 calc(20 * var(--u)) rgba(217, 179, 108, .1); }
.trailer__moldura { position: absolute; inset: calc(-4 * var(--u)); pointer-events: none; background:
  linear-gradient(var(--ouro), var(--ouro)) 0 0 / calc(24 * var(--u)) 1.5px no-repeat, linear-gradient(var(--ouro), var(--ouro)) 0 0 / 1.5px calc(24 * var(--u)) no-repeat,
  linear-gradient(var(--ouro), var(--ouro)) 100% 0 / calc(24 * var(--u)) 1.5px no-repeat, linear-gradient(var(--ouro), var(--ouro)) 100% 0 / 1.5px calc(24 * var(--u)) no-repeat,
  linear-gradient(var(--ouro), var(--ouro)) 0 100% / calc(24 * var(--u)) 1.5px no-repeat, linear-gradient(var(--ouro), var(--ouro)) 0 100% / 1.5px calc(24 * var(--u)) no-repeat,
  linear-gradient(var(--ouro), var(--ouro)) 100% 100% / calc(24 * var(--u)) 1.5px no-repeat, linear-gradient(var(--ouro), var(--ouro)) 100% 100% / 1.5px calc(24 * var(--u)) no-repeat; }
.trailer img { width: 100%; height: auto; -webkit-mask-image: linear-gradient(180deg, #000 76%, transparent); mask-image: linear-gradient(180deg, #000 76%, transparent); }
.trailer__play { position: absolute; left: 50.2%; top: calc(119 * var(--u)); translate: -50% -50%; display: grid; place-items: center; width: calc(82 * var(--u)); height: calc(82 * var(--u)); border-radius: 50%; border: 2px solid var(--ouro); background: rgba(10, 8, 4, .94); box-shadow: 0 0 calc(24 * var(--u)) rgba(217, 179, 108, .35); transition: transform .4s var(--curva), box-shadow .4s; animation: pulso-play 3s ease-in-out infinite; }
.trailer__play .icone { width: calc(44 * var(--u)); height: calc(44 * var(--u)); margin-left: calc(4 * var(--u)); }
.trailer:hover .trailer__play { transform: scale(1.09); }
.trailer__texto { display: block; padding: calc(10 * var(--u)) 0 calc(16 * var(--u)); text-align: center; color: #efe9dc; font-size: max(13px, calc(16 * var(--u))); }
.trailer[aria-disabled="true"] { cursor: default; }
.trailer[aria-disabled="true"] .trailer__play { animation: none; opacity: .92; filter: saturate(.6); }
.trailer[aria-disabled="true"] img { filter: saturate(.55) brightness(.72); }
.faixa { display: grid; grid-template-columns: repeat(4, 1fr); margin: calc(36 * var(--u)) calc(25 * var(--u)) 0 calc(23 * var(--u)); padding: calc(24 * var(--u)) calc(50 * var(--u)); border: 1px solid var(--borda); border-radius: calc(10 * var(--u)); background: rgba(5, 5, 5, .72); }
.faixa > div { display: flex; align-items: center; gap: calc(26 * var(--u)); }
.faixa .icone { width: calc(46 * var(--u)); height: calc(46 * var(--u)); animation: flutuar 5s ease-in-out infinite; }
.faixa > div:nth-child(2) .icone { animation-delay: -1.2s; }
.faixa > div:nth-child(3) .icone { animation-delay: -2.4s; }
.faixa > div:nth-child(4) .icone { animation-delay: -3.6s; }
.faixa p { color: #d9d2c4; font-size: max(13px, calc(16 * var(--u))); line-height: 1.35; }
.faixa small { display: block; font-size: 1em; color: #aaa397; }
.rodape { position: relative; z-index: 1; width: calc(1672 * var(--u)); margin: calc(18 * var(--u)) auto 0; padding-bottom: calc(12 * var(--u)); }
.rodape__linha { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: calc(30 * var(--u)); padding: 0 calc(90 * var(--u)); }
.rodape__direita { display: flex; align-items: center; gap: calc(30 * var(--u)); margin-right: calc(-28 * var(--u)); }
.rodape__direita .rodape__fio { min-width: 0; }
.rodape__fio { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(201, 162, 90, .15), rgba(201, 162, 90, .75)); }
.rodape__direita .rodape__fio { background: linear-gradient(90deg, rgba(201, 162, 90, .75), rgba(201, 162, 90, .15)); }
.rodape__monograma { font-family: var(--romana); font-weight: 700; font-size: calc(54 * var(--u)); line-height: 1; background: linear-gradient(180deg, #f3dca4, #a97f3c); -webkit-background-clip: text; background-clip: text; color: transparent; transition: filter .4s, transform .4s var(--curva); }
.rodape__monograma:hover { filter: drop-shadow(0 0 calc(12 * var(--u)) rgba(243, 220, 164, .7)); transform: scale(1.08); }
.rodape__redes { display: flex; align-items: center; gap: calc(26 * var(--u)); }
.rodape__redes a, .rodape__redes span { display: grid; place-items: center; color: var(--ouro-claro); transition: transform .35s var(--curva), color .3s; }
.rodape__redes .icone { width: calc(28 * var(--u)); height: calc(28 * var(--u)); fill: currentColor; stroke: none; }
.rodape__redes a:hover { transform: translateY(calc(-3 * var(--u))); color: #fff; }
.rodape__redes span { color: #5d574c; }
.rodape__nome { margin: calc(-14 * var(--u)) 0 0 calc(90 * var(--u)); color: #70695b; font-size: max(10.500px, calc(11.500 * var(--u))); letter-spacing: .52em; text-transform: uppercase; }
.so-leitor { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.brasao--partida { flex: none; width: calc(38 * var(--u)); height: calc(38 * var(--u)); min-width: 28px; min-height: 28px; }
@keyframes topo-entra { from { opacity: 0; transform: translateY(calc(-20 * var(--u))); } }
@keyframes ceu-entra { from { opacity: 0; } }
@keyframes respirar { from { scale: 1; } to { scale: 1.055; } }
@keyframes luz-a { 0%, 100% { opacity: .12; } 28% { opacity: .92; } 44% { opacity: .46; } 68% { opacity: 1; } 84% { opacity: .3; } }
@keyframes luz-b { 0%, 100% { opacity: .85; } 22% { opacity: .22; } 50% { opacity: 1; } 76% { opacity: .35; } }
@keyframes lua { 0%, 100% { opacity: .62; scale: 1; } 50% { opacity: 1; scale: 1.08; } }
@keyframes neblina { from { translate: -7% 0; } to { translate: 9% calc(-8 * var(--u)); } }
@keyframes voar { from { transform: translateX(calc(1800 * var(--u))); } to { transform: translateX(calc(-120 * var(--u))); } }
@keyframes bater { from { transform: rotate(-6deg); } to { transform: rotate(24deg); } }
@keyframes bater-d { from { transform: rotate(6deg); } to { transform: rotate(-24deg); } }
@keyframes vela { from { transform: translateY(calc(-7 * var(--u))) rotate(-1.2deg); } to { transform: translateY(calc(7 * var(--u))) rotate(1.2deg); } }
@keyframes chama { from { transform: scale(.94, 1.02) rotate(-3deg); opacity: .92; } to { transform: scale(1.06, .96) rotate(3deg); opacity: 1; } }
@keyframes coruja-chega { from { opacity: 0; transform: translate(calc(320 * var(--u)), calc(-110 * var(--u))) rotate(10deg) scale(.82); } }
@keyframes coruja-paira { 0%, 100% { translate: 0 0; rotate: 0deg; } 30% { translate: calc(-10 * var(--u)) calc(-13 * var(--u)); rotate: -1.6deg; } 62% { translate: calc(9 * var(--u)) calc(9 * var(--u)); rotate: 1.4deg; } }
@keyframes pomo-voa {
  0%, 100% { transform: translate(calc(1500 * var(--u)), calc(140 * var(--u))) scale(1); }
  14% { transform: translate(calc(1180 * var(--u)), calc(240 * var(--u))) scale(.9); }
  27% { transform: translate(calc(1320 * var(--u)), calc(110 * var(--u))) scale(1.1); }
  42% { transform: translate(calc(940 * var(--u)), calc(180 * var(--u))) scale(.8); }
  55% { transform: translate(calc(720 * var(--u)), calc(300 * var(--u))) scale(1); }
  70% { transform: translate(calc(1060 * var(--u)), calc(320 * var(--u))) scale(1.15); }
  85% { transform: translate(calc(1390 * var(--u)), calc(260 * var(--u))) scale(.92); }
}
@keyframes asa-e { from { transform: rotate(-18deg); } to { transform: rotate(16deg); } }
@keyframes asa-d { from { transform: rotate(18deg); } to { transform: rotate(-16deg); } }
@keyframes ouro { from { background-position: 130% 0; } to { background-position: -130% 0; } }
@keyframes fio-e { from { transform: scaleX(0); opacity: 0; } }
@keyframes fio-d { from { transform: scaleX(0); opacity: 0; } }
@keyframes brilho-botao { to { left: 130%; } }
@keyframes brilho-cartao { to { left: 125%; } }
@keyframes pulso-ouro { 0%, 100% { box-shadow: 0 calc(7 * var(--u)) calc(26 * var(--u)) rgba(217, 179, 108, .24), inset 0 1px 0 rgba(255, 255, 255, .5); } 50% { box-shadow: 0 calc(7 * var(--u)) calc(38 * var(--u)) rgba(240, 217, 162, .5), inset 0 1px 0 rgba(255, 255, 255, .5); } }
@keyframes pulso-play { 0%, 100% { box-shadow: 0 0 calc(18 * var(--u)) rgba(217, 179, 108, .26); } 50% { box-shadow: 0 0 calc(34 * var(--u)) rgba(240, 217, 162, .6); } }
@keyframes flutuar { 0%, 100% { translate: 0 0; } 50% { translate: 0 calc(-6 * var(--u)); } }
@keyframes balanco { 0%, 100% { rotate: -1.3deg; } 50% { rotate: 1.3deg; } }
@keyframes seta { 0%, 100% { translate: 0 calc(-3 * var(--u)); } 50% { translate: 0 calc(4 * var(--u)); } }
@keyframes barra { from { width: 0; } }
@keyframes linha-entra { from { opacity: 0; transform: translateX(calc(-14 * var(--u))); } }
@keyframes vivo { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .revelar { opacity: 1; transform: none; }
  .ceu__luz { opacity: .5; }
  #magia, .ave, .pomo { display: none; }
}
@media (min-width: 2175px) {
  .ceu__arte { --fade-dir: 14%; }
}
@media (max-width: 1100px) {
  :root { --u: 1px; }
  body { font-size: 14px; }
  .topo { position: fixed; grid-template-columns: 1fr; grid-template-areas: "botao" "menu"; height: auto; padding: 8px 16px 0; background: rgba(5, 5, 5, .9); backdrop-filter: blur(10px); box-shadow: 0 1px 0 rgba(201, 162, 90, .22); }
  .botao--topo { grid-area: botao; justify-self: center; height: 38px; padding: 0 22px; }
  .menu { grid-area: menu; justify-content: flex-start; margin: 4px -16px 0; padding: 0 8px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .menu::-webkit-scrollbar { display: none; }
  .menu a { padding: 8px 13px 9px; font-size: 12px; letter-spacing: 0; gap: 3px; flex: none; }
  .menu a .icone { width: 19px; height: 19px; }
  .menu__marcador { bottom: 0; }
  .folha, .rodape { width: auto; max-width: 100%; }
  .folha { padding: 0 16px; }
  .ceu { --ceu-altura: 430 !important; }
  .ceu__arte { --arte-topo: 80 !important; width: max(100%, 620px); right: 0; opacity: .62; --fade-esq: 0%; --fade-base: 56%; }
  .abertura, .cabecalho, .cabecalho--casas, .cabecalho--ranking, .cabecalho--download { height: auto; min-height: 0; padding: 150px 0 28px; }
  .chamada { font-size: 11.5px; letter-spacing: .3em; }
  .chamada::before, .chamada::after { width: 34px; }
  .titulo-mestre { font-size: clamp(52px, 15vw, 96px); }
  .titulo-mestre small { font-size: clamp(16px, 4.600vw, 28px); }
  .titulo-mestre--ranking { font-size: clamp(38px, 10vw, 62px); }
  .titulo-logo { width: min(420px, 78vw); }
  .titulo-pagina { font-size: clamp(36px, 9.500vw, 62px); }
  .titulo-pagina--claro { font-size: clamp(34px, 8.500vw, 56px); }
  .subtitulo { font-size: 17px; max-width: 100%; }
  .subtitulo br, .abertura__texto br { display: none; }
  .abertura__texto { font-size: 15px; }
  .ornamento { margin-left: 0; max-width: 100%; }
  .botao--linha { height: 44px; padding: 0 30px; }
  .botao--ouro, .botao--grande { width: 100%; max-width: 320px; height: 50px; font-size: 16px; }
  .baixar-grande__versao { width: 100%; max-width: 320px; }
  .destaques, .trio, .casas, .duo, .duo--casas, .duo--largo, .duo--ranking, .duo--download, .escolas, .noticias, .numeros { grid-template-columns: minmax(0, 1fr); margin-left: 0; margin-right: 0; padding-left: 0; height: auto; gap: 16px; }
  .trio, .duo { margin-top: 16px; }
  .destaques { margin-top: 0; }
  .destaque { min-height: 118px; }
  .destaque__foto { opacity: .55; }
  .destaque__texto { min-width: 0; padding-right: 10px; }
  .destaque__texto strong { white-space: normal; }
  .destaque--casas .destaque__texto > span { white-space: normal; font-size: 12.5px; }
  .destaque__bandeiras img { width: 38px; }
  .destaque__bandeiras { gap: 5px; margin-right: 16px; }
  .painel { padding: 14px 16px; }
  .painel__topo { flex-wrap: wrap; }
  .lista-casas > li { grid-template-columns: 26px 38px 1fr auto; min-height: 44px; padding-left: 2px; }
  .lista-casas .brasao { width: 28px; height: 28px; }
  .lista-casas .nome { padding-right: 12px; }
  .lista-casas .valor { padding-right: 0; }
  .novidade { grid-template-columns: minmax(0, 1fr); }
  .casa { height: 196px; }
  .casa__bandeira { width: 92px; }
  .casa__dados { left: 128px; top: 22px; }
  .casa__lema { bottom: 34px; }
  .casa .barra { bottom: 14px; }
  .abas { margin: 0 -16px; padding: 2px 16px; overflow-x: auto; scrollbar-width: none; }
  .abas::-webkit-scrollbar { display: none; }
  .abas button { flex: none; height: 44px; padding: 0 14px; font-size: 13px; }
  .abas button .icone { width: 20px; height: 20px; }
  .painel--tabela { min-height: 0; }
  .tabela th { font-size: 12px; }
  .tabela .col-pos, .tabela--ranking .col-num, .tabela--ranking .col-casa { width: auto; }
  .tabela td, .tabela th { padding-left: 7px; padding-right: 7px; }
  .jogador { gap: 9px; }
  .jogador__nome { max-width: 42vw; white-space: normal; overflow-wrap: anywhere; }
  .celula-casa { gap: 8px; }
  .celula-casa .barra { display: none; }
  .celula-casa .nome { width: auto; }
  .painel__rodape { flex-wrap: wrap; padding: 10px 2px 2px; }
  .paginas { margin-right: 0; }
  .requisitos { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 2px 0; }
  .requisitos > div + div { padding-left: 0; padding-top: 12px; border-left: 0; border-top: 1px solid rgba(201, 162, 90, .14); }
  .trailer { margin-top: 0; }
  .trailer__play { top: calc((100vw - 50px) * .149 + 10px); width: 58px; height: 58px; }
  .trailer__play .icone { width: 30px; height: 30px; }
  .faixa { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 16px 0 0; padding: 16px; }
  .faixa > div { gap: 10px; }
  .faixa .icone { width: 30px; height: 30px; }
  .coruja { width: min(46vw, 250px); top: 112px; right: 4px; }
  .pomo { width: 52px; }
  .rodape { margin-top: 22px; }
  .rodape__linha { padding: 0 16px; gap: 12px; }
  .rodape__direita { display: contents; }
  .rodape__direita .rodape__fio { grid-column: 3; grid-row: 1; }
  .rodape__monograma { font-size: 40px; }
  .rodape__redes { grid-column: 1 / -1; justify-content: center; gap: 22px; }
  .rodape__redes .icone { width: 24px; height: 24px; }
  .rodape__nome { margin: 10px 0 0; text-align: center; letter-spacing: .4em; }
  .destaque__icone--trofeu { margin: 0 18px 0 16px; width: 52px; }
  .destaque__icone--aros { margin: 0 12px 0 10px; width: 74px; }
  @keyframes pomo-voa { 0%, 100% { transform: translate(70vw, 120px); } 30% { transform: translate(20vw, 200px); } 60% { transform: translate(60vw, 90px); } 80% { transform: translate(10vw, 150px); } }
  @keyframes voar { from { transform: translateX(110vw); } to { transform: translateX(-80px); } }
}
@media (max-width: 560px) {
  .avatar { display: none; }
  .louros { width: 40px; height: 36px; }
  .louros b { width: 20px; height: 20px; font-size: 11px; }
  .tabela td, .tabela th { padding-left: 4px; padding-right: 4px; font-size: 12.5px; }
  .tabela--ranking .brasao { width: 26px; height: 26px; }
  .jogador__nome { max-width: 36vw; }
  .botao--topo { font-size: 12.5px; }
  .casa__lema { font-size: 13px; }
}