/* =========================================================
   VOLTA — estilos por template (home, review, duelo, guia, lab, notas)
   v1.1 — chanfro corrigido em componentes com etiqueta no topo
   ========================================================= */

/* chanfro SÓ onde não há etiqueta/aba saindo pelo topo */
.card,.aud-card,.featured,.final,.final-duel,.queue{
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);
}

/* ============ TEXTOS BASE DE SEÇÃO ============ */
.dek{color:var(--muted);font-size:1.05rem;max-width:54ch;margin-bottom:22px}
.dek b{color:var(--text);font-weight:600}
.thin{display:block;font-weight:500;font-size:.36em;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.upd{font-family:var(--mono);font-size:.64rem;color:var(--green);border:1px solid #175c39;background:rgba(61,220,132,.07);padding:5px 11px;letter-spacing:.08em;max-width: fit-content}
.notes-title{font-family:var(--display);font-weight:700;font-size:clamp(1.55rem,3.2vw,2.35rem);margin-top:12px}

/* ============ HOME — REVIEW EM DESTAQUE ============ */
.lead{padding:72px 0 84px}
.lead-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.lead h1{font-family:var(--display);font-weight:800;font-size:clamp(2.7rem,6.2vw,4.7rem);line-height:1.02;letter-spacing:.01em;margin:16px 0 6px}
.verdict{display:flex;gap:22px;align-items:center;border:1px solid var(--line2);background:var(--panel);padding:20px 24px;margin-top: 20px;margin-bottom:22px; position:relative}
.verdict::before{content:"VEREDITO";position:absolute;top:-9px;left:18px;background:var(--bg);padding:0 10px;font-family:var(--mono);font-size:.62rem;letter-spacing:.24em;color:var(--amber)}
.verdict-txt .grade{font-family:var(--display);font-weight:700;font-size:1.05rem}
.verdict-txt p{color:var(--muted);font-size:.92rem;margin-top:6px}
.byline{display:flex;align-items:center;gap:12px;margin-top: 20px;margin-bottom:26px}
.byline .who{font-size:.86rem}
.byline .who b{font-weight:600}
.byline .who span{display:block;font-family:var(--mono);font-size:.68rem;color:var(--dim);letter-spacing:.06em}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}

.stage{position:relative;height:460px;display:grid;place-items:center}
.stage-zoom{transform:scale(1.28);position:relative;z-index:2}
.stage::before,.stage::after{content:"";position:absolute;width:34px;height:34px;border:2px solid var(--amber);opacity:.65}
.stage::before{top:6px;left:6px;border-right:0;border-bottom:0}
.stage::after{bottom:6px;right:6px;border-left:0;border-top:0}
.stage-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,176,32,.13),transparent 68%)}
.orbit{position:absolute;border:1px dashed var(--line2);border-radius:50%;animation:spin 46s linear infinite}
.orbit.o1{width:340px;height:340px}
.orbit.o2{width:440px;height:440px;animation-duration:70s;animation-direction:reverse;opacity:.6}
.hp-shadow{position:absolute;bottom:52px;width:210px;height:26px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 70%);animation:shadowPulse 6s ease-in-out infinite}
@keyframes shadowPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(.86);opacity:.55}}
.hpx{position:relative;z-index:2}
.stage-cap{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.badge-rot{position:absolute;top:68px;right:23px;width:104px;height:104px;z-index:4;animation:spin 16s linear infinite}
.badge-rot text{font-family:var(--mono);font-size:11.5px;letter-spacing:2.6px;fill:var(--amber)}
.badge-core{position:absolute;top:66px;right:25px;width:104px;height:104px;display:grid;place-items:center;z-index:5;pointer-events:none}
.badge-core span{font-size:1.5rem;color:var(--amber);text-shadow:0 0 16px rgba(255,176,32,.6)}
/* callouts de especificação (apontam para a arte no destaque) */
.co-wrap{position:absolute;inset:0;z-index:3;pointer-events:none}
.callout{position:absolute;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);background:var(--panel);border:1px solid var(--line2);padding:7px 11px;white-space:nowrap;pointer-events:auto;transition:border-color .25s,transform .25s var(--ease)}
.callout:hover{border-color:var(--cyan);transform:translateY(-3px)}
.callout::before{content:"";position:absolute;top:50%;width:42px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.callout::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.callout.from-right::before{right:-42px;background:linear-gradient(270deg,var(--cyan),transparent)}
.callout.from-right::after{right:-46px}
.callout.from-left::before{left:-42px}
.callout.from-left::after{left:-46px}
.co1{top:15%;left:-2%}
.co2{top:4%;right:-3%}
.co3{bottom:9%;right:1%}

/* filtros de categoria da home */
.ftabs{display:flex;gap:6px;flex-wrap:wrap}
.ftab{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--line);padding:8px 15px;transition:all .25s var(--ease)}
.ftab:hover{color:var(--text);border-color:var(--line2);transform:translateY(-2px)}
.ftab.active{background:var(--amber);color:#181004;border-color:var(--amber);font-weight:700}

/* ============ HOME — DUELO RESUMIDO ============ */
.duel-panel{border:1px solid var(--line);background:var(--panel);padding:38px clamp(20px,4vw,46px);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.fighters{display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:stretch;margin-bottom:30px}
.fighter{border:1px solid var(--line2);background:var(--panel2);padding: 0 10px 22px;position:relative;transition:transform .3s var(--ease),border-color .3s}
.fighter:hover{transform:translateY(-5px)}
.fighter.win{border-color:#6b4d12}
.fighter .stamp,.fighter .stamp-w{position:absolute;top:14px;right:-8px;font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.18em;background:var(--amber);color:#181004;padding:5px 12px;transform:rotate(3deg);z-index:3}
.fstrip{height:5px}
.fighter.fa .fstrip{background:linear-gradient(90deg,var(--amber2),var(--amber))}
.fighter.fb .fstrip{background:linear-gradient(90deg,#0e7fa8,var(--cyan))}
.fart{height:200px;display:grid;place-items:center;border-bottom:1px solid var(--line);background:radial-gradient(130% 100% at 50% 0%,#1a2331 0%,#10161f 62%);overflow:hidden;position:relative}
.fart::before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(#263140 1px,transparent 1.4px);background-size:15px 15px}
.fbody{padding:22px 24px 0}
.fbody h2{margin-bottom:6px}
.fbody .ftype{font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:0 0 16px}
.fighter h3,.fighter h2{font-family:var(--display);font-size:1.15rem;font-weight:700;margin-bottom:12px}
.fighter ul{list-style:none;font-family:var(--mono);font-size:.72rem;color:var(--muted);letter-spacing:.04em;display:grid;gap:7px;margin-bottom:18px}
.fighter ul li::before{content:"▸ ";color:var(--dim)}
.fscore{display:flex;align-items:baseline;gap:8px;border-top:1px solid var(--line);padding:16px 24px 0}
.fscore b{font-family:var(--mono);font-size:2rem;font-weight:700;color:var(--amber)}
.fighter.fb .fscore b{color:var(--cyan)}
.fscore span{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.vs,.vs-core{align-self:center;display:grid;place-items:center}
.vs b,.vs-core b{font-family:var(--display);font-weight:800;font-size:1.3rem;color:var(--text);width:74px;height:74px;display:grid;place-items:center;border:1px solid var(--line2);background:var(--bg);transform:rotate(45deg);position:relative}
.vs b span,.vs-core b span{transform:rotate(-45deg)}
.vs b::after{content:"";position:absolute;inset:-9px;border:1px dashed var(--line2);animation:spin 14s linear infinite}
.duel-metrics{display:grid;gap:18px;margin-bottom:30px}
.metric .m-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.metric .m-name{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.metric .m-val{font-family:var(--mono);font-weight:700;font-size:.95rem;color:var(--dim)}
.metric .m-val.win{color:var(--amber)}
.metric .m-val.win::after{content:" ▲";font-size:.7em}
.m-bars{display:grid;gap:5px}
.bar{display:block;height:8px;width:0;background:linear-gradient(90deg,var(--amber2),var(--amber));transition:width 1.3s var(--ease)}
.bar.b{background:linear-gradient(90deg,#0e7fa8,var(--cyan))}
.duel-verdict{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid #6b4d12;background:rgba(255,176,32,.06);padding:20px 26px}
.duel-verdict .tri{color:var(--amber);font-size:1.3rem}
.duel-verdict p{flex:1;min-width:240px;font-size:.94rem;color:var(--muted)}

/* ============ HOME — NOTAS RÁPIDAS (carrossel) ============ */
.notes-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}
.narrows{display:flex;gap:10px}
.narrow{width:44px;height:44px;border:1px solid var(--line2);background:none;color:var(--muted);font-size:1.15rem;transition:all .25s var(--ease)}
.narrow:hover{border-color:var(--amber);color:var(--amber);transform:translateY(-3px)}
.notes-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 18px;scrollbar-width:thin}
.note-card{min-width:262px;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--tier,var(--amber));padding:22px;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s}
.note-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.note-card .n-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.note-card .tier{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tier,var(--amber))}
.note-card .n-date{font-family:var(--mono);font-size:.64rem;color:var(--dim)}
.note-card .n-score{font-family:var(--mono);font-weight:700;font-size:2.7rem;color:var(--tier,var(--amber));line-height:1;display:flex;align-items:baseline;gap:5px;margin-bottom:14px}
.note-card .n-score small{font-size:.85rem;color:var(--dim);font-weight:400}
.note-card h3{font-family:var(--display);font-size:.95rem;font-weight:700;margin-bottom:8px}
.note-card p{font-size:.86rem;color:var(--muted);flex:1;font-style:italic}
.note-card .n-link{margin-top:16px;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}

/* ============ HOME — NEWSLETTER ============ */
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.news-copy h2{font-family:var(--display);font-weight:800;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.1;margin:14px 0 18px}
.news-copy h2 .hl{color:var(--amber)}
.news-copy p{color:var(--muted);max-width:46ch}
.news-copy .mini{margin-top:22px;display:flex;gap:22px;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.news-copy .mini span::before{content:"✓ ";color:var(--green)}

/* ============ SINGLE REVIEW — CABEÇALHO + LAYOUT ============ */
.rhead{padding:52px 0 56px;border-bottom:1px solid var(--line)}
.rhead-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.rhead h1{font-family:var(--display);font-weight:800;font-size:clamp(2.5rem,5.6vw,4.2rem);line-height:1.03;margin:16px 0 18px}
.rhead h1 .sub{display:block;font-weight:500;font-size:.30em;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:14px;line-height:1.5}
.rmeta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0 22px}
.rmeta .who b{font-weight:600;font-size:.9rem}
.rmeta .who span{display:block;font-family:var(--mono);font-size:.66rem;color:var(--dim);letter-spacing:.06em;margin-top:2px}
.rmeta .upd{flex-basis:100%;margin-top:4px}
.rlayout{display:grid;grid-template-columns:320px 1fr;gap:60px;padding:64px 0 40px}
.side-inner{position:sticky;top:96px;display:grid;gap:18px;align-content:start}
.score-card{border:1px solid var(--line2);background:var(--panel);padding:26px 24px;position:relative;text-align:center}
.sc-label{position:absolute;top:-9px;left:18px;background:var(--bg);padding:0 10px;font-family:var(--mono);font-size:.62rem;letter-spacing:.24em;color:var(--amber)}
.score-card .dial{margin:8px auto 12px}
.sc-grade{font-family:var(--display);font-weight:700;font-size:1.05rem}
.sc-seal{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-top:7px}
.sc-price{margin:18px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sc-price s{color:var(--dim);font-family:var(--mono);font-size:.8rem}
.sc-price b{display:block;font-family:var(--display);font-weight:800;font-size:1.7rem;color:var(--text);margin:4px 0 2px}
.sc-price span{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.score-card .btn{width:100%;justify-content:center;margin-top:10px}
.toc{border:1px solid var(--line);background:var(--bg2);padding:20px 22px}
.toc-label{font-family:var(--mono);font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);display:block;margin-bottom:14px}
.toc a{display:block;font-family:var(--mono);font-size:.74rem;color:var(--muted);padding:7px 10px;border-left:2px solid transparent;transition:all .25s var(--ease)}
.toc a:hover{color:var(--text);border-left-color:var(--line2);transform:translateX(4px)}
.toc a.active{color:var(--amber);border-left-color:var(--amber);background:rgba(255,176,32,.06)}
.toc-m{display:none}

.article{max-width:720px; padding:0 10px}
#veredito-toc{scroll-margin-top:110px}
.article section{margin-bottom:70px;scroll-margin-top:110px}
.article h2{font-family:var(--display);font-weight:700;font-size:clamp(1.3rem,2.6vw,1.7rem);margin-bottom:22px;display:flex;align-items:baseline;gap:14px}
.article h2 .idx{font-family:var(--mono);font-weight:700;font-size:.85rem;color:var(--amber)}
.article p{color:#c3cddb;font-size:1.02rem;line-height:1.8;margin-bottom:20px}
.article p strong{color:var(--text)}
.lead-p{font-size:1.22rem!important;color:var(--text)!important;border-left:3px solid var(--amber);padding-left:20px}
.lead-p::first-letter{font-family:var(--display);font-weight:800;font-size:2.9em;float:left;line-height:.82;margin:6px 12px 0 0;color:var(--amber)}
.pull{margin:34px 0;padding:26px 30px;border:1px solid var(--line2);border-left:4px solid var(--amber);background:var(--panel)}
.pull p{font-family:var(--display);font-weight:500;font-size:1.25rem;line-height:1.45;color:var(--text);margin:0}
.pull p::before{content:"“";color:var(--amber)}
.pull p::after{content:"”";color:var(--amber)}
.pull small{display:block;margin-top:12px;font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.fig{margin:34px 0;border:1px solid var(--line);background:var(--panel);transition:border-color .3s,transform .3s var(--ease)}
.fig:hover{border-color:var(--line2);transform:translateY(-4px)}
.fig-art{position:relative;height:230px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(130% 100% at 50% 0%,#1a2331 0%,#10161f 62%)}
.fig-art::before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(#263140 1px,transparent 1.4px);background-size:15px 15px;mask-image:radial-gradient(90% 90% at 50% 40%,#000,transparent)}
.fig-cap{display:flex;gap:12px;padding:14px 20px;font-family:var(--mono);font-size:.7rem;color:var(--muted)}
.fig-cap b{color:var(--amber);font-weight:700;letter-spacing:.14em}
.eq-wrap{margin:34px 0;border:1px solid var(--line);background:var(--panel);padding:26px 26px 20px;position:relative}
.eq-label{position:absolute;top:-9px;left:18px;background:var(--bg);padding:0 10px;font-family:var(--mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan)}
.eq{display:flex;align-items:flex-end;gap:4px;height:96px}
.eq span{flex:1;height:var(--h);min-width:4px;transform-origin:bottom;background:linear-gradient(180deg,var(--cyan),var(--amber) 85%);animation:eqB var(--t,1.1s) ease-in-out var(--d,0s) infinite alternate}
.eq span:hover{animation-play-state:paused;filter:brightness(1.6)}
@keyframes eqB{from{transform:scaleY(.22)}to{transform:scaleY(1)}}
.eq-axis{display:flex;justify-content:space-between;margin-top:12px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;color:var(--dim)}
.cmp{display:grid;gap:16px;margin:30px 0}
.cmp-row{display:grid;grid-template-columns:130px 1fr 74px;gap:14px;align-items:center}
.cmp-name{font-family:var(--mono);font-size:.72rem;color:var(--muted);text-align:right}
.cmp-name.win{color:var(--amber);font-weight:700}
.cmp-track{height:12px;background:#1a2330;border:1px solid var(--line);position:relative}
.cmp-bar{position:absolute;inset:1px auto 1px 1px;width:0;background:linear-gradient(90deg,#4a5a72,#6b7d99);transition:width 1.3s var(--ease)}
.cmp-bar.a{background:linear-gradient(90deg,var(--amber2),var(--amber))}
.cmp-val{font-family:var(--mono);font-weight:700;font-size:.8rem;color:var(--text)}
.log{margin:30px 0;border-left:1px solid var(--line2);padding-left:28px;display:grid;gap:26px}
.log-item{position:relative;transition:transform .3s var(--ease)}
.log-item:hover{transform:translateX(6px)}
.log-item::before{content:"";position:absolute;left:-33px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px var(--bg),0 0 12px rgba(255,176,32,.6)}
.log-item time{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
.log-item p{font-size:.94rem;color:var(--muted);margin:7px 0 0}
.log-item p b{color:var(--text)}
.specs{margin:30px 0;border:1px solid var(--line);background:var(--panel)}
.spec{display:grid;grid-template-columns:210px 1fr;border-bottom:1px solid var(--line);transition:background .25s,box-shadow .25s}
.spec:last-child{border-bottom:0}
.spec:hover{background:var(--panel2);box-shadow:inset 3px 0 0 var(--amber)}
.spec dt{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:14px 18px}
.spec dd{padding:13px 18px;font-size:.92rem;color:#c3cddb;border-left:1px solid var(--line)}
.spec dd b{color:var(--amber);font-weight:600}

.final{border:1px solid #6b4d12;background:var(--panel);padding:38px clamp(22px,4vw,42px);position:relative}
.stamp2{position:absolute;top:22px;right:26px;transform:rotate(6deg);border:2px solid var(--green);color:var(--green);font-family:var(--mono);font-weight:700;font-size:.66rem;letter-spacing:.22em;padding:7px 14px;border-radius:4px}
.final-grid{display:grid;grid-template-columns:auto 1fr;gap:38px;align-items:center;margin-bottom:32px}
.final .dial{margin:0}
.bd{display:grid;gap:13px}
.bd-row{display:grid;grid-template-columns:150px 1fr 44px;gap:14px;align-items:center}
.bd-name{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right}
.bd-track{height:9px;background:#1a2330;border:1px solid var(--line)}
.bd-bar{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amber2),var(--amber));transition:width 1.3s var(--ease)}
.bd-val{font-family:var(--mono);font-weight:700;font-size:.82rem;color:var(--amber)}
.price-box{border:1px solid var(--line2);background:var(--bg2);padding:24px 28px;display:flex;align-items:center;margin-top: 10px;gap:26px;flex-wrap:wrap}
.price-box .pb-l{flex:1;min-width:220px}
.price-box .pb-l b{font-family:var(--display);font-weight:800;font-size:1.9rem;display:block}
.price-box .pb-l span{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.fine{margin-top:16px;font-family:var(--mono);font-size:.64rem;color:var(--dim);letter-spacing:.06em}
.share{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:44px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
.share b{color:var(--dim);font-weight:400}
.share a,.share button{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--line);padding:7px 13px;transition:all .25s var(--ease)}
.share a:hover,.share button:hover{color:var(--cyan);border-color:var(--cyan);transform:translateY(-2px)}
.share button.ok{color:var(--green);border-color:var(--green)}
.author{display:flex;gap:20px;border:1px solid var(--line);background:var(--panel);padding:26px;margin:44px 0;align-items:flex-start}
.author .avatar{width:56px;height:56px;font-size:1.05rem}
.author h4{font-family:var(--display);font-size:1rem;font-weight:700}
.author .role{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin:4px 0 10px}
.author p{font-size:.9rem;color:var(--muted);margin:0 0 12px}
.end-mark{text-align:center;font-family:var(--mono);color:var(--dim);letter-spacing:1.2em;padding-left:1.2em;margin:10px 0 0}
.related{padding:80px 0 90px;border-top:1px solid var(--line)}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

/* ============ SINGLE DUELO ============ */
.dhead{padding:52px 0 30px}
.dhead h1{font-family:var(--display);font-weight:800;font-size:clamp(1.9rem,5vw,3.6rem);line-height:1.08;margin:16px 0 18px;display:flex;align-items:center;gap:clamp(12px,2.5vw,26px);flex-wrap:wrap}
.dhead h1 .fa{color:var(--amber)}
.dhead h1 .fb{color:var(--cyan)}
.vsx{font-family:var(--mono);font-weight:400;font-size:.32em;color:var(--dim);letter-spacing:.2em;transform:rotate(-6deg);border:1px solid var(--line2);padding:6px 12px}
.dmeta{display:flex;gap:10px;flex-wrap:wrap}
.hero-fight{display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:stretch;padding:26px 0 60px}
.hero-fight .fighter{padding:0 0 26px}
.vs-core{width:110px;height:110px;position:relative}
.vs-core b{width:78px;height:78px;font-size:1.5rem;z-index:2}
.vs-core::before{content:"";position:absolute;inset:0;border:1px dashed var(--line2);border-radius:50%;animation:spin 16s linear infinite}
.vs-core::after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid var(--line);animation:vsPulse 2.6s ease-out infinite}
@keyframes vsPulse{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.scorebar{position:fixed;top:58px;left:0;right:0;z-index:95;background:rgba(11,14,19,.97);border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .45s var(--ease)}
.scorebar.show{transform:none}
.sb-in{display:flex;align-items:center;gap:18px;padding:11px 0}
.sb-n{font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.sb-n.a{color:var(--amber)}.sb-n.b{color:var(--cyan)}
.sb-n small{color:var(--dim);font-weight:400;display:block;font-size:.6rem;letter-spacing:.14em}
.tug{flex:1;height:9px;display:flex;background:#1a2330;border:1px solid var(--line);overflow:hidden}
.tug i{display:block;height:100%;width:0;transition:width 1.1s var(--ease) .25s}
.tug .ta{background:linear-gradient(90deg,var(--amber2),var(--amber))}
.tug .tb{background:linear-gradient(90deg,var(--cyan),#0e7fa8)}
.sb-tally{font-family:var(--mono);font-size:.68rem;color:var(--muted);white-space:nowrap;letter-spacing:.1em}
.sb-tally b{color:var(--text)}
.rounds{padding:20px 0 30px}
.round{border:1px solid var(--line);background:var(--panel);margin-bottom:18px;padding:26px clamp(20px,3.5vw,36px);transition:border-color .3s,transform .3s var(--ease)}
.round:hover{border-color:var(--line2);transform:translateX(6px)}
.round header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.r-num{font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.18em;color:#181004;background:var(--amber);padding:5px 11px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.round h3{font-family:var(--display);font-weight:700;font-size:1.08rem}
.r-win{margin-left:auto;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;border:1px solid}
.r-win.wa{color:var(--amber);border-color:#5c4413;background:rgba(255,176,32,.07)}
.r-win.wb{color:var(--cyan);border-color:#175066;background:rgba(65,214,255,.07)}
.round p{color:var(--muted);font-size:.94rem;max-width:70ch;margin-bottom:20px}
.round p b{color:var(--text)}
.mirror{display:grid;grid-template-columns:52px 1fr 128px 1fr 52px;gap:12px;align-items:center}
.mv{font-family:var(--mono);font-weight:700;font-size:1rem;color:var(--dim)}
.mv.a{text-align:right}
.mv.win{color:var(--text)}
.mv.win::after{content:" ▲";color:var(--green);font-size:.7em}
.mtrack{height:11px;background:#1a2330;border:1px solid var(--line);display:flex}
.mtrack.ra{justify-content:flex-end}
.mbar{display:block;height:100%;width:0;transition:width 1.2s var(--ease)}
.mbar.a{background:linear-gradient(270deg,var(--amber2),var(--amber))}
.mbar.b{background:linear-gradient(90deg,#0e7fa8,var(--cyan))}
.mlab{font-family:var(--mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);text-align:center}
/* ficha técnica frente a frente */
.specs-duel{padding:40px 0 30px}
.spec-t{border:1px solid var(--line);background:var(--panel)}
.spec-h,.spec-r{display:grid;grid-template-columns:1fr 200px 1fr;align-items:center}
.spec-h{border-bottom:1px solid var(--line2);background:var(--bg2)}
.spec-h span{font-family:var(--mono);font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:14px 20px}
.spec-h span:first-child{color:var(--amber)}
.spec-h span:nth-child(2){text-align:center;color:var(--dim)}
.spec-h span:last-child{color:var(--cyan);text-align:right}
.spec-r{border-bottom:1px solid var(--line);transition:background .25s}
.spec-r:last-child{border-bottom:0}
.spec-r:hover{background:var(--panel2)}
.spec-r span{padding:13px 20px;font-size:.9rem;color:var(--muted)}
.spec-r span:nth-child(2){font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);text-align:center}
.spec-r span:last-child{text-align:right}
.spec-r .w{color:var(--text);font-weight:600}
.spec-r .w::after{content:" ▲";color:var(--green);font-size:.7em}
.spec-r .tie{color:var(--muted);font-weight:500}
.spec-r.is-tie .spec-mid::after{content:"· empate";margin-left:8px;color:var(--dim);font-size:.9em;letter-spacing:.08em}
.aud{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 70px}
.aud-card{border:1px solid var(--line2);background:var(--panel);padding:28px;transition:transform .3s var(--ease),border-color .3s}
.aud-card:hover{transform:translateY(-6px)}
.aud-card.aa:hover{border-color:#6b4d12}
.aud-card.ab:hover{border-color:#175066}
.aud-card h3{font-family:var(--display);font-size:1.02rem;font-weight:700;margin-bottom:18px}
.aud-card.aa h3{color:var(--amber)}
.aud-card.ab h3{color:var(--cyan)}
.aud-card li{list-style:none;font-size:.9rem;color:var(--muted);padding:7px 0;display:flex;gap:10px;border-bottom:1px dashed var(--line)}
.aud-card li:last-child{border:0}
.aud-card li::before{content:"✓";font-family:var(--mono);font-weight:700;color:var(--green)}
.final-duel{border:1px solid #6b4d12;background:var(--panel);padding:40px clamp(22px,4vw,46px);position:relative;margin-bottom:80px}
.stamp-d{position:absolute;top:24px;right:28px;transform:rotate(6deg);border:2px solid var(--amber);color:var(--amber);font-family:var(--mono);font-weight:500;font-size:1rem;letter-spacing:.22em;padding:8px 15px;border-radius:4px}
.final-duel h2{font-family:var(--display);font-weight:800;font-size:clamp(1.4rem,3vw,2rem);margin-bottom:8px}
.final-duel h2 .hl{color:var(--amber)}
.final-duel .fsub{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:30px}
.tally-big{display:flex;align-items:center;gap:22px;margin-bottom:32px}
.tally-big b{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,6vw,4rem);color:var(--text)}
.tally-big .x{font-family:var(--mono);color:var(--dim);font-size:1.4rem}
.tally-big small{font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.display-result{display: block;text-align: center;}
.final-duel p{color:var(--muted);max-width:72ch;margin-bottom:18px}
.final-duel p b{color:var(--text)}
.price-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 20px}
.pbox{border:1px solid var(--line2);background:var(--bg2);padding:20px 24px;transition:border-color .3s,transform .3s var(--ease)}
.pbox:hover{transform:translateY(-4px)}
.pbox.pa:hover{border-color:#6b4d12}
.pbox.pb2:hover{border-color:#175066}
.pbox span{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.pbox b{display:block;font-family:var(--display);font-weight:800;font-size:1.5rem;margin:5px 0 12px}
.pbox.pa b{color:var(--amber)}
.pbox.pb2 b{color:var(--cyan)}
.past{padding:0 0 90px}
.past-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 16px;scrollbar-width:thin}
.past-card{min-width:270px;scroll-snap-align:start;border:1px solid var(--line);background:var(--panel);padding:22px;border-top:3px solid var(--line2);transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.past-card:hover{transform:translateY(-6px);border-top-color:var(--amber);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.past-card .pn{font-family:var(--mono);font-size:.62rem;letter-spacing:.22em;color:var(--dim);text-transform:uppercase}
.past-card h3{font-family:var(--display);font-size:.92rem;font-weight:700;margin:12px 0 10px;line-height:1.4}
.past-card .ps{font-family:var(--mono);font-weight:700;font-size:1.05rem;color:var(--amber)}
.past-card .ps i{font-style:normal;color:var(--dim);margin:0 8px}
.past-card a{display:block;margin-top:14px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}

/* ============ ARCHIVE NOTAS ============ */
.nhead{padding:52px 0 56px}
.nhead-grid{display:grid;grid-template-columns:1fr 340px;gap:52px;align-items:start}
.nhead h1{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.05;margin:16px 0 18px}
.nhead h1 .hl{color:var(--amber)}
.nhead .upd{display:block;background:none;border:0;padding:0;color:var(--dim);margin-bottom:28px}
.nhead .upd b{color:var(--green);font-weight:400}
.nstats{display:grid;grid-template-columns:repeat(4,auto);gap:0;border:1px solid var(--line);background:var(--bg2);width:max-content;max-width:100%;flex-wrap:wrap}
.ns{padding:16px 24px;border-left:1px solid var(--line)}
.ns:first-child{border-left:0}
.ns b{font-family:var(--display);font-weight:700;font-size:1.45rem;display:block}
.ns b em{font-style:normal;color:var(--amber);font-size:.6em}
.ns span{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.thermo{border:1px solid var(--line2);background:var(--panel);padding:24px 24px 20px;position:relative}
.th-label{position:absolute;top:-9px;left:18px;background:var(--bg);padding:0 10px;font-family:var(--mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--amber)}
.th-bars{display:flex;align-items:flex-end;gap:14px;height:130px;padding-top:10px}
.th{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}
.th i{display:block;width:100%;height:0;border-radius:3px 3px 0 0;transition:height 1.2s var(--ease);position:relative}
.th i::after{content:attr(data-n);position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-weight:700;font-size:.78rem;color:var(--text)}
.th:nth-child(1) i{background:linear-gradient(180deg,var(--t9),#1a5c3a)}
.th:nth-child(2) i{background:linear-gradient(180deg,var(--t8),#6b4a10)}
.th:nth-child(3) i{background:linear-gradient(180deg,var(--t7),#14506b)}
.th:nth-child(4) i{background:linear-gradient(180deg,var(--tl),#6b2020)}
.th span{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--dim)}
.th-note{margin-top:14px;font-family:var(--mono);font-size:.6rem;color:var(--dim);letter-spacing:.06em;border-top:1px dashed var(--line2);padding-top:12px}

.filters{position:sticky;top:58px;z-index:95;background:rgba(11,14,19,.97);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.f-in{display:flex;align-items:center;gap:26px;padding:13px 24px;flex-wrap:wrap}
.f-group{display:flex;align-items:center;gap:12px}
.f-label{font-family:var(--mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}
.f-chips{display:flex;gap:6px;flex-wrap:wrap}
.fchip{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--line);padding:6px 12px;transition:all .25s var(--ease)}
.fchip:hover{color:var(--text);border-color:var(--line2);transform:translateY(-2px)}
.fchip.active{background:var(--amber);color:#181004;border-color:var(--amber);font-weight:700}
.f-count{margin-left:auto;font-family:var(--mono);font-size:.66rem;color:var(--green);letter-spacing:.1em;white-space:nowrap}
.f-count::before{content:"● ";animation:pulse 1.6s infinite}

.featured-wrap{padding:56px 0 40px}
.featured{display:grid;grid-template-columns:240px 1fr;border:1px solid var(--tier,#175c39);background:var(--panel);overflow:hidden;position:relative;transition:transform .35s var(--ease),box-shadow .3s}
.featured:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(0,0,0,.5)}
.f-art{position:relative;display:grid;place-items:center;border-right:1px solid var(--line);background:radial-gradient(130% 100% at 50% 0%,#1a2331 0%,#10161f 62%);min-height:230px;overflow:hidden}
.f-art::before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(#263140 1px,transparent 1.4px);background-size:15px 15px}
.f-art-tag{position:absolute;top:11px;left:13px;font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;color:var(--dim);display:flex;align-items:center;gap:7px;z-index:2}
.f-art-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite}
.f-body{padding:28px clamp(22px,3.5vw,38px)}
.f-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.f-head .nid{color:var(--amber)}
.n-led{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite}
.f-main{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.f-main h2{font-family:var(--display);font-weight:800;font-size:clamp(1.4rem,3vw,1.9rem);flex:1;min-width:240px}
.f-body>p{color:var(--muted);font-size:.96rem;max-width:64ch;margin:12px 0 16px}
.f-foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.f-price{font-family:var(--mono);font-weight:700;font-size:1.25rem;color:var(--amber)}
.f-price small{display:block;font-size:.58rem;color:var(--dim);letter-spacing:.14em;text-transform:uppercase;font-weight:400}

.feed-sec{padding:16px 0 30px}
.feed{columns:2;column-gap:18px}
.feed-item{break-inside:avoid;margin-bottom:18px}
.note{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--tier);padding:20px 22px 18px;position:relative;overflow:hidden;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .7s var(--ease),rotate .35s var(--ease),border-color .3s,box-shadow .35s}
.note.in{opacity:1;transform:none}
.feed .feed-item:nth-child(odd) .note{rotate:-.5deg}
.feed .feed-item:nth-child(even) .note{rotate:.45deg}
.note:not(.is-out):hover{rotate:0deg;transform:translateY(-6px);border-color:#3a4a63;box-shadow:0 20px 44px rgba(0,0,0,.45)}
.note.is-out{opacity:0;transform:translateY(12px) scale(.97)}
.note .n-head{display:flex;align-items:center;gap:12px;border-bottom:1px dashed var(--line2);padding-bottom:11px;margin-bottom:15px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.note .n-head .nid{color:var(--amber)}
.note .n-head time{margin-left:auto}
.note .n-main{display:flex;gap:18px;align-items:center;margin-bottom:13px}
.note .stamp{width:76px;padding:8px 5px 7px}
.note .stamp b{font-size:1.6rem}
.note .n-main h3{font-family:var(--display);font-weight:700;font-size:1rem;line-height:1.3}
.n-cat{font-family:var(--mono);font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);display:block;margin-top:6px}
.n-quote{font-size:.9rem;color:var(--muted);font-style:italic;margin-bottom:15px}
.n-foot{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:.68rem}
.n-price{color:var(--amber);font-weight:700}
.n-foot a{margin-left:auto;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.promo{display:inline-flex;font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green);border:1px dashed #175c39;padding:3px 9px;margin-top:10px}
.empty{font-family:var(--mono);font-size:.78rem;color:var(--dim);text-align:center;padding:44px 0;letter-spacing:.06em}
.empty b{color:var(--amber)}
.load-wrap{text-align:center;padding:14px 0 70px}
.load-more{font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:none;border:1px dashed var(--line2);padding:15px 34px;transition:all .3s var(--ease)}
.load-more:hover:not(:disabled){color:var(--amber);border-color:var(--amber);transform:translateY(-3px)}
.load-more:disabled{color:var(--dim);border-color:var(--line);cursor:default}
/* regras do formato + notas promovidas */
.rules-sec{padding:0 0 96px}
.rules-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.rules{border:1px solid var(--line2);background:var(--panel);padding:32px clamp(22px,3.5vw,38px);position:relative}
.rules::before,.rules::after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--amber)}
.rules::before{top:-8px;left:-8px;border-right:0;border-bottom:0}
.rules::after{bottom:-8px;right:-8px;border-left:0;border-top:0}
.rules h3,.promoted h3{font-family:var(--display);font-weight:700;font-size:1.15rem;margin-bottom:20px}
.rules h3 .hl,.promoted h3 .hl{color:var(--amber)}
.rules li{list-style:none;display:flex;gap:16px;padding:13px 0;border-bottom:1px dashed var(--line);font-size:.92rem;color:var(--muted);transition:transform .3s var(--ease),color .25s}
.rules li:last-child{border:0}
.rules li:hover{transform:translateX(8px);color:var(--text)}
.rules li b{font-family:var(--mono);color:var(--amber);font-weight:700;font-size:.8rem;letter-spacing:.1em;white-space:nowrap;padding-top:2px}
.promoted{border:1px solid var(--line);background:var(--bg2);padding:32px clamp(22px,3.5vw,38px)}
.promoted p{font-size:.88rem;color:var(--muted);margin-bottom:20px}
.promoted a{display:flex;align-items:baseline;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);transition:transform .3s var(--ease)}
.promoted a:last-child{border:0}
.promoted a:hover{transform:translateX(8px)}
.promoted .pid{font-family:var(--mono);font-size:.62rem;color:var(--dim);letter-spacing:.1em}
.promoted b{font-family:var(--display);font-size:.88rem;font-weight:700}
.promoted .psc{margin-left:auto;font-family:var(--mono);font-weight:700;color:var(--green)}
.promoted .arr{color:var(--dim);transition:transform .3s var(--ease),color .25s}
.promoted a:hover .arr{transform:translateX(5px);color:var(--amber)}

/* ============ GUIA DE COMPRA ============ */
.ghead{padding:52px 0 0}
.ghead-grid{display:grid;grid-template-columns:1fr 420px;gap:52px;align-items:start}
.ghead h1{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.05;margin:16px 0 18px}
.ghead h1 .hl{color:var(--amber)}
.gstats{display:flex;gap:0;border:1px solid var(--line);background:var(--bg2);flex-wrap:wrap}
.gs{flex:1;min-width:130px;padding:16px 20px;border-left:1px solid var(--line)}
.gs:first-child{border-left:0}
.gs b{font-family:var(--display);font-weight:700;font-size:1.35rem;display:block}
.gs b em{font-style:normal;color:var(--amber);font-size:.65em}
.gs span{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.console{border:1px solid var(--line2);background:#0a0e15;position:sticky;top:96px;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.console::before,.console::after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--amber)}
.console::before{top:-8px;left:-8px;border-right:0;border-bottom:0}
.console::after{bottom:-8px;right:-8px;border-left:0;border-top:0}
.c-bar{display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--bg2)}
.c-bar i{width:11px;height:11px;border-radius:50%}
.c-bar i:nth-child(1){background:#ff5f56}.c-bar i:nth-child(2){background:#ffbd2e}.c-bar i:nth-child(3){background:#27c93f}
.c-bar span{margin-left:10px;font-family:var(--mono);font-size:.68rem;color:var(--dim);letter-spacing:.08em}
.c-body{padding:26px 24px 24px;font-family:var(--mono)}
.c-block{margin-bottom:24px}
.c-block label{display:block;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.c-out{font-family:var(--mono);font-weight:700;font-size:2rem;color:var(--amber);display:block;margin-bottom:14px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(90deg,var(--amber2),var(--amber) var(--fill,100%),#232f42 var(--fill,100%));border-radius:3px;outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:4px;background:var(--amber);border:2px solid #181004;box-shadow:0 0 14px rgba(255,176,32,.55);cursor:grab;transition:transform .2s var(--ease)}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2) rotate(45deg)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:4px;background:var(--amber);border:2px solid #181004;cursor:grab}
.range-scale{display:flex;justify-content:space-between;font-size:.6rem;color:var(--dim);margin-top:9px;letter-spacing:.08em}
.uses{display:flex;flex-wrap:wrap;gap:8px}
.uses button{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;padding:8px 13px;border:1px solid var(--line2);background:none;color:var(--muted);transition:all .25s var(--ease)}
.uses button:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}
.uses button.on{background:var(--cyan);border-color:var(--cyan);color:#04202c;font-weight:700}
.c-result{border-top:1px dashed var(--line2);padding-top:18px;font-size:.74rem;color:var(--muted);display:flex;align-items:baseline;gap:9px}
.c-result b{font-size:1.7rem;color:var(--green);font-weight:700}
.c-note{margin-top:14px;font-size:.6rem;color:var(--dim);letter-spacing:.06em}
.picks{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pick{display:grid;grid-template-columns:150px 1fr;border:1px solid var(--line);background:var(--panel);position:relative;transition:transform .35s var(--ease),border-color .3s,box-shadow .35s,opacity .3s}
.pick:hover{transform:translateY(-6px);border-color:#3a4a63;box-shadow:0 22px 48px rgba(0,0,0,.45)}
.pick.off{opacity:0;transform:scale(.97)}
.pick.best{border-color:#6b4d12;box-shadow:0 0 0 1px rgba(255,176,32,.35),0 22px 48px rgba(0,0,0,.45)}
.pick.best::after{content:"★ melhor match";position:absolute;top:-10px;right:14px;background:var(--amber);color:#181004;font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;transform:rotate(1.5deg)}
.p-art{position:relative;display:grid;place-items:center;border-right:1px solid var(--line);background:radial-gradient(130% 100% at 50% 0%,#1a2331 0%,#10161f 62%);overflow:hidden;min-height:170px}
.p-art::before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(#263140 1px,transparent 1.4px);background-size:14px 14px}
.p-body{padding:20px 22px}
.p-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.p-top h3{font-family:var(--display);font-weight:700;font-size:1.02rem}
.ptype{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);border:1px solid #175066;background:rgba(65,214,255,.07);padding:3px 9px}
.p-price{font-family:var(--mono);font-weight:700;font-size:1.3rem;color:var(--amber);margin-bottom:8px}
.p-verdict{font-size:.86rem;color:var(--muted);font-style:italic;margin-bottom:12px}
.p-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.p-tags i{font-style:normal;font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;padding:3px 9px;border:1px solid var(--line);color:var(--dim)}
.p-foot{display:flex;align-items:center;gap:12px}
.pm{font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.1em;color:var(--green)}
.p-foot a{margin-left:auto;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);background:var(--panel)}
table{width:100%;border-collapse:collapse;min-width:620px}
th{font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);text-align:left;padding:15px 20px;border-bottom:1px solid var(--line2);background:var(--bg2)}
td{padding:13px 20px;font-size:.88rem;color:var(--muted);border-bottom:1px solid var(--line);font-family:var(--mono)}
tr:last-child td{border-bottom:0}
tbody tr{transition:background .2s,box-shadow .2s}
tbody tr:hover{background:var(--panel2);box-shadow:inset 3px 0 0 var(--amber)}
td:first-child{font-family:var(--body);font-weight:600;color:var(--text)}
td .nota{color:var(--amber);font-weight:700}
.alert-box{border:1px solid var(--line2);background:var(--panel);padding:34px clamp(22px,4vw,42px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.alert-box h3{font-family:var(--display);font-weight:700;font-size:1.25rem;margin-bottom:8px}
.alert-box h3 .hl{color:var(--amber)}
.alert-box p{color:var(--muted);font-size:.92rem}

/* ============ O LAB ============ */
.lhead{padding:56px 0 0}
.lhead-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.lhead h1{font-family:var(--display);font-weight:800;font-size:clamp(2.3rem,5.4vw,4rem);line-height:1.06;margin:16px 0 20px}
.lhead h1 .hl{color:var(--amber)}
.lchips{display:flex;gap:9px;flex-wrap:wrap}
.scope{border:1px solid var(--line2);background:linear-gradient(170deg,#151c27,#0d1219);padding:18px 18px 16px;box-shadow:0 34px 70px rgba(0,0,0,.5);position:relative}
.scope::before,.scope::after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--amber)}
.scope::before{top:-8px;left:-8px;border-right:0;border-bottom:0}
.scope::after{bottom:-8px;right:-8px;border-left:0;border-top:0}
.sc-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;color:var(--dim);margin-bottom:12px;text-transform:uppercase}
.sc-run{display:flex;align-items:center;gap:7px;color:var(--green)}
.sc-run i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);animation:pulse 1.2s infinite}
.sc-screen{position:relative;height:170px;border:1px solid #2a3648;border-radius:6px;overflow:hidden;background:radial-gradient(120% 120% at 50% 40%,#0c1a16 0%,#07100d 70%);box-shadow:inset 0 0 40px rgba(0,0,0,.7),0 0 24px rgba(61,220,132,.08)}
.sc-screen::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(61,220,132,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(61,220,132,.09) 1px,transparent 1px);background-size:24px 24px}
.wave{position:absolute;top:0;left:0;height:100%;width:200%;overflow:visible}
.wave path{fill:none;stroke-width:2}
.w1 path{stroke:var(--green);filter:drop-shadow(0 0 5px rgba(61,220,132,.8));animation:trace 1.7s linear infinite}
.w2 path{stroke:var(--cyan);opacity:.55;filter:drop-shadow(0 0 4px rgba(65,214,255,.6));animation:trace 2.9s linear infinite}
@keyframes trace{to{transform:translateX(-120px)}}
.sc-scan{position:absolute;left:0;right:0;height:2px;background:rgba(65,214,255,.14);animation:scan 4.5s linear infinite}
@keyframes scan{from{top:-2px}to{top:100%}}
.sc-read{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:.66rem;color:var(--muted);margin-top:13px;letter-spacing:.08em}
.sc-read b{color:var(--green);font-weight:700}
.sc-knobs{display:flex;gap:12px;margin-top:14px}
.sc-knobs i{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a4759,#171d26);border:1px solid #46566f;position:relative;transition:transform .4s var(--ease)}
.sc-knobs i::after{content:"";position:absolute;top:3px;left:50%;width:2px;height:7px;background:var(--amber);transform:translateX(-50%)}
.scope:hover .sc-knobs i{transform:rotate(70deg)}
.lstats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-left:0;border-right:0;background:var(--bg2);margin-top:64px}
.ls{padding:26px 22px;border-left:1px solid var(--line);transition:background .3s}
.ls:hover{background:var(--panel)}
.ls b{font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,2.6vw,2rem);display:flex;align-items:baseline;gap:3px}
.ls b em{font-style:normal;color:var(--amber);font-size:.6em}
.ls span{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);display:block;margin-top:7px}
.ls .zero{color:var(--green)}
/* escala de notas (a régua) */
.scale{border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden}
.scale::before{content:"";position:absolute;top:0;bottom:0;left:0;width:6px;background:linear-gradient(180deg,var(--t9) 0 20%,var(--t8) 20% 40%,var(--t7) 40% 60%,var(--amber2) 60% 80%,var(--tl) 80% 100%)}
.band{display:grid;grid-template-columns:150px 170px 1fr auto;gap:22px;align-items:center;padding:22px 28px 22px 34px;border-bottom:1px solid var(--line);transition:background .25s,transform .3s var(--ease)}
.band:last-child{border-bottom:0}
.band:hover{background:var(--panel2);transform:translateX(8px)}
.band .rng{font-family:var(--mono);font-weight:700;font-size:1.35rem;color:var(--bc)}
.band h3{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--bc)}
.band p{font-size:.88rem;color:var(--muted)}
.band .ex{font-family:var(--mono);font-size:.66rem;color:var(--dim);letter-spacing:.06em;text-align:right;white-space:nowrap}
.band .ex b{color:var(--muted);font-weight:400;display:block}
/* bancada de equipamentos */
.bench{position:relative;display:flex;align-items:flex-end;justify-content:space-around;gap:22px;flex-wrap:wrap;padding:30px 10px 0;min-height:300px}
.bench::before{content:"";position:absolute;left:0;right:0;bottom:74px;height:3px;background:linear-gradient(90deg,transparent,var(--line2) 8%,var(--line2) 92%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.tool{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:2;transition:transform .35s var(--ease)}
.tool:hover{transform:translateY(-8px)}
.plaque{text-align:center;padding-bottom:8px}
.plaque b{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text);display:block}
.plaque span{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;color:var(--dim)}
.b-osc{width:158px;height:104px;border-radius:8px;background:linear-gradient(165deg,#2b3543,#141a24);border:1px solid #3d4c63;box-shadow:0 18px 36px rgba(0,0,0,.55);position:relative;padding:10px}
.b-osc .mini-scr{height:56px;border-radius:4px;background:#08120e;border:1px solid #22303f;overflow:hidden;position:relative}
.b-osc .mini-scr::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(61,220,132,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(61,220,132,.12) 1px,transparent 1px);background-size:12px 12px}
.b-osc svg{position:absolute;inset:0;width:200%;height:100%}
.b-osc svg path{fill:none;stroke:var(--green);stroke-width:1.6;filter:drop-shadow(0 0 4px rgba(61,220,132,.9));animation:trace 1.4s linear infinite}
.b-osc .kn{position:absolute;bottom:6px;right:8px;display:flex;gap:6px}
.b-osc .kn i{width:12px;height:12px;border-radius:50%;background:#3a4759;border:1px solid #55677f}
.b-db{width:66px;height:112px;border-radius:10px;background:linear-gradient(165deg,#333e4d,#151b25);border:1px solid #46566f;box-shadow:0 18px 36px rgba(0,0,0,.55);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:10px;gap:8px}
.b-db .scr{width:46px;height:26px;border-radius:3px;background:#0a1410;border:1px solid #22303f;display:grid;place-items:center;font-family:var(--mono);font-size:.56rem;font-weight:700;color:var(--green);text-shadow:0 0 6px rgba(61,220,132,.8)}
.b-db .mic{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#55677f,#1a212c);border:1px solid #66794f}
.b-db .dots{display:grid;grid-template-columns:repeat(3,8px);gap:5px;margin-top:4px}
.b-db .dots i{width:8px;height:8px;border-radius:50%;background:#232f42;border:1px solid #33415a}
.b-db .dots i:first-child{background:var(--amber);box-shadow:0 0 7px rgba(255,176,32,.6);animation:pulse 2s infinite}
.b-cyc{width:128px;height:82px;border-radius:8px;background:linear-gradient(165deg,#2b3543,#141a24);border:1px solid #3d4c63;box-shadow:0 18px 36px rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:12px}
.b-cyc i{width:14px;background:linear-gradient(180deg,var(--green),#145c38);border-radius:2px;animation:charge 2.2s ease-in-out infinite}
.b-cyc i:nth-child(1){height:70%;animation-delay:0s}
.b-cyc i:nth-child(2){height:70%;animation-delay:.35s}
.b-cyc i:nth-child(3){height:70%;animation-delay:.7s}
.b-cyc i:nth-child(4){height:70%;animation-delay:1.05s}
@keyframes charge{0%,100%{transform:scaleY(.25);transform-origin:bottom;opacity:.5}50%{transform:scaleY(1);transform-origin:bottom;opacity:1}}
.b-bal{width:112px;height:88px;position:relative}
.b-bal .pan{position:absolute;top:0;left:8px;right:8px;height:10px;border-radius:3px;background:linear-gradient(180deg,#4a5a72,#2a3442);border:1px solid #55677f}
.b-bal .neck{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:14px;height:16px;background:#232c38}
.b-bal .body{position:absolute;bottom:0;left:0;right:0;height:56px;border-radius:8px;background:linear-gradient(165deg,#2b3543,#141a24);border:1px solid #3d4c63;box-shadow:0 18px 36px rgba(0,0,0,.55);display:grid;place-items:center}
.b-bal .disp{font-family:var(--mono);font-size:.62rem;font-weight:700;color:var(--cyan);text-shadow:0 0 6px rgba(65,214,255,.7);background:#0a1216;border:1px solid #22303f;border-radius:3px;padding:4px 10px}
.b-cam{width:96px;height:72px;border-radius:10px;background:linear-gradient(165deg,#333e4d,#151b25);border:1px solid #46566f;box-shadow:0 18px 36px rgba(0,0,0,.55);position:relative;display:grid;place-items:center}
.b-cam .lens{width:42px;height:42px;border-radius:50%;border:3px solid #55677f;background:radial-gradient(circle at 40% 35%,#ff8a00 0%,#a13 45%,#1a0d2e 80%);animation:heat 3s ease-in-out infinite}
@keyframes heat{0%,100%{filter:brightness(1) hue-rotate(0deg)}50%{filter:brightness(1.35) hue-rotate(-18deg)}}
.b-cam i{position:absolute;top:7px;right:9px;width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red);animation:pulse 1.4s infinite}
.bench-cap{text-align:center;font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-top:34px}
.inv{margin-top:44px;border:1px solid var(--line);background:var(--panel)}
.inv-row{display:grid;grid-template-columns:130px 1.1fr 1.4fr auto;gap:18px;align-items:center;padding:15px 22px;border-bottom:1px solid var(--line);font-size:.88rem;transition:background .25s,box-shadow .25s}
.inv-row:last-child{border-bottom:0}
.inv-row:hover{background:var(--panel2);box-shadow:inset 3px 0 0 var(--amber)}
.inv-row b{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
.inv-row .mdl{font-family:var(--mono);font-size:.72rem;color:var(--dim)}
.inv-row span{color:var(--muted)}
.inv-row em{font-style:normal;font-family:var(--mono);font-size:.64rem;color:var(--green)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative;padding-top:10px}
.steps::before{content:"";position:absolute;top:33px;left:24px;right:24px;height:2px;background:linear-gradient(90deg,var(--amber),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform 1.8s var(--ease) .3s}
.steps.in::before{transform:scaleX(1)}
.step{position:relative;padding-top:46px;transition:transform .3s var(--ease)}
.step:hover{transform:translateY(-6px)}
.step::before{content:attr(data-n);position:absolute;top:8px;left:0;width:48px;height:48px;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:.86rem;color:#181004;background:var(--panel);border:2px solid var(--line2);border-radius:50%;z-index:2;transition:all .3s}
.step:hover::before{background:var(--amber);border-color:var(--amber);box-shadow:0 0 22px rgba(255,176,32,.4)}
.step h3{font-family:var(--display);font-size:.98rem;font-weight:700;margin-bottom:9px}
.step p{font-size:.86rem;color:var(--muted)}
.step .smeta{display:block;margin-top:11px;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.doc{border:1px solid var(--line2);background:#0c1119;padding:44px clamp(24px,4.5vw,54px);position:relative}
.doc::before,.doc::after{content:"";position:absolute;width:26px;height:26px;border:2px solid var(--amber)}
.doc::before{top:-9px;left:-9px;border-right:0;border-bottom:0}
.doc::after{bottom:-9px;right:-9px;border-left:0;border-top:0}
.doc h3{font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,2.8vw,1.8rem);margin-bottom:6px}
.doc .dsub{font-family:var(--mono);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-bottom:30px}
.clause{display:flex;gap:20px;padding:15px 0;border-bottom:1px dashed var(--line);font-size:.95rem;color:var(--muted);transition:transform .3s var(--ease),color .25s}
.clause:hover{transform:translateX(8px);color:var(--text)}
.clause b{font-family:var(--mono);color:var(--amber);font-weight:700;font-size:.78rem;letter-spacing:.1em;white-space:nowrap;padding-top:3px}
.doc-sign{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-top:36px}
.sig svg{display:block;width:190px;height:54px;margin-bottom:6px}
.sig path{fill:none;stroke:var(--cyan);stroke-width:2;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.8s ease .5s}
.doc.in .sig path{stroke-dashoffset:0}
.sig span{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border-top:1px solid var(--line2);padding-top:8px;display:block}
.dstamp{border:2px solid var(--green);color:var(--green);font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;padding:12px 20px;border-radius:6px;rotate:-5deg;opacity:0;transform:scale(1.7) rotate(-18deg)}
.doc.in .dstamp{animation:stampIn .55s cubic-bezier(.34,1.56,.64,1) .9s forwards}
.crew{border:1px solid var(--line);background:var(--panel)}
.member{display:grid;grid-template-columns:70px 1.1fr 1.6fr auto;gap:22px;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line);transition:background .25s,transform .3s var(--ease)}
.member:last-child{border-bottom:0}
.member:hover{background:var(--panel2);transform:translateX(8px)}
.mav{width:58px;height:58px;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:1rem;color:#10130a;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:transform .3s var(--ease)}
.member:hover .mav{transform:rotate(-4deg) scale(1.06)}
.member h3{font-family:var(--display);font-size:1.02rem;font-weight:700}
.member .mrole{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mc);margin-top:5px}
.member p{font-size:.88rem;color:var(--muted)}
.member a{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);white-space:nowrap}
.money-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.spend{border:1px solid var(--line);background:var(--panel);padding:30px clamp(22px,3vw,34px)}
.spend h3,.faq-wrap h3{font-family:var(--display);font-size:1.1rem;font-weight:700;margin-bottom:8px}
.spend h3 .hl,.faq-wrap h3 .hl{color:var(--amber)}
.spend .stotal{font-family:var(--mono);font-weight:700;font-size:1.9rem;color:var(--amber);margin:10px 0 4px}
.spend .snote{font-family:var(--mono);font-size:.62rem;color:var(--dim);letter-spacing:.08em;margin-bottom:24px}
.sp-row{display:grid;grid-template-columns:120px 1fr 84px;gap:14px;align-items:center;margin-bottom:13px}
.sp-row b{font-family:var(--mono);font-size:.68rem;font-weight:400;letter-spacing:.08em;color:var(--muted);text-align:right}
.sp-track{height:10px;background:#1a2330;border:1px solid var(--line)}
.sp-bar{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amber2),var(--amber));transition:width 1.3s var(--ease)}
.sp-row i{font-style:normal;font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--text)}
.faq{border:1px solid var(--line);background:var(--panel);margin-bottom:12px;transition:border-color .3s}
.faq:hover{border-color:var(--line2)}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:16px;padding:18px 22px;font-family:var(--display);font-weight:700;font-size:.92rem;transition:color .25s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--amber)}
.faq summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:1.3rem;color:var(--amber);transition:transform .35s var(--ease)}
.faq[open] summary::after{transform:rotate(45deg)}
.faq p{padding:0 22px 20px;color:var(--muted);font-size:.9rem}
.queue{border:1px solid #6b4d12;background:var(--panel);padding:40px clamp(22px,4vw,48px);display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.queue h2{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:12px}
.queue h2 .hl{color:var(--amber)}
.queue p{color:var(--muted);font-size:.95rem}
.q-note{margin-top:12px;font-family:var(--mono);font-size:.6rem;color:var(--dim);letter-spacing:.06em}

/* ============ FOTO REAL NAS ÁREAS DE ARTE (guia, nota, duelo, palco) ============ */
/* Quando o post tem imagem destacada (ou campo de foto custom no duelo),
   ela vence o manequim CSS. Estes estilos garantem que a foto caiba inteira,
   centralizada e sem distorcer dentro de cada área de arte. */
.art-thumb{position:relative;z-index:1;max-width:90%;max-height:180px;object-fit:contain;display:block}
.p-art .art-thumb{max-height:150px}
.f-art .art-thumb{max-height:200px}
.fart .art-thumb{max-height:170px}

/* ============ AJUSTES DE DESKTOP ============ */
@media(min-width:961px){
  /* afasta as barras do breakdown do selo "aprovado" (stamp2) no topo direito */
  .final-grid{padding-top:40px}
}

/* ============ RESPONSIVO DOS TEMPLATES ============ */
@media(max-width:1080px){
  .lead-grid,.rhead-grid,.ghead-grid,.nhead-grid,.lhead-grid{grid-template-columns:1fr;gap:40px}
  .rel-grid{grid-template-columns:1fr 1fr}
  .console,.side-inner{position:static}
  .lstats{grid-template-columns:repeat(3,1fr)}
  .inv-row{grid-template-columns:110px 1fr auto}
  .inv-row span{display:none}
  .band{grid-template-columns:120px 1fr;grid-template-rows:auto auto}
  .band .ex{grid-column:1/-1;text-align:left}
}
@media(max-width:960px){
  .stage{height:400px;order:-1;margin-bottom: 50px;}
  .rlayout{grid-template-columns:1fr;gap:44px;padding-top:48px}
  .side-inner{grid-template-columns:1fr; margin:0 10px}
  .toc{display:none}
  .toc-m{display:flex;gap:8px;overflow-x:auto;position:sticky;top:58px;z-index:95;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 24px;margin:0 -24px;scrollbar-width:none}
  .toc-m::-webkit-scrollbar{display:none}
  .toc-m a{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:7px 13px;white-space:nowrap}
  .toc-m a.active{color:#181004;background:var(--amber);border-color:var(--amber);font-weight:700}
  .fighters,.hero-fight,.news-grid,.aud,.price-duo,.money-grid,.queue,.alert-box{grid-template-columns:1fr}
  .vs,.vs-core{margin:0 auto}
  .featured{grid-template-columns:1fr}
  .f-art{border-right:0;border-bottom:1px solid var(--line)}
  .picks{grid-template-columns:1fr}
  .feed{columns:1}
  .steps{grid-template-columns:1fr;gap:0;padding:0 0 0 34px}
  .steps::before{top:24px;bottom:24px;left:23px;right:auto;width:2px;height:auto;transform:scaleY(0);transform-origin:top}
  .steps.in::before{transform:scaleY(1)}
  .step{padding:0 0 34px 34px}
  .step::before{top:0;left:-34px}
  .member{grid-template-columns:58px 1fr;grid-template-rows:auto auto}
  .member p,.member a{grid-column:2}
  .badge-rot,.badge-core{display:none}
  .rmeta .upd{flex-basis:100%}
  .bench::before{display:none}
  .callout{position:static}
  .callout::before,.callout::after{display:none}
  .co-wrap{position:static;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:26px}
  .co-wrap .callout{margin:0}
  .rules-grid{grid-template-columns:1fr}
  .f-count{margin-left:0}
}
@media(max-width:640px){
  .lead,.rhead,.nhead,.ghead,.lhead{padding-top:40px}
  .proscons{grid-template-columns:1fr}
  .verdict,.final-grid{flex-direction:column;grid-template-columns:1fr;text-align:center;align-items:center}
  .nstats{grid-template-columns:1fr 1fr;width:100%}
  .ns:nth-child(3){border-left:0}
  .ns:nth-child(-n+4){border-top:1px solid var(--line)}
  .mirror{grid-template-columns:44px 1fr 90px 1fr 44px;gap:8px}
  .pick{grid-template-columns:1fr}
  .p-art{border-right:0;border-bottom:1px solid var(--line)}
  .lstats{grid-template-columns:1fr 1fr}
  .ls:nth-child(3){border-left:0}
  .ls:nth-child(-n+4){border-top:1px solid var(--line)}
  .ls:nth-child(5){border-left:0}
  .rel-grid{grid-template-columns:1fr}
  .spec-h,.spec-r{grid-template-columns:1fr 96px 1fr}
  .spec-r span,.spec-h span{padding:11px 12px;font-size:.8rem}
  .band{grid-template-columns:1fr}
  .stamp-d { font-size: 0.72rem; font-weight:100;transform: rotate(25deg)}
}
@media(prefers-reduced-motion:reduce){
  .note{opacity:1;transform:none}
  .dstamp{opacity:1;transform:none}
  .sig path{stroke-dashoffset:0}
}

/* ============ BLOG / DIÁRIO (posts padrão) ============ */
.diary-head{padding:52px 22px 0}
.diary-head h1{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.05;margin:16px 0 18px}
.diary-head h1 .hl{color:var(--amber)}
.diary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.post-card{background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.post-card:hover{transform:translateY(-7px);border-color:#3a4a63;box-shadow:0 22px 48px rgba(0,0,0,.45)}
.post-art{position:relative;height:172px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(130% 100% at 50% 0%,#1a2331 0%,#10161f 62%)}
.post-art::before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(#263140 1px,transparent 1.4px);background-size:15px 15px;mask-image:radial-gradient(90% 90% at 50% 40%,#000,transparent)}
.post-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-card:hover .post-img{transform:scale(1.06)}
.post-ph{position:relative;z-index:1;width:96px;height:96px;display:grid;place-items:center;border:1px solid var(--line2);background:var(--bg2);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:transform .35s var(--ease),border-color .3s}
.post-card:hover .post-ph{transform:rotate(-3deg) scale(1.05);border-color:var(--amber)}
.post-ph b{font-family:var(--display);font-weight:800;font-size:2.6rem;color:var(--text)}
.post-ph i{position:absolute;bottom:6px;right:9px;font-style:normal;color:var(--amber);font-size:.9rem;text-shadow:0 0 10px rgba(255,176,32,.6)}
.post-cat{position:absolute;top:11px;left:13px;z-index:2;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);border:1px solid #5c4413;background:rgba(255,176,32,.07);padding:4px 10px;transform:rotate(-1.2deg)}
.post-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.post-date{font-family:var(--mono);font-size:.64rem;color:var(--dim);letter-spacing:.08em;margin-bottom:10px}
.post-body h3{font-family:var(--display);font-size:1.02rem;font-weight:700;margin-bottom:9px;line-height:1.3}
.post-body h3 a{transition:color .25s}
.post-body h3 a:hover{color:var(--amber)}
.post-body p{font-size:.88rem;color:var(--muted);flex:1}
.post-more{margin-top:16px;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);display:inline-flex;gap:6px}
.post-more b{transition:transform .3s var(--ease)}
.post-card:hover .post-more b{transform:translateX(4px)}
.post-hero{margin:0 0 34px;border:1px solid var(--line);overflow:hidden}
.post-hero img{display:block;width:100%;height:auto}
.ptags{display:flex;gap:8px;flex-wrap:wrap;margin:34px 0 0}
.ptags a{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:6px 12px;transition:all .25s var(--ease)}
.ptags a:hover{color:var(--cyan);border-color:var(--cyan);transform:translateY(-2px)}
.pager{margin-top:44px}
.pager .nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-family:var(--mono)}
.pager .page-numbers{font-size:.72rem;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);padding:9px 14px;transition:all .25s var(--ease)}
.pager a.page-numbers:hover{color:var(--amber);border-color:var(--amber);transform:translateY(-2px)}
.pager .page-numbers.current{color:#181004;background:var(--amber);border-color:var(--amber);font-weight:700}
@media(max-width:1080px){.diary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.diary-grid{grid-template-columns:1fr}}