:root{--bg:#1d1424;--panel:#2c2036;--panel-hi:#3a2b47;--line:#4a3858;--text:#f6eee3;--muted:#b5a6bf;--accent:#ffc93c;--accent-dark:#c98a00;--sunset:#ff8c69;--comum:#8d99ae;--raro:#4ea8ff;--epico:#c77dff;--lendario:#ffd60a;--sy:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:16px/1.5 Inter,system-ui,sans-serif}html,body{overflow-x:clip}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,.nav-logo{font-family:Bungee,Impact,sans-serif;font-weight:400;line-height:1.05}h2{margin-bottom:14px;font-size:clamp(28px,5vw,48px)}.kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:800}.btn{background:var(--accent);color:#1d1424;box-shadow:0 6px 0 var(--accent-dark), 0 10px 30px #ffc93c55;border-radius:14px;padding:16px 30px;font:22px Bungee,Impact,sans-serif;text-decoration:none;transition:transform .12s,box-shadow .12s;animation:2.4s ease-in-out infinite pulse;display:inline-block}.btn:hover{box-shadow:0 8px 0 var(--accent-dark), 0 14px 40px #ffc93c88;transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--accent-dark);transform:translateY(5px)}.btn-sm{box-shadow:0 4px 0 var(--accent-dark);padding:8px 16px;font-size:15px;animation:none}@keyframes pulse{50%{box-shadow:0 6px 0 var(--accent-dark), 0 10px 50px #ffc93caa}}.nav{z-index:10;background:linear-gradient(#1d1424ee,#1d142400);align-items:center;gap:16px;padding:12px max(16px,50% - 560px);display:flex;position:fixed;inset:0 0 auto}.nav-logo{color:var(--accent);margin-right:auto;font-size:18px;text-decoration:none}.nav-links{gap:20px;display:flex}.nav-links a{color:var(--muted);font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--text)}@media (width<=560px){.nav-links{display:none}}.hero{background:linear-gradient(#2b1838 0%, #b54d5c 45%, var(--sunset) 70%, #ffd29d);grid-template-columns:1fr 1fr;align-items:center;min-height:100svh;padding:90px max(16px,50% - 560px) 40px;display:grid;position:relative;overflow:hidden}.sky{pointer-events:none;position:absolute;inset:0}.sun{aspect-ratio:1;background:radial-gradient(#fff4c2,#ffd166 55%,#ffd16600 70%);border-radius:50%;width:46vmin;animation:6s ease-in-out infinite glow;position:absolute;top:52%;left:50%;translate:-50% -50%}@keyframes glow{50%{opacity:.85;scale:1.06}}.hero-morro{width:max(900px,95%);translate:-50% calc(var(--sy) * .35px);opacity:.55;position:absolute;bottom:-30%;left:50%;-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}.hero:after{content:"";background:linear-gradient(#1d142400, var(--bg));pointer-events:none;height:30%;position:absolute;inset:auto 0 0}.hero-copy{z-index:2;max-width:520px;position:relative}.logo{color:var(--accent);text-shadow:0 4px 0 var(--accent-dark), 0 8px 0 #7a3b00, 0 16px 30px #000a;flex-direction:column;font-size:clamp(56px,10vw,112px);animation:.9s cubic-bezier(.2,1.6,.4,1) both drop;display:flex}.logo span{color:var(--text);text-shadow:0 3px #0008;margin:4px 0 2px;font-size:.38em}@keyframes drop{0%{opacity:0;transform:translateY(-60px)scale(.8)}}.lead{text-shadow:0 2px 8px #0009;margin:18px 0 28px;font-size:19px;animation:.8s .3s both rise}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;animation:.8s .5s both rise;display:flex}.note{text-shadow:0 2px 6px #000a;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}.squad{z-index:2;justify-content:center;align-items:flex-end;min-width:0;display:flex;position:relative}.squad img{filter:drop-shadow(0 18px 14px #0008);width:22%;animation:enter .7s calc(.4s + var(--i) * .12s) cubic-bezier(.2, 1.5, .4, 1) both, bob 2.6s calc(var(--i) * -.5s) ease-in-out infinite;margin:0 -2%}.squad .lead-hero{z-index:1;width:30%}.squad img:nth-child(2),.squad img:nth-child(4){width:25%}@keyframes enter{0%{opacity:0;transform:translateY(80px)}}@keyframes bob{50%{translate:0 -8px}}@media (width<=800px){.hero{text-align:center;grid-template-columns:1fr;align-content:start;gap:8px}.hero-copy{margin:0 auto}.logo{align-items:center}.hero-actions{justify-content:center}.squad{max-width:440px;margin:0 auto}}.rojao{left:var(--x);width:4px;height:14px;animation:launch 5.6s var(--d) ease-out infinite;opacity:0;background:linear-gradient(#fff4c2,#ff8c6900);border-radius:2px;position:absolute;bottom:18%}.rojao:after{content:"";opacity:0;width:6px;height:6px;animation:burst 5.6s var(--d) ease-out infinite;border-radius:50%;position:absolute;top:0;left:50%;translate:-50% -50%;scale:0;box-shadow:0 -40px #ffd166,28px -28px #ff70a6,40px 0 #ffd166,28px 28px #4ea8ff,0 40px #ffd166,-28px 28px #ff70a6,-40px 0 #ffd166,-28px -28px #4ea8ff}@keyframes launch{0%{opacity:1;transform:translateY(0)}22%{opacity:1;transform:translateY(-46vh)}23%,to{opacity:1;background:0 0;transform:translateY(-46vh)}}@keyframes burst{0%,22%{opacity:0;scale:0}24%{opacity:1;scale:.3}40%{opacity:0;scale:1.4}to{opacity:0}}.ticker{background:var(--accent);color:#1d1424;z-index:3;margin:-10px -10px 0;font-weight:800;position:relative;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 10px 30px #0008}.track{width:max-content;animation:40s linear infinite scroll;display:flex}.track span{white-space:nowrap;padding:12px 28px}.ticker:hover .track{animation-play-state:paused}@keyframes scroll{to{transform:translate(-50%)}}.section{padding:110px max(16px,50% - 560px)}.center{text-align:center;max-width:640px;margin:0 auto 40px}.section p{color:var(--muted)}.split{grid-template-columns:1fr 1.2fr;align-items:center;gap:48px;display:grid}@media (width<=800px){.split{grid-template-columns:1fr}.section{padding-block:72px}}.js .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.3,1);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(30px)}.js .reveal.in{opacity:1;transform:none}.buildings{gap:10px;margin-top:24px;list-style:none;display:grid}.buildings li{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:transform .2s,border-color .2s;display:flex}.buildings li:hover{border-color:var(--accent);transform:translate(6px)}.buildings li>span{font-size:26px}.buildings b{display:block}.buildings small{color:var(--muted)}.map{border:3px solid var(--line);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 30px 60px #000a}.map img{transition:transform 6s ease-out}.map:hover img{transform:scale(1.08)}.pop{left:var(--x);top:var(--y);color:var(--accent);white-space:nowrap;animation:pop 4s var(--d) ease-out infinite;opacity:0;background:#1d1424dd;border-radius:999px;padding:4px 10px;font-size:14px;font-weight:800;position:absolute}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.6)}10%{opacity:1;transform:translateY(0)scale(1)}45%{opacity:1;transform:translateY(-30px)}60%,to{opacity:0;transform:translateY(-40px)}}.bonde{grid-template-columns:1fr 1.1fr;align-items:center;gap:32px;display:grid}@media (width<=800px){.bonde{grid-template-columns:1fr}}.featured{--c:var(--lendario);background:radial-gradient(circle at 25% 60%, color-mix(in srgb, var(--c) 30%, transparent), var(--panel) 60%);border:2px solid color-mix(in srgb, var(--c) 60%, var(--line));border-radius:24px;grid-template-columns:1fr 1.2fr;align-items:center;gap:16px;padding:24px;transition:border-color .4s,background .4s;display:grid}.featured.comum{--c:var(--comum)}.featured.raro{--c:var(--raro)}.featured.épico{--c:var(--epico)}.featured-art img{filter:drop-shadow(0 16px 12px #0009);height:300px;margin:0 auto;animation:2.6s ease-in-out infinite bob}.featured-art.swap{animation:.5s cubic-bezier(.2,1.6,.4,1) swap}@keyframes swap{0%{opacity:0;transform:scale(.7)rotate(-6deg)}}.featured h3{margin:8px 0 4px;font-size:34px}.featured .role{color:var(--text);margin-bottom:10px;font-weight:600}.featured .skill{color:var(--text);background:#0004;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:14px}@media (width<=480px){.featured{text-align:center;grid-template-columns:1fr}.featured-art img{height:220px}}.rar{text-transform:uppercase;letter-spacing:.08em;background:#0006;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-block}.rar.comum{color:var(--comum)}.rar.raro{color:var(--raro)}.rar.épico{color:var(--epico)}.rar.lendário{color:var(--lendario)}.cards{perspective:800px;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.card{--c:var(--comum);cursor:pointer;background:linear-gradient(color-mix(in srgb, var(--c) 22%, var(--panel)), var(--panel));border:2px solid color-mix(in srgb, var(--c) 45%, var(--line));color:var(--text);font:inherit;transform:rotateX(var(--rx,0)) rotateY(var(--ry,0));border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex}.card.raro{--c:var(--raro)}.card.épico{--c:var(--epico)}.card.lendário{--c:var(--lendario)}.card img{height:96px;transition:transform .2s}.card:hover img,.card.on img{transform:translateY(-6px)scale(1.08)}.card.on{border-color:var(--c);box-shadow:0 0 24px color-mix(in srgb, var(--c) 60%, transparent)}.card small{color:var(--muted);font-size:11px}.card.lendário{animation:2.5s ease-in-out infinite shine}@keyframes shine{50%{box-shadow:0 0 22px #ffd60a88}}.ladder{counter-reset:c;grid-template-columns:repeat(5,1fr);gap:14px;list-style:none;display:grid;position:relative}.ladder li{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;padding:16px 12px;position:relative}.ladder li:before{counter-increment:c;content:counter(c);color:var(--muted);font:12px Bungee,sans-serif;position:absolute;top:8px;left:10px}.c-icon{margin-bottom:6px;font-size:32px;display:block}.ladder b{font-family:Bungee,sans-serif;font-size:15px;font-weight:400;display:block}.ladder small{color:var(--muted);font-size:13px}.ladder li:nth-last-child(2){border-color:var(--accent);box-shadow:0 0 30px #ffc93c44}.ladder li:nth-last-child(2) .c-icon{animation:2s ease-in-out infinite bob}@media (width<=900px){.ladder{grid-template-columns:repeat(2,1fr)}}.features{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.features{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.features{grid-template-columns:1fr}}.feature{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;transition:transform .2s,border-color .2s}.feature:hover{border-color:var(--accent);transform:translateY(-6px)}.f-icon{background:var(--panel-hi);border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:14px;font-size:28px;display:inline-grid}.feature h3{margin-bottom:8px;font-size:19px}.cta{text-align:center;background:linear-gradient(var(--bg), #b54d5c 70%, var(--sunset));flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:80px 16px 0;display:flex;position:relative;overflow:hidden}.cta .rojao{bottom:30%}.cta-dono{filter:drop-shadow(0 16px 12px #0008);align-self:flex-end;height:320px;animation:2.6s ease-in-out infinite bob}.cta-copy{max-width:420px;padding-bottom:80px;position:relative}.cta-copy p{margin-bottom:24px}.footer{text-align:center;color:var(--muted);padding:28px 16px;font-size:14px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.rojao,.pop{display:none}.js .reveal{opacity:1;transform:none}}