@import url("cycle6.css");
@import url("cycle7.css");
@import url("cycle8.css");
@import url("herocard.css");
@import url("apoio.css");
:root{color-scheme:dark;--ink:#0e0f12;--panel:#15171c;--panel2:#1d2027;--paper:#f5f1e8;--muted:#aeb3bf;--gold:#d9af52;--gold2:#f4d37c;--ember:#e0561f;--red:#a62620;--line:rgba(217,175,82,.25);--good:#67d49b;--warn:#f0b45a;--shadow:0 24px 70px rgba(0,0,0,.45)}
*{box-sizing:border-box}
/* [hidden] tem que valer sempre (06/08/2026). O atributo hidden só aplica display:none pela
   folha do navegador, que perde para QUALQUER regra de autor com display — e boa parte dos nossos
   componentes define display:flex/grid. Sem esta linha, esconder por JS não surtia efeito: a busca
   do catálogo marcava os cards certos e todos continuavam na tela. !important aqui é proposital:
   hidden é semântica de "não exibir", nenhuma regra de layout deve sobrepor. */
[hidden]{display:none!important}
html{font-size:16px;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(166,38,32,.24),transparent 33%),radial-gradient(circle at 0 30%,rgba(224,86,31,.12),transparent 28%),var(--ink);color:var(--paper);font:400 1rem/1.55 Inter,Segoe UI,Arial,sans-serif;min-height:100vh}a{color:inherit}.shell{width:min(1240px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:10;background:rgba(14,15,18,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.brand-emblem{position:relative;width:68px;height:68px;display:grid;place-items:center;isolation:isolate}.brand-emblem:before,.brand-emblem:after{content:"";position:absolute;inset:7px;border:1px solid rgba(217,175,82,.42);border-radius:50%;animation:spin 18s linear infinite}.brand-emblem:after{inset:1px;border-style:dashed;animation-direction:reverse;animation-duration:28s}.brand img{position:relative;z-index:2;width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(224,86,31,.55)) drop-shadow(0 0 16px rgba(134,83,255,.35));transition:transform .25s ease}.brand:hover img{transform:scale(1.07) rotate(-2deg)}.brand b{color:var(--gold2)}.navlinks{margin-left:auto;display:flex;gap:7px;flex-wrap:wrap}.navlinks a{padding:10px 13px;border-radius:12px;text-decoration:none;color:var(--muted)}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--paper);background:rgba(217,175,82,.1)}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);min-height:390px;display:grid;align-items:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,var(--ink))}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;position:relative;z-index:1;padding:34px 0 48px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--gold2);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}.eyebrow:before{content:"";width:34px;height:2px;background:var(--ember)}h1,h2,h3{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.025em;line-height:1.05;margin:0}h1{font-size:clamp(2.3rem,5vw,4.4rem);text-transform:uppercase;text-wrap:balance}h1 em{font-style:normal;color:var(--gold2);text-shadow:0 4px 0 rgba(166,38,32,.55)}h2{font-size:clamp(1.55rem,2.9vw,2.35rem)}h3{font-size:1.12rem}.lead{font-size:1rem;color:#d6d7dc;max-width:65ch}.hero-art{height:330px;position:relative;display:grid;place-items:end center}.hero-art .halo{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(224,86,31,.24),rgba(217,175,82,.12) 46%,transparent 74%);filter:blur(20px);top:14px;animation:auraBreathe 6s ease-in-out infinite}.hero-art .halo:after,.hero-art .halo:before{content:none}.hero-art>img{position:relative;z-index:2;max-height:430px;max-width:100%;object-fit:contain;filter:drop-shadow(0 28px 24px rgba(0,0,0,.65));mask-image:radial-gradient(120% 118% at 50% 76%,#000 60%,transparent 97%)}.rank{position:absolute;z-index:3;right:2%;top:8%;font:900 4rem Impact;color:var(--gold2);text-shadow:0 4px 0 var(--red)}
.badges,.actions{display:flex;gap:9px;flex-wrap:wrap}.badge,.source{border:1px solid var(--line);background:rgba(217,175,82,.08);padding:6px 10px;border-radius:999px;font-size:.82rem}.source{color:var(--muted)}.source.confirmed{color:var(--good)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid var(--gold);background:linear-gradient(135deg,#b83320,#7d1715);color:#fff;border-radius:12px;text-decoration:none;font-weight:800;box-shadow:0 8px 28px rgba(166,38,32,.3);cursor:pointer}.btn.secondary{background:transparent;color:var(--gold2)}
.section{padding:46px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.section-head p{color:var(--muted);max-width:62ch;margin:0}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{position:relative;background:linear-gradient(145deg,rgba(29,32,39,.96),rgba(19,21,26,.96));border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:var(--shadow);overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;width:5px;height:52px;background:var(--ember)}.card p{color:#c5c7ce}.metric{font:800 1.7rem Impact;color:var(--gold2)}
.controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}.control{display:grid;gap:6px}.control label{font-size:.78rem;text-transform:uppercase;color:var(--muted);font-weight:800}.control select{min-height:46px;border-radius:11px;border:1px solid var(--line);background:var(--panel2);color:var(--paper);padding:0 14px;font:inherit}.progression{display:flex;align-items:end;gap:13px;padding:11px 13px;border-radius:16px;border:1px solid var(--line);background:rgba(13,15,20,.68)}.progression small{display:block;margin:0 0 7px;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.stars,.flames{display:flex;gap:6px}.progress-button{position:relative;width:46px;height:46px;border-radius:11px;border:1px solid var(--line);background:var(--panel2);color:#666b75;font-size:1.3rem;cursor:pointer;overflow:visible;transition:.18s ease}.progress-button.star.active,.progress-button.star:hover{color:var(--gold2);border-color:var(--gold);background:radial-gradient(circle,rgba(244,211,124,.22),rgba(217,175,82,.08));box-shadow:0 0 22px rgba(217,175,82,.22)}.progress-button.flame{display:grid;place-items:center;color:#515b69}.flame-glyph{position:relative;display:grid;place-items:center;width:25px;height:31px;transform-origin:50% 90%}.flame-glyph svg{display:block;width:100%;height:100%;fill:currentColor;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}.progress-button.flame.active,.progress-button.flame:hover{color:#96f2ff;border-color:#67dff7;background:radial-gradient(circle at 50% 70%,rgba(61,214,255,.38),rgba(48,72,255,.12) 55%,rgba(9,13,22,.9));box-shadow:0 0 12px #40bfff,0 0 30px rgba(65,82,255,.55)}.progress-button.flame.active .flame-glyph{animation:flameFlicker .72s ease-in-out infinite alternate}.progress-button.flame.active .flame-glyph:before,.progress-button.flame.active .flame-glyph:after{content:"";position:absolute;bottom:2px;width:5px;height:10px;border-radius:60% 40% 55% 45%;background:#d9fbff;filter:blur(.4px);opacity:.8;animation:flameSpark 1.05s ease-out infinite}.progress-button.flame.active .flame-glyph:before{left:2px;animation-delay:-.38s}.progress-button.flame.active .flame-glyph:after{right:1px;animation-delay:-.75s}.progress-button.flame.active:after{content:"";position:absolute;inset:-7px;border-radius:15px;border:1px solid rgba(93,229,255,.52);animation:chakraPulse 1.4s ease-out infinite}.progress-divider{width:1px;height:55px;background:linear-gradient(transparent,var(--gold),transparent)}body.ur-active .hero .halo{border-color:rgba(93,229,255,.65);box-shadow:0 0 90px rgba(69,139,255,.32),inset 0 0 70px rgba(104,77,255,.14)}
.skill-list{display:grid;gap:13px}.skill{display:grid;grid-template-columns:76px 1fr auto;gap:16px;align-items:start;padding:16px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}.skill img{width:72px;height:72px;object-fit:cover;border-radius:50%;border:2px solid var(--gold);background:#090a0c}.skill h3{font-family:inherit;font-size:1.05rem}.skill .meta{font-size:.8rem;color:var(--gold2);text-transform:uppercase;font-weight:800}.skill .desc{font-size:.92rem;margin:.4rem 0 0;color:#c7cad1}.damage{font-size:.8rem;text-align:right;color:var(--warn);max-width:220px}.locked{opacity:.36;filter:grayscale(1)}
.chain{display:grid;gap:12px;overflow:visible;padding:14px 2px 20px}.chain-row{display:flex;align-items:stretch;justify-content:center;gap:8px;width:100%}.chain-node{flex:1 1 0;min-width:0;max-width:180px;padding:13px 9px;border-radius:15px;background:var(--panel2);border:1px solid var(--line);text-align:center}.chain-avatar{position:relative;width:88px;height:88px;margin:0 auto 10px}.chain-hero{width:84px;height:84px;object-fit:contain;border-radius:50%;background:radial-gradient(circle,rgba(224,86,31,.24),#101216 70%);border:2px solid var(--gold)}.chain-skill{position:absolute;right:-5px;bottom:-3px;width:38px;height:38px;object-fit:cover;border-radius:50%;border:2px solid #67dff7;background:#08090b;box-shadow:0 0 12px rgba(80,211,255,.65)}.chain-node b{display:block;min-height:2.6em;font-size:.85rem;line-height:1.25}.chain-role{display:block;margin:5px 0 8px;color:var(--muted)}.chain-transition{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;min-height:48px}.state-chip{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 7px;border-radius:999px;border:1px solid currentColor;font-size:.68rem;font-weight:800;line-height:1.15;background:rgba(255,255,255,.04);white-space:nowrap}.state-back{color:#71dfa0;background:rgba(58,185,105,.1)}.state-popup{color:#62baff;background:rgba(56,144,226,.11)}.state-launcher{color:#ffb45c;background:rgba(238,139,50,.11)}.state-fall{color:#ce91ff;background:rgba(159,84,223,.12)}.state-none{color:var(--muted)}.state-verb{color:var(--muted);font-size:.72rem}.transition-arrow{color:var(--paper);font-weight:900}.arrow{flex:0 0 14px;display:grid;place-items:center;color:var(--ember);font-size:1.5rem}.chain-turn{display:grid;place-items:center;height:43px;color:var(--gold2);line-height:1}.chain-turn span{font-size:1.6rem;animation:chainDrop 1.1s ease-in-out infinite alternate}.chain-turn small{text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;color:var(--muted)}.state-legend{display:flex;gap:7px;flex-wrap:wrap;margin:5px 0 14px}.state-legend>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.72rem}.state-legend .state-chip{width:10px;min-width:10px;min-height:10px;padding:0;border-radius:50%;font-size:0}.evidence-list{display:grid;gap:9px}.evidence-row{padding:12px 14px;border-left:3px solid var(--gold);background:rgba(217,175,82,.05)}
.roster{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.unit{position:relative;min-height:210px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}.unit img{width:100%;height:165px;object-fit:contain;object-position:center bottom;background:radial-gradient(circle at 50% 65%,rgba(224,86,31,.24),transparent 55%)}.unit .unit-info{padding:11px}.unit b{display:block}.position{position:absolute;top:8px;left:8px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--red);font-weight:900}.observations{display:grid;gap:10px;counter-reset:obs}.observation{padding:15px 16px 15px 55px;position:relative;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.observation:before{counter-increment:obs;content:counter(obs);position:absolute;left:14px;top:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(217,175,82,.15);color:var(--gold2);font-weight:900}.abcd{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.criterion{padding:14px;border-radius:12px;background:#111318;border:1px solid var(--line)}.criterion b{color:var(--gold2);display:block;margin-bottom:7px}.caveat{padding:13px;border-radius:12px;background:rgba(240,180,90,.08);border:1px solid rgba(240,180,90,.25);color:#f3d6a7}
.footer{padding:45px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.catalog-card{text-decoration:none;min-height:250px;display:flex;flex-direction:column;justify-content:end;background-size:contain;background-repeat:no-repeat;background-position:95% 10%;transition:.2s transform}.catalog-card:hover{transform:translateY(-4px);border-color:var(--gold)}
.hero-collage{isolation:isolate;width:132%;justify-self:end}.hero-collage .collage-ninja{position:absolute;z-index:1;bottom:0;max-height:270px;opacity:.55;filter:saturate(.8) drop-shadow(0 20px 20px rgba(0,0,0,.6))}.hero-collage .collage-left{left:2%;transform:rotate(-3deg);z-index:1;mask-image:radial-gradient(115% 100% at 18% 100%,#000 38%,transparent 82%)}.hero-collage .collage-right{right:2%;transform:rotate(3deg);z-index:2;opacity:.68;max-height:245px;mask-image:radial-gradient(115% 100% at 82% 100%,#000 42%,transparent 84%)}
.hero-art.hero-solo{isolation:isolate;justify-self:end;width:118%}.hero-art.hero-solo>img{position:relative;z-index:2;max-height:530px;max-width:100%;object-fit:contain;opacity:.8;filter:saturate(.9) drop-shadow(0 30px 30px rgba(0,0,0,.55));mask-image:radial-gradient(115% 115% at 50% 78%,#000 52%,transparent 96%)}
@media(max-width:900px){.hero-art.hero-solo{width:100%}.hero-art.hero-solo>img{max-height:360px}}.hero-collage .logo-showcase{z-index:3;width:290px;max-height:290px;align-self:center;filter:drop-shadow(0 0 18px rgba(224,86,31,.42)) drop-shadow(0 0 25px rgba(122,79,255,.32));animation:logoFloat 4s ease-in-out infinite}.hero-stack img{position:absolute!important;bottom:0;max-height:400px!important;width:45%;object-fit:contain}.hero-stack .stack-a{left:0;z-index:1;opacity:.72}.hero-stack .stack-b{left:28%;z-index:3}.hero-stack .stack-c{right:0;z-index:2;opacity:.76}.hero-stack:after{content:"";position:absolute;inset:12% 5% 2%;z-index:0;background:radial-gradient(circle,rgba(224,86,31,.2),transparent 55%)}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
.hero-collage:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(238,91,42,.16),rgba(80,174,255,.08) 40%,transparent 68%);filter:blur(34px);animation:auraBreathe 8s ease-in-out infinite;pointer-events:none}.section-keyart:before{content:"";position:absolute;inset:2%;border-radius:50%;background:radial-gradient(circle,rgba(238,91,42,.22),rgba(80,174,255,.11) 42%,transparent 70%);filter:blur(30px);animation:auraBreathe 8s ease-in-out infinite;pointer-events:none}.hero-collage:after,.section-keyart:after{content:none}.section-keyart img{position:relative;z-index:2;width:min(760px,124%);max-width:none;max-height:500px;object-fit:contain;filter:drop-shadow(0 24px 26px rgba(0,0,0,.58));animation:keyArtDrift 7s ease-in-out infinite}.section-keyart{overflow:visible}
@keyframes chakraOrbit{to{transform:rotate(360deg)}}@keyframes auraBreathe{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes chakraPulse{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes keyArtDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
.section-art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.section-art-card{position:relative;min-height:330px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#181b23,#0d0f14);color:var(--text);text-decoration:none;box-shadow:0 25px 70px rgba(0,0,0,.25);transition:transform .25s ease,border-color .25s ease}.section-art-card:hover{transform:translateY(-5px);border-color:rgba(238,178,61,.6)}.section-art-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,9,13,.98) 4%,rgba(8,9,13,.3) 62%,transparent);z-index:1}.section-art-card img{position:absolute;inset:-3% -4% auto;width:108%;height:82%;object-fit:contain;opacity:.88;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55));animation:keyArtDrift 8s ease-in-out infinite;mask-image:radial-gradient(120% 128% at 50% 38%,#000 60%,transparent 97%)}.section-art-card:nth-child(2) img{animation-delay:-3s}.section-art-card span{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;display:grid;gap:3px}.section-art-card small{color:var(--gold);text-transform:uppercase;letter-spacing:.14em}.section-art-card b{font-family:var(--display);font-size:clamp(1.45rem,2.6vw,2.2rem)}.section-art-card em{color:var(--muted);font-style:normal}
.simulation-detail{background:linear-gradient(180deg,transparent,rgba(233,85,37,.035))}.tactical-list,.impact-list{display:grid;gap:12px;padding-left:22px}.tactical-list li,.impact-list li{padding-left:5px;color:var(--muted)}.tactical-list b,.impact-list b{color:var(--text)}.coverage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.coverage-grid>div{display:grid;gap:4px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.coverage-grid small{color:var(--muted)}.coverage-grid b{line-height:1.5}.source-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.source.community{border-color:rgba(165,118,255,.35);color:#c9acff;background:rgba(126,79,218,.08)}
@media (prefers-reduced-motion:reduce){.logo-showcase,.section-keyart img,.section-art-card img,.hero-collage:before,.hero-collage:after,.section-keyart:before,.section-keyart:after,.flame-glyph,.chain-turn span,.hero-art .halo{animation:none!important}}
@media(max-width:760px){.section-art-grid{grid-template-columns:1fr}.section-art-card{min-height:285px}.coverage-grid{grid-template-columns:1fr}.hero-collage .logo-showcase{width:230px}.hero-collage .collage-ninja{opacity:.42}.section-keyart img{width:115%;max-width:none}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes flameFlicker{0%{transform:translateY(1px) scale(.96) skewX(-2deg);filter:drop-shadow(0 0 4px #49dfff)}55%{transform:translateY(-2px) scale(1.06,.98) skewX(2deg);filter:drop-shadow(0 0 10px #49dfff)}100%{transform:translateY(-1px) scale(1.01,1.08) skewX(-1deg);filter:drop-shadow(0 0 7px #8befff)}}@keyframes flameSpark{0%{opacity:0;transform:translateY(1px) scale(.4)}30%{opacity:.9}100%{opacity:0;transform:translateY(-14px) translateX(2px) scale(.1)}}@keyframes chainDrop{from{transform:translateY(-2px)}to{transform:translateY(3px)}}@keyframes chakraPulse{0%{opacity:.8;transform:scale(.9)}100%{opacity:0;transform:scale(1.18)}}@media(max-width:900px){.hero-grid,.grid.two,.grid.three{grid-template-columns:1fr}.hero-art{height:360px;order:-1}.hero-art>img{max-height:350px}.roster{grid-template-columns:repeat(3,1fr)}.abcd{grid-template-columns:repeat(2,1fr)}.skill{grid-template-columns:64px 1fr}.skill img{width:60px;height:60px}.damage{grid-column:2;text-align:left;max-width:none}.navlinks{display:none}.progression{overflow:auto;max-width:100%}}@media(max-width:560px){html{font-size:16px}.shell{width:min(100% - 22px,1240px)}.hero{min-height:auto}.hero-grid{padding-top:28px}.hero-art{height:300px}.roster{grid-template-columns:repeat(2,1fr)}.abcd{grid-template-columns:1fr}.section{padding:48px 0}.card{padding:17px}.progress-button{width:42px;height:42px}.brand span:not(.brand-emblem){display:none}.brand-emblem{width:58px;height:58px}.brand img{width:56px;height:56px}.chain-row{flex-direction:column;align-items:center}.chain-node{width:100%;max-width:260px}.chain-row .arrow{transform:rotate(90deg);min-height:24px}.chain-turn{height:50px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}