/* Experiência do aluno: notebook que abre conforme a rolagem e mostra a Tutory e depois a Área do Aluno do QG.
   A tela interna é desenhada em 1280x800 e o demo.js escala para o tamanho do notebook. */
.dm{position:relative;padding-top:80px}
.dm-cab{padding-bottom:10px}
.dm-palco{position:relative;height:1350vh}
.dm-fixo{position:sticky;top:0;height:100vh;height:100svh;max-width:1320px;margin:0 auto;padding:84px 24px 24px;
  display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:44px;align-items:center}

/* legenda */
.dm-fases{display:flex;gap:6px;margin-bottom:18px}
.dm-fases span{font-family:var(--mono,monospace);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--borda,rgba(255,255,255,.1));color:var(--cinza,#9aa1ad);transition:.3s}
.dm-fases span.on{background:var(--ouro,#D4AF37);border-color:var(--ouro,#D4AF37);color:#0b0b0b}
.dm-passos{list-style:none;margin:0;padding:0;position:relative;min-height:230px}
.dm-passo{position:absolute;inset:0 0 auto 0;opacity:0;transform:translateY(16px);transition:opacity .45s,transform .45s;pointer-events:none}
.dm-passo.ativa{opacity:1;transform:none;pointer-events:auto}
.dm-hora{display:block;font-family:var(--mono,monospace);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro,#D4AF37);margin-bottom:10px}
.dm-passo h3{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:.95;margin:0 0 12px;color:#fff}
.dm-passo p{color:var(--cinza,#9aa1ad);font-size:1rem;line-height:1.55}
.dm-prog{height:3px;background:rgba(255,255,255,.08);margin:16px 0 22px}
.dm-prog i{display:block;height:100%;width:0;background:var(--ouro,#D4AF37);transition:width .2s}
.dm-cta{opacity:0;transform:translateY(10px);transition:.4s;pointer-events:none}
.dm.fim .dm-cta{opacity:1;transform:none;pointer-events:auto}

/* notebook em 3D */
.dm-cena3d{position:relative;perspective:2200px;perspective-origin:50% -30%;display:flex;flex-direction:column;align-items:center}
.dm-nb{--abre:-96deg;position:relative;width:100%;max-width:880px;transform-style:preserve-3d;margin-bottom:12%}
.dm-tampa{position:relative;transform-origin:50% 100%;transform:rotateX(var(--abre));transform-style:preserve-3d;transition:transform .08s linear}
.dm-moldura,.dm-costas{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.dm-moldura{background:#16181d;border:1px solid #2d3038;border-radius:16px 16px 6px 6px;padding:2% 2% 3.2%;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.6) inset}
.dm-moldura::before{content:"";position:absolute;top:.9%;left:50%;width:6px;height:6px;border-radius:50%;background:#333844;transform:translateX(-50%)}
.dm-costas{position:absolute;inset:0;border-radius:16px 16px 6px 6px;transform:rotateY(180deg);display:grid;place-items:center;
  background:linear-gradient(160deg,#2a2e36,#15171c);border:1px solid #3a3e47}
.dm-costas img{width:16%;opacity:.85;filter:drop-shadow(0 0 18px rgba(212,175,55,.5))}
.dm-tela{position:relative;aspect-ratio:16/10;overflow:hidden;background:#000;border-radius:4px}
.dm-tela::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 38%);opacity:var(--brilho,1)}
.dm-deck{position:absolute;left:-7%;right:-7%;top:100%;height:58%;transform-origin:50% 0;transform:rotateX(84deg);
  background:linear-gradient(180deg,#30343c,#1c1f25 60%,#121418);border-radius:4px 4px 22px 22px;border:1px solid #3a3e47;
  box-shadow:0 60px 80px rgba(0,0,0,.6)}
.dm-deck::before{content:"";position:absolute;left:9%;right:9%;top:9%;height:52%;border-radius:6px;
  background:repeating-linear-gradient(90deg,#0f1115 0 5.4%,transparent 5.4% 6.2%),repeating-linear-gradient(180deg,#0f1115 0 16%,transparent 16% 20%);opacity:.9}
.dm-deck::after{content:"";position:absolute;left:36%;right:36%;bottom:8%;height:24%;border-radius:6px;background:#24272e;border:1px solid #3a3e47}
.dm-dica{font-family:var(--mono,monospace);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro,#D4AF37);transition:opacity .3s;margin-top:-6%}

/* tela virtual 1280x800 */
.dm-vista{position:absolute;left:0;top:0;width:1280px;height:800px;transform-origin:0 0;transform:scale(var(--k,.5));background:#0d0f13;font-family:"Inter","Segoe UI",Arial,sans-serif;color:#e8ecf2;font-size:16px;line-height:1.4}
.dm-nav{height:84px;background:#1d2027;border-bottom:1px solid #2c3039}
.dm-abas{display:flex;gap:4px;padding:8px 12px 0;height:42px}
.dm-aba{display:flex;align-items:center;gap:8px;padding:0 18px;border-radius:10px 10px 0 0;font-size:14px;color:#9aa1ad;background:#262a32;transition:.3s;width:230px}
.dm-aba.on{background:#2f333c;color:#fff}
.dm-aba img{width:18px}
.dm-aba i.t{width:16px;height:16px;border-radius:4px;background:linear-gradient(135deg,#7c4dff,#3d8bff)}
.dm-url{margin:0 12px;height:34px;background:#2f333c;border-radius:17px;display:flex;align-items:center;gap:10px;padding:0 16px;font-size:14px;color:#c9ced8}
.dm-url b{font-weight:400}
.dm-cenas{position:absolute;left:0;right:0;top:84px;bottom:0}
.dm-cena{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .5s,transform .6s;overflow:hidden}
.dm-cena.ativa{opacity:1;transform:none}

/* telas reais da Tutory */
.dm-tut{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(800px 400px at 50% 0,#1a2030,#0d0f13);padding:30px}
.dm-tut img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.dm-cena.ativa .dm-tut>img{animation:dm-zoom 7s ease-out both}
@keyframes dm-zoom{from{transform:scale(1)}to{transform:scale(1.06)}}
.dm-tut-pdf{background:#2a2d33;padding:0}

/* leitor de PDF (Tutory e Área) */
.dm-pv-folhas{position:absolute;inset:0;overflow:hidden;background:#2a2d33}
.dm-pv-trilho{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 0}
.dm-cena.ativa .dm-pv-trilho{animation:dm-rola 9s 1s ease-in-out both}
@keyframes dm-rola{to{transform:translateY(-62%)}}
.dm-pv-trilho figure{position:relative;margin:0;width:600px}
.dm-pv-trilho img{width:100%;display:block;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.dm-pv-trilho figcaption{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:11px;color:#8a6d1f;letter-spacing:.04em}

/* Área do Aluno (fictícia) */
.dm-qg{position:absolute;inset:0;background:#08090b;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px}
.dm-qg-topo{height:60px;display:flex;align-items:center;gap:12px;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,9,11,.9)}
.dm-qg-topo>img{width:34px}
.dm-qg-topo>b{font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:24px;letter-spacing:.02em}
.dm-qg-topo>b i{color:#D4AF37}
.dm-selo{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:#1749C9;padding:4px 10px}
.dm-quem{margin-left:auto;display:flex;align-items:center;gap:10px;font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:19px;text-transform:uppercase}
.dm-quem img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #D4AF37}
.dm-qg-corpo{display:grid;grid-template-columns:210px 1fr;gap:24px;padding:22px 26px;height:calc(100% - 60px)}
.dm-menu{display:flex;flex-direction:column;gap:3px;background:#111318;border:1px solid rgba(255,255,255,.08);padding:8px;align-self:start}
.dm-menu span{padding:10px 12px;font-family:"Space Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9aa1ad}
.dm-menu span.on{background:#D4AF37;color:#0b0b0b}
.dm-main{position:relative;overflow:hidden}
.dm-ficticio{position:absolute;right:14px;bottom:10px;font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3)}
.dm-qg em{font-style:italic;color:#D4AF37}
.dm-qg h4,.dm-qg h5,.dm-qg h6{margin:0;font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.dm-h{font-size:34px;margin-bottom:14px!important}
.dm-h small{font-family:"Space Mono",monospace;font-style:normal;font-weight:400;font-size:12px;color:#9aa1ad;letter-spacing:.06em;margin-left:10px}
.dm-qg small{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#D4AF37}
.dm-qg p{margin:0;color:#9aa1ad;font-size:15px}
.dm-bt,.dm-bt2{display:inline-block;text-decoration:none;font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:16px;padding:8px 16px;margin-top:10px}
.dm-bt{background:#D4AF37;color:#0b0b0b}
.dm-bt2{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);color:#fff}
.dm-boas{display:flex;gap:20px;align-items:center;margin-bottom:18px}
.dm-boas img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid #D4AF37;box-shadow:0 0 30px rgba(212,175,55,.3)}
.dm-boas h4{font-size:52px;line-height:.95;margin:4px 0 6px}
.dm-recado{border-left:3px solid #D4AF37;background:#111318;padding:14px 18px;font-size:15px;color:#d5dae2;margin-bottom:18px}
.dm-recado b{display:block;font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#D4AF37;margin-bottom:4px}
.dm-recado i{color:#9aa1ad}
.dm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dm-card{background:#111318;border:1px solid rgba(255,255,255,.08);padding:18px;position:relative}
.dm-card::before{content:"";position:absolute;left:-1px;top:-1px;width:16px;height:16px;border-left:2px solid #D4AF37;border-top:2px solid #D4AF37}
.dm-card.dest{background:#1749C9;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;border-color:#1749C9}
.dm-card.dest small{color:#fff}.dm-card.dest p{color:#dfe7ff}
.dm-card h5{font-size:26px;margin:6px 0 4px}
.dm-filtros{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.dm-chip,.dm-sel,.dm-busca{font-family:"Space Mono",monospace;font-size:12px;text-transform:uppercase;padding:8px 12px;border:1px solid rgba(255,255,255,.12);color:#c9ced8}
.dm-chip.on{background:#D4AF37;border-color:#D4AF37;color:#0b0b0b}
.dm-sel{border-color:#D4AF37;color:#F0D77A}
.dm-busca{flex:1;text-transform:none;color:#6f7782}
.dm-conta{margin-bottom:14px!important;font-size:14px!important}.dm-conta b{color:#fff}
.dm-grupo{margin-bottom:16px}
.dm-grupo h6{font-size:22px;margin-bottom:8px}
.dm-grupo h6 i{font-family:"Space Mono",monospace;font-style:normal;font-size:12px;color:#0b0b0b;background:#D4AF37;padding:1px 7px;margin-left:6px;vertical-align:3px}
.dm-pdfs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dm-pdf{background:#111318;border:1px solid rgba(255,255,255,.08);padding:14px;display:flex;flex-direction:column;gap:4px}
.dm-pdf b{font-size:16px;color:#fff;font-weight:600}
.dm-pdf small em{color:#fff;background:#1749C9;font-style:normal;padding:0 5px}
.dm-pdf span{display:flex;gap:14px;margin-top:6px}
.dm-pdf u{text-decoration:none;font-family:"Space Mono",monospace;font-size:12px;font-weight:700;text-transform:uppercase;color:#F0D77A}
.dm-pv{position:absolute;inset:0;background:#2a2d33;display:flex;flex-direction:column}
.dm-pv-barra{display:flex;align-items:center;gap:14px;background:#111318;padding:8px 14px;font-size:14px;color:#9aa1ad}
.dm-pv-barra b{color:#fff;font-size:15px}
.dm-pv-z{margin-left:auto;font-family:"Space Mono",monospace}
.dm-pv-barra .dm-bt{margin:0;padding:5px 12px;font-size:14px}
.dm-pv .dm-pv-folhas{position:relative;flex:1}
.dm-pv .dm-pv-trilho figure{width:470px}
.dm-sim{display:grid;grid-template-columns:260px 1fr;gap:18px}
.dm-nota{background:#1749C9;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;padding:22px;display:flex;flex-direction:column;gap:2px}
.dm-nota small{color:#fff!important}
.dm-nota b{font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:110px;line-height:.9}
.dm-nota span{color:#dfe7ff;font-family:"Space Mono",monospace;font-size:13px}
.dm-nota p{color:#dfe7ff!important;margin:14px 0 10px!important;font-size:14px!important}
.dm-nota em{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:26px;text-transform:uppercase;color:#F0D77A!important}
.dm-bars{background:#111318;border:1px solid rgba(255,255,255,.08);padding:20px}
.dm-bars h6{font-size:22px;margin-bottom:12px}
.dm-bar{display:grid;grid-template-columns:170px 1fr 52px;align-items:center;gap:12px;margin-bottom:12px;font-size:14px}
.dm-bar div{height:12px;background:rgba(255,255,255,.07)}
.dm-bar i{display:block;height:100%;background:#D4AF37;width:0!important;transition:width 1.2s .3s}
.dm-cena.ativa .dm-bar i{width:var(--w)!important}
.dm-bar.fraco i{background:#e05a5a}.dm-bar.fraco b{color:#e05a5a}
.dm-bar b{font-family:"Space Mono",monospace;text-align:right}
.dm-diag{margin-top:14px;border-left:3px solid #e05a5a;background:rgba(224,90,90,.08);padding:10px 14px;font-size:14px;color:#e7c9c9}
.dm-duas{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;height:100%}
.dm-ev{display:flex;gap:14px;align-items:center;background:#111318;border:1px solid rgba(255,255,255,.08);padding:12px 14px;margin-bottom:10px}
.dm-ev>b{font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:20px;line-height:1;text-align:center;background:#1749C9;padding:8px 10px;min-width:62px}
.dm-ev.ouro>b{background:#D4AF37;color:#0b0b0b}
.dm-ev strong{display:block;font-size:15px;color:#fff}.dm-ev span{font-size:13px;color:#9aa1ad}
.dm-chat{background:#111318;border:1px solid rgba(255,255,255,.08);padding:16px;display:flex;flex-direction:column;gap:10px}
.dm-chat .dm-h{font-size:26px;margin-bottom:4px!important}
.dm-msg{display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(8px)}
.dm-cena.ativa .dm-msg{animation:dm-entra .4s ease-out both}
.dm-cena.ativa .dm-msg:nth-of-type(2){animation-delay:.5s}.dm-cena.ativa .dm-msg:nth-of-type(3){animation-delay:1s}
.dm-cena.ativa .dm-msg:nth-of-type(4){animation-delay:1.5s}.dm-cena.ativa .dm-msg:nth-of-type(5){animation-delay:2s}
@keyframes dm-entra{to{opacity:1;transform:none}}
.dm-msg img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.dm-msg div{background:#1a1d24;padding:8px 12px;max-width:85%}
.dm-msg b{font-size:13px;color:#F0D77A}
.dm-msg b i{font-family:"Space Mono",monospace;font-style:normal;font-size:10px;background:#1749C9;color:#fff;padding:1px 5px;margin-left:4px;text-transform:uppercase}
.dm-msg p{font-size:14px!important;color:#e8ecf2!important}
.dm-msg.eu{flex-direction:row-reverse}.dm-msg.eu div{background:#2a2410}
.dm-escreve{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.12);padding:8px 8px 8px 12px;color:#6f7782;font-size:14px}
.dm-escreve u{text-decoration:none;background:#D4AF37;color:#0b0b0b;font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;padding:5px 12px}
.dm-podio{display:flex;flex-direction:column;gap:8px}
.dm-rk{display:grid;grid-template-columns:54px 44px 1fr auto;align-items:center;gap:12px;background:#111318;border:1px solid rgba(255,255,255,.08);padding:8px 16px}
.dm-rk b{font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:30px;color:#9aa1ad}
.dm-rk:nth-child(-n+3) b{color:#D4AF37}
.dm-rk img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.dm-rk span{font-size:17px;font-weight:600}
.dm-rk span i{font-family:"Space Mono",monospace;font-style:normal;font-size:10px;background:#D4AF37;color:#0b0b0b;padding:2px 6px;margin-left:6px;text-transform:uppercase;vertical-align:2px}
.dm-rk em{font-family:"Space Mono",monospace;font-style:normal!important;color:#c9ced8!important;font-size:14px}
.dm-rk.eu{background:#1749C9;border-color:#1749C9;transform:scale(1.02)}
.dm-rk.eu b{color:#fff}
.dm-sobe{margin-top:14px!important;color:#5fd38d!important;font-family:"Space Mono",monospace;font-size:14px!important}

/* cursor e clique */
.dm-cursor{position:absolute;left:50%;top:60%;width:30px;height:30px;z-index:5;transition:left .9s cubic-bezier(.5,0,.2,1),top .9s cubic-bezier(.5,0,.2,1),opacity .3s;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.dm-cursor svg{width:100%;height:100%}
.dm-clique{position:absolute;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;border:3px solid #D4AF37;opacity:0;z-index:4;pointer-events:none}
.dm-clique.vai{animation:dm-clica .6s ease-out}
@keyframes dm-clica{from{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}

/* celular: legenda em cima, notebook embaixo */
@media (max-width:900px){
  .dm-palco{height:1250vh}
  .dm-fixo{grid-template-columns:1fr;gap:10px;padding:70px 14px 10px;align-content:center}
  .dm-passos{min-height:150px}
  .dm-passo h3{font-size:1.55rem}
  .dm-passo p{font-size:.9rem}
  .dm-fases{margin-bottom:10px}
  .dm-prog{margin:8px 0 10px}
  .dm-cta{position:absolute;left:14px;right:14px;bottom:18px}
  .dm-nb{width:90%}
}
@media (prefers-reduced-motion:reduce){.dm-nb{--abre:0deg!important}.dm-cena.ativa .dm-pv-trilho,.dm-cena.ativa .dm-tut>img{animation:none}}
/* o notebook cabe na altura da tela */
.dm-nb{width:min(100%,calc((100vh - 250px) * 1.45));margin-bottom:9%}
.dm-tut{padding:22px}
@media (max-width:900px){.dm-nb{width:min(90%,calc((100svh - 380px) * 1.45))}}
.dm-nb{width:min(100%,calc((100vh - 330px) * 1.3))}
.dm-tut img{width:100%;height:100%;object-fit:contain;box-shadow:none;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}
@media (max-width:900px){.dm-nb{width:min(100%,calc((100svh - 360px) * 1.5))}}
/* rolagem mais curta entre as telas */
.dm-palco{height:620vh}
.dm{padding-top:60px}
@media (max-width:900px){.dm-palco{height:560vh}}
/* título dentro do palco fixo: sem vão entre o título e o notebook */
.dm{padding-top:0!important;padding-bottom:0!important}
.dm-fixo{grid-template-rows:auto 1fr;align-items:center;row-gap:8px;padding:76px 24px 12px}
.dm-cab{grid-column:1/-1;text-align:center;max-width:820px;margin:0 auto;padding:0}
.dm-cab h2{font-size:clamp(1.8rem,3.2vw,2.7rem);margin:4px 0 6px}
.dm-cab .lead{font-size:.92rem;margin:0}
.dm-nb{width:min(100%,calc((100vh - 400px) * 1.35))}
@media (max-width:900px){
  .dm-fixo{grid-template-rows:auto auto auto;align-content:start;padding-top:66px;row-gap:6px}
  .dm-cab .lead{display:none}
  .dm-cab h2{font-size:1.5rem}
  .dm-nb{width:min(100%,calc((100svh - 420px) * 1.5))}
}
@media (min-width:901px){.dm-nb{width:min(100%,calc((100vh - 350px) * 1.5))}}
@media (max-width:900px){.dm-fixo{align-content:center}}

/* ranking detalhado */
.dm-rk-abas{display:flex;gap:6px;align-items:center;margin-bottom:12px}
.dm-rk-abas span{font-family:"Space Mono",monospace;font-size:12px;font-weight:700;text-transform:uppercase;padding:7px 12px;border:1px solid rgba(255,255,255,.12);color:#c9ced8}
.dm-rk-abas span.on{background:#D4AF37;border-color:#D4AF37;color:#0b0b0b}
.dm-rk-abas i{font-style:normal;font-family:"Space Mono",monospace;font-size:12px;color:#F0D77A;border:1px solid rgba(212,175,55,.5);padding:7px 10px}
.dm-rk-abas i:first-of-type{margin-left:auto}
.dm-rk-grid{display:grid;grid-template-columns:330px 1fr;gap:16px}
.dm-podio3{display:flex;align-items:flex-end;gap:8px;background:#111318;border:1px solid rgba(255,255,255,.08);padding:14px 12px 0}
.dm-dg{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.dm-dg-av{position:relative}
.dm-dg-av img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:3px solid #9aa1ad}
.dm-dg.p1 .dm-dg-av img{width:80px;height:80px;border-color:#D4AF37;box-shadow:0 0 24px rgba(212,175,55,.5)}
.dm-dg.p3 .dm-dg-av img{border-color:#b87333}
.dm-dg-av span{position:absolute;right:-4px;bottom:-2px;background:#D4AF37;color:#0b0b0b;font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:16px;padding:0 6px}
.dm-dg b{font-size:14px;color:#fff;margin-top:6px}
.dm-dg em{font-family:"Space Mono",monospace;font-style:normal!important;color:#F0D77A!important;font-size:12px}
.dm-dg-base{width:100%;margin-top:6px;background:linear-gradient(180deg,#1749C9,#0F36A0);height:70px}
.dm-dg.p1 .dm-dg-base{height:110px;background:linear-gradient(180deg,#D4AF37,#8A6D1F)}
.dm-dg.p3 .dm-dg-base{height:46px}
.dm-tab{display:flex;flex-direction:column;gap:5px}
.dm-tab .dm-rk{grid-template-columns:36px 34px 1fr 52px 74px 64px 44px;gap:10px;padding:6px 12px}
.dm-tab .dm-rk.cab{background:none;border:0;padding:0 12px;font-family:"Space Mono",monospace;font-size:11px;text-transform:uppercase;color:#6f7782}
.dm-tab .dm-rk.cab b{font-size:11px;color:#6f7782}
.dm-tab .dm-rk b{font-size:22px}
.dm-tab .dm-rk img{width:32px;height:32px}
.dm-tab .dm-rk span{font-size:15px;display:flex;flex-direction:column;line-height:1.15}
.dm-tab .dm-rk span small{font-size:10px;color:#9aa1ad;letter-spacing:.06em}
.dm-tab .dm-rk span u{text-decoration:none;font-family:"Space Mono",monospace;font-size:9px;background:#D4AF37;color:#0b0b0b;padding:1px 5px;width:max-content;margin:2px 0}
.dm-tab .dm-rk em{font-size:13px;text-align:right}
.dm-tab .dm-rk strong{font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:22px;text-align:right;color:#fff}
.dm-tab .dm-rk>i{font-style:normal;font-family:"Space Mono",monospace;font-size:12px;text-align:right;color:#6f7782}
.dm-tab .dm-rk>i.sobe{color:#5fd38d}.dm-tab .dm-rk>i.desce{color:#e05a5a}
.dm-tab .dm-rk.eu{transform:none}
.dm-tab .dm-rk.eu span small,.dm-tab .dm-rk.eu em{color:#dfe7ff!important}
.dm-pts{display:flex;gap:8px;margin-top:12px}
.dm-pts span{flex:1;background:#111318;border:1px solid rgba(255,255,255,.08);padding:8px 12px;font-size:12px;color:#9aa1ad}
.dm-pts b{display:block;font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:26px;color:#fff;line-height:1}
.dm-pts span.tot{background:#D4AF37;border-color:#D4AF37;color:#0b0b0b}.dm-pts span.tot b{color:#0b0b0b}
/* nível e esquadrões */
.dm-nv-grid{display:grid;grid-template-columns:300px 210px 1fr;gap:14px}
.dm-nv{background:#1749C9;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.dm-nv>img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #D4AF37}
.dm-nv small{color:#fff!important}
.dm-nv h5{font-size:40px;line-height:.9}
.dm-nv-bar{width:100%;height:12px;background:rgba(0,0,0,.35);margin-top:4px}
.dm-nv-bar i,.dm-esq i{display:block;height:100%;width:0;background:#D4AF37;transition:width 1.2s .3s}
.dm-cena.ativa .dm-nv-bar i,.dm-cena.ativa .dm-esq i{width:var(--w)}
.dm-nv p{color:#dfe7ff!important;font-size:14px!important}.dm-nv p b{color:#fff}
.dm-topo1{margin-top:auto;width:100%;background:#0b0b0b;border-left:3px solid #D4AF37;padding:10px 12px}
.dm-topo1 strong{display:block;font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:24px;color:#F0D77A;text-transform:uppercase}
.dm-escada{list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;gap:4px}
.dm-escada li{display:flex;gap:10px;align-items:center;background:#111318;border:1px solid rgba(255,255,255,.08);padding:6px 10px;font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:17px;text-transform:uppercase;color:#6f7782}
.dm-escada li b{font-family:"Space Mono",monospace;font-style:normal;font-size:11px}
.dm-escada li.feito{color:#c9ced8}
.dm-escada li.on{background:#D4AF37;border-color:#D4AF37;color:#0b0b0b;transform:translateX(8px)}
.dm-escada li.topo{background:#0b0b0b;border-color:#D4AF37;color:#F0D77A}
.dm-esqs{background:#111318;border:1px solid rgba(255,255,255,.08);padding:16px}
.dm-esqs h6{font-size:22px;margin-bottom:10px}
.dm-esq{display:grid;grid-template-columns:110px 1fr 60px;gap:10px;align-items:center;margin-bottom:10px;font-size:14px}
.dm-esq div{height:12px;background:rgba(255,255,255,.07)}
.dm-esq i{background:#1749C9}
.dm-esq.on i{background:#D4AF37}.dm-esq.on span{color:#F0D77A;font-weight:700}
.dm-esq b{font-family:"Space Mono",monospace;text-align:right;font-size:12px}