.bau-ov { display: flex; align-items: center; justify-content: center; }

.bau-cx {
  



  width: min(672px, calc(100vw - 32px));
  max-height: calc(100vh - 60px);
  













  overflow-x: hidden; overflow-y: auto;
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: 18px; padding: 16px 18px 20px;
  box-shadow: 0 30px 70px rgba(0,0,0,.6);
}
.bau-cab { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; }
.bau-cab b { font-size: 15px; letter-spacing: -.2px; }
.bau-x { margin-left: auto; cursor: pointer; color: var(--txt-2); font-size: 20px;
         line-height: 1; }
.bau-x:hover { color: var(--txt); }
.bau-corpo { display: flex; flex-direction: column; }







.bau-corpo.bau-solta { transition: min-height .42s cubic-bezier(.2,.9,.3,1); }
.bau-vazio { font-size: 12.5px; color: var(--txt-2); line-height: 1.5; margin: 12px 0; }














.bau-abre { display: inline-flex; align-items: center; gap: 8px; }
.bau-abre-fig {
  position: relative; width: 15px; height: 19px; flex: 0 0 auto;
  border-radius: 3px; border: 1px solid currentColor;
  background: color-mix(in srgb, currentColor 16%, transparent);
  transform: rotate(-7deg);
}


.bau-abre-fig::before {
  content: ""; position: absolute; inset: -1px;
  border-radius: 3px; border: 1px solid currentColor;
  background: color-mix(in srgb, currentColor 10%, transparent);
  transform: rotate(13deg) translate(2px, -1px);
  z-index: -1;
}







.nf-linha .bau-abre.tem {
  


  background: var(--accent); border-color: var(--accent); color: #fff;
}
@media (prefers-reduced-motion: no-preference) {
  


  .bau-abre.tem { animation: bauChama 2.6s ease-in-out infinite; }
}
@keyframes bauChama {
  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent); }
  50%      { box-shadow: 0 0 0 5px color-mix(in srgb, var(--accent) 0%, transparent); }
}
























.bau-flut {
  position: fixed; right: 20px; bottom: 20px; z-index: 90;
  




  opacity: 0; transform: translateY(14px) scale(.94);
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .bau-flut { transition: opacity .3s ease-out, transform .34s cubic-bezier(.2,.9,.3,1); }
}
.bau-flut.dentro { opacity: 1; transform: none; pointer-events: auto; }
.bau-flut.saindo { opacity: 0; transform: translateY(10px) scale(.96); pointer-events: none; }
body:has(.pc-recado) .bau-flut { bottom: 112px; }
@media (prefers-reduced-motion: no-preference) {
  .bau-flut { transition: opacity .3s ease-out,
                          transform .34s cubic-bezier(.2,.9,.3,1),
                          bottom .3s cubic-bezier(.2,.9,.3,1); }
}

.bau-flut-bt {
  position: relative; display: block; padding: 0; border: 0; background: none;
  cursor: pointer; line-height: 0;
}









.bau-flut .bau-pack-palco { --pk-w: 160px; pointer-events: none; }




.bau-flut-halo {
  position: absolute; inset: -14px; border-radius: 26px; pointer-events: none;
  background: radial-gradient(62% 62% at 50% 50%,
              color-mix(in srgb, var(--accent) 62%, transparent), transparent 72%);
  filter: blur(11px); opacity: .7;
}
@media (prefers-reduced-motion: no-preference) {
  .bau-flut-halo { animation: bauFlutPulso 2.8s ease-in-out infinite; }
  .bau-flut-bt:hover .bau-flut-pack { transform: translateY(-3px) rotate(-1.5deg); }
  .bau-flut-pack { transition: transform .2s cubic-bezier(.2,.9,.3,1); }
}
@keyframes bauFlutPulso {
  0%, 100% { opacity: .55; transform: scale(.96); }
  50%      { opacity: 1;   transform: scale(1.06); }
}
.bau-flut-bt:focus-visible { outline: 2px solid var(--info); outline-offset: 6px;
                             border-radius: 16px; }




.bau-flut-x {
  position: absolute; top: -8px; right: -8px; width: 22px; height: 22px;
  border-radius: 50%; border: 1px solid var(--line-2); background: var(--bg-2);
  color: var(--txt-2); font-size: 15px; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.bau-flut-x:hover { color: var(--txt); border-color: var(--txt-3); }





































.bau-pack { display: flex; flex-direction: column; align-items: center; gap: 12px;
            padding: 8px 0 4px; }
.bau-pack-txt, .pk-leg { font-size: 11.5px; color: var(--txt-2); margin: 0;
                         text-align: center; }
.bau-pack-bt { min-width: 220px; justify-content: center; }






















:root {
  --pk-papel:       #ddd5c4;   
  --pk-papel-alto:  #f3ecdc;
  --pk-papel-baixo: #a2977f;
  --pk-tarja:       #e6dfd0;
  --pk-tinta:       #bc2a24;
  --pk-tinta-esc:   #8e1c17;
  --pk-corte:       #0b0a0a;
}

.bau-pack-palco {
  --pk-w: 220px;

  --pk-anel: calc(var(--pk-w) * .075);   
  --pk-lam: 3.2px;                       
  --pk-cola: .14s linear;                

  position: relative;
  width: var(--pk-w);
  height: calc(var(--pk-w) * 63 / 88 + 26px);
  perspective: 900px;

  












  transform: rotate(var(--pk-pose, 0deg));
}

.pk-chao {
  position: absolute; left: 7%; right: 7%; bottom: 4px; height: 26px;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(0,0,0,.70), rgba(0,0,0,0) 74%);
  filter: blur(12px);
  transform: translateY(0) scale(1);
  opacity: .9;
  transition: filter .2s ease, transform .2s ease, opacity .2s ease;
  pointer-events: none;
}
.bau-pack-palco.alta .pk-chao {
  filter: blur(40px);
  transform: translateY(12px) scale(1.26);
  opacity: .5;
}












.pk-obj, .pk-obj:active {
  --rx: 0deg; --ry: 0deg; --z: 0px; --rot: -2.4deg; --laje: 7px;
  position: relative; display: block;
  width: 100%; aspect-ratio: 88/63;
  padding: 0; border: 0; background: none;
  cursor: pointer;
  transform: translateZ(var(--z)) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--rot));
  transition: transform var(--pk-cola);
}
.pk-obj.voltando { transition: transform .5s var(--mo-mola); }
.pk-obj:focus-visible { outline: 2px solid var(--info); outline-offset: 8px;
                        border-radius: 16px; }
.pk-obj.press { --z: 8px !important; }




.pk-laje {
  position: absolute; inset: 0; z-index: 1;
  background: var(--pk-corte);
  clip-path: var(--pk-recorte);
  transform: translateY(calc(var(--pk-lam) * 5 + var(--laje)));
  transition: transform var(--pk-cola);
}
.pk-obj.voltando .pk-laje { transition: transform .5s var(--mo-mola); }









.pk-tras {
  position: absolute; inset: 12px 0 -12px 0; z-index: 2;
  border-radius: 11px;
  background: var(--pk-papel);
  box-shadow: inset 0 0 0 1.2px rgba(120,105,80,.55), 0 3px 0 rgba(11,10,10,.5);
  transform: rotate(4.2deg) translate(3px, 2px);
}
.pk-tras::after {
  content: ""; position: absolute; inset: 5px;
  border-radius: 7px;
  background: var(--pk-tinta);
  box-shadow: inset 0 0 0 1px var(--pk-tinta-esc);
}








.pk-lams i {
  position: absolute; inset: 0;
  clip-path: var(--pk-recorte);
  box-shadow: inset 0 -1px 0 rgba(24,17,12,.62);
}
.pk-lams i:nth-child(1) { background: #d9d0be; transform: translateY(calc(var(--pk-lam) * 1)) scaleX(.996); z-index: 9; }
.pk-lams i:nth-child(2) { background: #cec4b1; transform: translateY(calc(var(--pk-lam) * 2)) scaleX(.990); z-index: 8; }
.pk-lams i:nth-child(3) { background: #c2b8a4; transform: translateY(calc(var(--pk-lam) * 3)) scaleX(.984); z-index: 7; }
.pk-lams i:nth-child(4) { background: #b5ab97; transform: translateY(calc(var(--pk-lam) * 4)) scaleX(.978); z-index: 6; }
.pk-lams i:nth-child(5) { background: #a89e8a; transform: translateY(calc(var(--pk-lam) * 5)) scaleX(.972); z-index: 5; }




.pk-corpo {
  position: absolute; inset: 0; z-index: 10;
  overflow: hidden;
  background: var(--pk-papel);
  clip-path: var(--pk-recorte);
  box-shadow:
    inset 0 -1.5px 0 var(--pk-papel-baixo),
    inset  1.5px 0 0 rgba(255,255,255,.28),
    inset -1.5px 0 0 rgba(90,78,60,.34);
}




.pk-crimp { position: absolute; left: 0; right: 0; height: 13px; z-index: 12; }
.pk-crimp.t {
  top: 0;
  background:
    repeating-linear-gradient(90deg,
      rgba(255,255,255,.34) 0 1px,
      rgba(122,108,84,.26) 1px 2.4px,
      transparent 2.4px 5.2px),
    linear-gradient(180deg, var(--pk-papel-alto) 0 2px, var(--pk-papel) 9px);
}
.pk-crimp.t::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: rgba(120,105,80,.5);
}

.pk-crimp.b {
  bottom: 0; height: 9px;
  background: linear-gradient(0deg, rgba(120,105,80,.16), transparent 80%);
}
.pk-crimp.b::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: rgba(120,105,80,.34);
}




.pk-lacre {
  position: absolute; left: 0; right: 0; top: 11px; height: 2px; z-index: 13;
  background: repeating-linear-gradient(90deg,
    var(--pk-tinta) 0 3px, transparent 3px 7px);
  opacity: .72;
}


.pk-face {
  position: absolute; inset: var(--pk-anel); z-index: 11;
  border-radius: 7px; overflow: hidden;
  background: var(--pk-tinta);
  box-shadow:
    inset 0 0 0 1px rgba(242,236,224,.55),
    0 0 0 1.5px var(--pk-tinta-esc),
    0 0 0 3px rgba(42,21,18,.14),
    0 0 0 4px rgba(242,236,224,.30);
}



.pk-tram {
  position: absolute; inset: 0;
  background:
    repeating-linear-gradient( 45deg, rgba(42,21,18,.13) 5.5px 6.5px, transparent 6.5px 11px),
    repeating-linear-gradient( 45deg, rgba(221,213,196,.34) 0 2px, transparent 2px 8px),
    repeating-linear-gradient(-45deg, rgba(221,213,196,.34) 0 2px, transparent 2px 8px);
}
.pk-tram::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(178deg, rgba(255,255,255,.10), transparent 42%,
                              rgba(60,10,8,.30));
}




.pk-cant {
  position: absolute; width: 13px; height: 13px;
  border: 2px solid var(--pk-tarja); opacity: .9;
}
.pk-cant.a { top: 6px;    left: 6px;  border-right: 0; border-bottom: 0; border-radius: 4px 0 0 0; }
.pk-cant.b { top: 6px;    right: 6px; border-left: 0;  border-bottom: 0; border-radius: 0 4px 0 0; }
.pk-cant.c { bottom: 6px; left: 6px;  border-right: 0; border-top: 0;    border-radius: 0 0 0 4px; }
.pk-cant.d { bottom: 6px; right: 6px; border-left: 0;  border-top: 0;    border-radius: 0 0 4px 0; }


.pk-ros {
  position: absolute; left: 50%; top: 28px;
  width: 50px; height: 50px; margin-left: -25px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--pk-tarja);
  box-shadow: 0 0 0 2px var(--pk-tinta-esc), 0 0 0 4.5px var(--pk-tarja);
  color: var(--pk-tinta-esc);
}
.pk-ros svg { width: 24px; height: 24px; display: block; }



.pk-tarja {
  position: absolute; left: 26px; right: 26px; bottom: 8px; height: 20px;
  border-radius: 4px;
  background: var(--pk-tarja);
  box-shadow: 0 0 0 1.5px var(--pk-tinta-esc), 0 -2px 0 rgba(60,10,8,.18);
  display: flex; align-items: center; justify-content: center; gap: 7px;
  color: var(--pk-tinta-esc);
}
.pk-n { font-size: 15px; font-weight: 800; line-height: 1; letter-spacing: -.4px;
        font-variant-numeric: tabular-nums; }
.pk-rot { font-size: 11px; font-weight: 700; letter-spacing: .2em;
          text-transform: uppercase; padding-top: 1px; }




.pk-foil {
  position: absolute; inset: -40%;
  mix-blend-mode: screen; pointer-events: none;
  background: repeating-linear-gradient(112deg,
    rgba(255,214,150,.16) 0 6px,
    rgba(150,210,255,.13) 6px 12px,
    rgba(255,255,255,.05) 12px 20px,
    transparent 20px 34px);
  transform: translate(var(--fx, 0px), var(--fy, 0px));
  transition: transform var(--pk-cola);
}
.pk-obj.voltando .pk-foil { transition: transform .5s var(--mo-mola); }

.pk-lustro {
  position: absolute; inset: 0;
  mix-blend-mode: screen; pointer-events: none;
  background: radial-gradient(closest-side at var(--sx, 50%) var(--sy, 50%),
    rgba(255,244,214,.46), rgba(255,190,120,.14) 46%, transparent 74%);
  opacity: 0; transition: opacity .2s ease;
}
.bau-pack-palco.alta .pk-lustro { opacity: 1; }

.pk-varre {
  position: absolute; inset: -20% -60%;
  mix-blend-mode: screen; pointer-events: none;
  background: linear-gradient(108deg, transparent 42%, rgba(255,248,228,.34) 50%, transparent 58%);
  transform: translateX(-120%);
}




.pk-halo {
  position: absolute; inset: -34px; z-index: 0;
  border-radius: 44px; pointer-events: none;
  background: radial-gradient(58% 58% at 50% 52%,
    color-mix(in srgb, var(--laranja-lendario) 30%, transparent),
    color-mix(in srgb, var(--laranja-lendario) 10%, transparent) 52%,
    transparent 72%);
  filter: blur(16px);
  opacity: .75; transition: opacity .2s ease;
}
.bau-pack-palco.alta .pk-halo { opacity: 1; }

@media (prefers-reduced-motion: no-preference) {
  .pk-varre { animation: pkVarre 7s linear infinite; }
}
@keyframes pkVarre {
  0%   { transform: translateX(-120%); }
  14%  { transform: translateX(120%); }
  100% { transform: translateX(120%); }
}



























































.ab-corpo { position: relative; }





.ab-cena {
  position: absolute; inset: 0; z-index: 3;
  justify-content: center;
  




  overflow: clip;
  
  pointer-events: none;
}
.ab-cena .pk-obj, .ab-cena .bau-pack-bt { pointer-events: auto; }





.ab-abrindo .pk-chao { transition: none !important; }





.ab-arena { position: relative; }






.ab-maco { position: relative; z-index: 3; transform-origin: 50% 86%; }










.ab-peca {
  position: absolute; left: 0; top: 0; width: 100%;
  aspect-ratio: 88/63;
  opacity: 0;
  pointer-events: none;
  




  --laje: 7px;
}
.ab-fundo { z-index: 6; }
.ab-tampa { z-index: 8; }







.ab-baralho {
  position: absolute; left: 0; top: 0; width: 100%;
  aspect-ratio: 88/63;
  z-index: 4; opacity: 0; pointer-events: none;
}













.ab-baralho .pk-lams i {
  clip-path: inset(0 2.2% 0 2.2% round 8px);
  background-image:
    radial-gradient(62% 72% at 50% 44%, rgba(255,255,255,.16), rgba(255,255,255,0) 64%),
    linear-gradient(158deg, rgba(255,255,255,.10), rgba(0,0,0,.14));
  box-shadow: inset 0 0 0 1px rgba(120,105,80,.46),
              inset 0 -1px 0 rgba(24,17,12,.55);
}





.ab-fx { position: absolute; inset: 0; z-index: 2; pointer-events: none; }




.ab-boca {
  position: absolute; left: 50%; top: 50%; width: 0; height: 0;
  transform: translateY(var(--ab-boca, -70px));
}
.ab-boca > * { position: absolute; left: 0; top: 0; }

.ab-luz {
  width: 440px; height: 440px; margin: -220px 0 0 -220px;
  border-radius: 50%; opacity: 0;
  background: radial-gradient(closest-side,
    rgba(255,246,222,.92) 0%, rgba(255,208,130,.55) 26%,
    rgba(255,150,60,.22) 48%, rgba(255,120,40,0) 74%);
}


.ab-flash {
  width: 300px; height: 10px; margin: -5px 0 0 -150px;
  border-radius: 999px; opacity: 0;
  background: linear-gradient(90deg,
    rgba(255,240,210,0), rgba(255,250,235,.98) 22%,
    #fff 50%, rgba(255,250,235,.98) 78%, rgba(255,240,210,0));
}

.ab-fg { border-radius: 1.5px; opacity: 0; }
.ab-fg.papel  { border-radius: 1px; }
.ab-fg.faisca { border-radius: 50%; }










.ab-destino { position: relative; z-index: 5; pointer-events: none; }
.ab-destino.viva { pointer-events: auto; }
.ab-destino .bau-mesa { opacity: 0; }
.ab-destino .bau-trilha { opacity: 0; }
















.pk-fileira {
  display: flex; flex-direction: column; align-items: center;
  gap: 10px; padding: 18px 0 14px;
}




@media (prefers-reduced-motion: no-preference) {
  .pk-fileira.nova .bau-pack-palco { animation: pkCai .5s var(--mo-mola) both; }
}





@keyframes pkCai {
  0%   { opacity: 0; transform: translateY(-26px) rotate(-8deg); }
  100% { opacity: 1; transform: translateY(0) rotate(var(--pk-pose, 0deg)); }
}

@media (prefers-reduced-motion: reduce) {
  .pk-obj, .pk-laje, .pk-chao, .pk-foil, .pk-lustro { transition: none !important; }
  .pk-varre { display: none; }
}


.bau-trilha { display: flex; align-items: center; gap: 4px; margin: 0 0 12px; }
.bau-trilha i { flex: 1 1 0; height: 3px; border-radius: 999px; background: #2a2726; }
.bau-trilha i.feita { background: var(--novo); }
.bau-trilha i.agora { background: var(--txt-3); }
.bau-trilha span { flex: 0 0 auto; font-size: 12px; font-weight: 700; margin-left: 4px;
                   font-variant-numeric: tabular-nums; }
.bau-trilha span i { all: unset; font-size: 12px; color: var(--txt-2); font-weight: 500; }













.bau-mesa {
  --bau-w: 620px; --bau-h: 348px;
  position: relative; perspective: 1400px;
  display: flex; align-items: center; justify-content: center;
  min-height: calc(var(--bau-h) + 24px); margin-bottom: 12px;
}










.bau-c-sombra {
  position: absolute; width: var(--bau-w); height: var(--bau-h); border-radius: 14px;
  overflow: hidden; pointer-events: none;
  transform: translateY(calc(var(--k) * -7px)) rotate(calc(var(--k) * 1.1deg))
             scale(calc(1 - var(--k) * .03));
  filter: brightness(calc(1 - var(--k) * .16));
}




.bau-c-sombra .bau-c-frente { transform: none; }
















.bau-ov-corrente .bau-mesa { --bau-h: 372px; }
.bau-mesa { --bau-h: 374px; }








.bau-c {
  position: relative; width: var(--bau-w); height: var(--bau-h);
  --tx: 0deg; --ty: 0deg; --hx: 50%; --hy: 50%;
  --ax: 0px; --ar: 0deg; --aop: 1;
  transform: translateX(var(--ax)) rotate(var(--ar));
  

  opacity: var(--aop);
  

  touch-action: none;
  cursor: grab;
  




  user-select: none; -webkit-user-select: none;
}
.bau-c img, .bau-c-sombra img {
  -webkit-user-drag: none; user-drag: none; pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  

  .bau-c { transition: transform .24s cubic-bezier(.2,.9,.3,1), opacity .2s; }
}
.bau-c.arrastando { transition: none; cursor: grabbing; }
.bau-c:focus-visible { outline: 2px solid var(--info); outline-offset: 6px;
                       border-radius: 16px; }
.bau-c-giro {
  position: relative; width: 100%; height: 100%;
  transform-style: preserve-3d;
  transform: rotateX(var(--tx)) rotateY(var(--ty));
}
@media (prefers-reduced-motion: no-preference) {
  


  .bau-c-giro { transition: transform .16s cubic-bezier(.2,.9,.3,1); }
  .bau-c.virada .bau-c-giro { transition: transform .52s cubic-bezier(.34,1.56,.5,1); }
}
.bau-c.virada .bau-c-giro {
  transform: rotateX(var(--tx)) rotateY(calc(180deg + var(--ty)));
}
.bau-c-verso, .bau-c-frente {
  position: absolute; inset: 0; border-radius: 14px; overflow: hidden;
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
  border: 1px solid var(--line-2);
  box-shadow: 0 16px 36px rgba(0,0,0,.55);
}



































.bau-c-verso {
  


  background-color: var(--pk-papel);
  background-image: linear-gradient(158deg, var(--pk-papel-alto), #dbd2c0 54%, #c9bfa9);
  border-color: var(--pk-tinta-esc);
  box-shadow: 0 16px 36px rgba(0,0,0,.55),
              inset 0 0 0 1.5px rgba(242,236,224,.55);
  display: flex; align-items: center; justify-content: center;
}












.bau-c-tramas {
  position: absolute; inset: 9px; border-radius: 10px;
  border: 1px solid rgba(142,28,23,.45);
  background:
    radial-gradient(120% 90% at 50% 44%, rgba(255,255,255,.42), rgba(255,255,255,0) 68%),
    repeating-linear-gradient(90deg,
      rgba(188,42,36,.11) 0 3px, rgba(188,42,36,0) 3px 7px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55),
              0 0 0 2px rgba(188,42,36,.15);
}



.bau-c-selo {
  width: 52px; height: 52px; position: relative; opacity: 1;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--pk-tarja);
  box-shadow: 0 0 0 2px var(--pk-tinta-esc), 0 0 0 4.5px var(--pk-tarja);
  color: var(--pk-tinta-esc);
}
.bau-c-selo svg { width: 25px; height: 25px; display: block; }












.bau-c-frente {
  transform: rotateY(180deg);
  background: var(--bg-2);
  border: 7px solid color-mix(in srgb, var(--nv) 42%, #26221f);
  box-shadow: 0 16px 36px rgba(0,0,0,.55),
              inset 0 0 0 1px rgba(255,255,255,.05),
              0 0 0 1px #0a0909;
  display: flex; flex-direction: column; text-align: left;
}























.bau-c { --nv-peso: 0; }
.bau-c.n-raro     { --nv-peso: 2; }
.bau-c.n-epico    { --nv-peso: 3; }
.bau-c.n-lendario { --nv-peso: 4; }
.bau-c.n-mitico   { --nv-peso: 5; }

.bau-c.notavel .bau-c-frente {
  





  --nv-halo: calc(30px + (var(--nv-peso) - 2) * 14px
                  + (var(--nv-peso) - 2) * (var(--nv-peso) - 2) * 4px);
  

  --nv-flash: calc(44px + (var(--nv-peso) - 2) * 22px
                   + (var(--nv-peso) - 2) * (var(--nv-peso) - 2) * 6px);
  







  --nv-espalha: calc(-6px + (var(--nv-peso) - 2) * 4px
                     + (var(--nv-peso) - 2) * (var(--nv-peso) - 2) * 1px);
  box-shadow: 0 16px 36px rgba(0,0,0,.55),
              inset 0 0 0 1px rgba(255,255,255,.06),
              0 0 0 1px color-mix(in srgb, var(--nv) 45%, transparent),
              0 0 var(--nv-halo) var(--nv-espalha)
              color-mix(in srgb, var(--nv) 70%, transparent);
}



.bau-c-banner {
  position: relative; height: 46px; flex: 0 0 auto;
  background: linear-gradient(102deg,
    color-mix(in srgb, var(--nv) 34%, var(--bg-3)),
    color-mix(in srgb, var(--nv) 7%, var(--bg-3)) 62%, var(--bg-3));
  border-bottom: 1px solid color-mix(in srgb, var(--nv) 22%, transparent);
}




.bau-c-faixa {
  position: absolute; right: 12px; top: 12px;
  font-size: 11px; font-weight: 800; letter-spacing: .16em; line-height: 1;
  text-transform: uppercase; padding: 5px 9px; border-radius: 999px;
  color: var(--nv); border: 1px solid color-mix(in srgb, var(--nv) 46%, transparent);
  background: rgba(0,0,0,.42); backdrop-filter: blur(3px);
}





.bau-c.n-comum .bau-c-faixa { color: var(--txt-2); border-color: var(--line-2); }




.bau-c-cab { display: flex; align-items: center; gap: 12px; padding: 12px 16px 0;
             flex: 0 0 auto; }
.bau-c-av { width: 44px; height: 44px; border-radius: 50%; flex: 0 0 auto;
            object-fit: cover; }





.bau-c-av-vazio { font-size: 17px; }
.bau-c-quem { min-width: 0; }
.bau-c-quem b { display: block; font-size: 17px; line-height: 1.15;
                letter-spacing: -.2px; overflow: hidden; text-overflow: ellipsis;
                white-space: nowrap; }
.bau-c-quem span { display: block; font-size: 11.5px; color: var(--txt-2);
                   margin-top: 3px; overflow: hidden; text-overflow: ellipsis;
                   white-space: nowrap; font-variant-numeric: tabular-nums; }



.bau-c-abas { padding: 11px 16px 0; border-bottom: 1px solid var(--line);
              flex: 0 0 auto; }
.bau-c-abas i {
  font-style: normal; font-size: 12px; font-weight: 600; color: var(--txt);
  padding-bottom: 8px; border-bottom: 2px solid var(--txt); display: inline-block;
}










.bau-c-grade {
  display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 185px));
  justify-content: center;
  gap: 10px; padding: 13px 16px 14px; flex: 1 1 auto; align-content: start;
}
.bau-c-th {
  position: relative; display: block; aspect-ratio: 16/9; background: #000;
  border-radius: 7px; overflow: hidden;
}
.bau-c-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bau-c-dur {
  position: absolute; right: 4px; bottom: 4px; font-style: normal;
  font-size: 11px; font-weight: 600; line-height: 1; padding: 3px 4px;
  border-radius: 4px; background: rgba(0,0,0,.82); color: #fff;
  font-variant-numeric: tabular-nums;
}
.bau-c-l { display: flex; align-items: center; gap: 7px; margin-top: 8px; }






.bau-c-m { font-size: 11px; color: var(--txt-2); font-variant-numeric: tabular-nums;
           overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }




.bau-c-x { font-size: 11px; padding: 2px 6px; margin-left: 0; }
.bau-c-v b {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  overflow: hidden; font-size: 11.5px; line-height: 1.3; margin-top: 6px;
  font-weight: 600;
}








.bau-c-holo { position: absolute; inset: 0; pointer-events: none; opacity: 0; }
.bau-c.notavel .bau-c-holo {
  opacity: 1; mix-blend-mode: screen;
  background: radial-gradient(58% 58% at var(--hx) var(--hy),
              color-mix(in srgb, var(--nv) 42%, transparent), transparent 70%);
}




@media (prefers-reduced-motion: no-preference) {
  .bau-c.foi-sim { animation: bauVaiSim .3s ease-in forwards; }
  .bau-c.foi-nao { animation: bauVaiNao .3s ease-in forwards; }
  


}
@keyframes bauVaiSim { to { transform: translate(420px,-40px) rotate(11deg); opacity: 0; } }
@keyframes bauVaiNao { to { transform: translate(-420px,-40px) rotate(-11deg); opacity: 0; } }


@keyframes bauRevela {
  0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--nv) 90%, transparent); }
  30%  { box-shadow: 0 0 var(--nv-flash, 60px) 10px
                     color-mix(in srgb, var(--nv) 80%, transparent); }
  100% { box-shadow: 0 16px 36px rgba(0,0,0,.55),
                     0 0 0 1px color-mix(in srgb, var(--nv) 45%, transparent),
                     0 0 var(--nv-halo, 30px) -6px
                     color-mix(in srgb, var(--nv) 70%, transparent); }
}



















@media (prefers-reduced-motion: no-preference) {
  .bau-c.n-epico .bau-c-frente,
  .bau-c.n-lendario .bau-c-frente,
  .bau-c.n-mitico .bau-c-frente {
    animation: bauAura calc(2650ms - var(--nv-peso) * 190ms) .7s
               cubic-bezier(.4,0,.6,1) infinite alternate;
  }
  


  .bau-c.revelou .bau-c-frente { animation: bauRevela .7s ease-out; }
}
@keyframes bauAura {
  from { box-shadow: 0 16px 36px rgba(0,0,0,.55),
                     0 0 0 1px color-mix(in srgb, var(--nv) 45%, transparent),
                     0 0 var(--nv-halo, 30px) var(--nv-espalha, -6px)
                     color-mix(in srgb, var(--nv) 70%, transparent); }
  to   { box-shadow: 0 16px 36px rgba(0,0,0,.55),
                     0 0 0 1px color-mix(in srgb, var(--nv) 62%, transparent),
                     0 0 calc(var(--nv-halo, 30px) * 1.2)
                     calc(var(--nv-espalha, -6px) + 4px)
                     color-mix(in srgb, var(--nv) 78%, transparent); }
}





.bau-acoes.esperando { visibility: hidden; pointer-events: none; }






.bau-acoes {
  display: flex; justify-content: center; align-items: stretch; gap: 10px;
  



  min-height: 30px;
}


























.bau-bt {
  position: relative;
  box-shadow: 0 2px 0 rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.10);
  transform: translateY(-1px);
}
@media (prefers-reduced-motion: no-preference) {
  .bau-bt { transition: transform .12s cubic-bezier(.2,.9,.3,1),
                        box-shadow .12s cubic-bezier(.2,.9,.3,1),
                        filter .12s linear; }
}


.bau-bt.nao {
  color: #ff8f8f;
  border-color: color-mix(in srgb, var(--accent) 42%, var(--line-2));
}
.bau-bt.meio { color: var(--txt-2); }


.bau-bt:hover {
  transform: translateY(-2px); filter: brightness(1.1);
  box-shadow: 0 3px 0 rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.14);
}
.bau-bt.sim:hover {
  box-shadow: 0 3px 0 rgba(96,12,12,.9), inset 0 1px 0 rgba(255,255,255,.2),
              0 6px 14px -6px color-mix(in srgb, var(--accent) 55%, transparent);
}
.bau-bt.nao:hover {
  color: #ffb4b4;
  box-shadow: 0 3px 0 rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.14),
              0 6px 14px -6px rgba(228,38,38,.3);
}












.bau-bt:active {
  transform: translateY(2px) scale(1.05, .90); filter: brightness(.95);
  box-shadow: inset 0 2px 5px rgba(0,0,0,.5);
}
.bau-bt:focus-visible { outline: 2px solid var(--info); outline-offset: 3px; }






.bau-fim { text-align: center; padding: 14px 6px 4px; }






.bau-leque { display: flex; justify-content: center; margin-bottom: 16px; height: 54px; }
.bau-mini {
  width: 46px; height: 46px; border-radius: 50%; overflow: hidden; flex: 0 0 auto;
  border: 2px solid var(--nv); background: var(--bg-3);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; color: var(--txt-2);
  margin-left: -12px;
  transform: rotate(calc((var(--k) - (var(--n, 5) - 1) / 2) * 7deg)) translateY(calc(var(--k) * -1px));
  box-shadow: 0 6px 16px rgba(0,0,0,.5);
}
.bau-mini:first-child { margin-left: 0; }
.bau-mini img { width: 100%; height: 100%; object-fit: cover; }
.bau-fim-n b { display: block; font-size: 46px; line-height: 1; letter-spacing: -2px;
               color: var(--novo); font-variant-numeric: tabular-nums; }
.bau-fim-n span { display: block; font-size: 12px; color: var(--txt-2); margin-top: 6px; }
.bau-fim-p { font-size: 12.5px; color: var(--txt-2); margin: 14px auto 16px;
             max-width: 40ch; line-height: 1.5; }















.nvp-pac-cx { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.nvp-pac-cx .btn { flex: 1 0 100%; justify-content: center; margin-top: 2px; }
.nvp-pac-cx .bau-abre-fig {
  width: 34px; height: 44px; border-radius: 5px; color: var(--accent);
  flex: 0 0 auto; margin-left: 4px;
}
.nvp-pac-tx { min-width: 0; flex: 1 1 auto; }
.nvp-pac-tx b { display: block; font-size: 15px; line-height: 1.2; }



.nvp-pac-tx span { display: block; font-size: 11.5px; color: var(--txt-2);
                   margin-top: 4px; line-height: 1.4; }















.pk-base {
  display: flex; align-items: center; gap: 18px;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 12px; padding: 14px 18px;
  









  flex-wrap: wrap;
}



.pk-base .bau-pack-palco { flex: 0 0 auto; }




.pk-base-tx { min-width: 0; flex: 1 1 360px;
              display: flex; flex-direction: column; align-items: flex-start; }


.pk-base-tx b { font-size: 16px; line-height: 1.3; font-weight: 700;
                color: var(--txt); }
.pk-base-tx b b { color: var(--novo); }
.pk-base-tx span { font-size: 12px; color: var(--txt-2);
                   margin-top: 5px; line-height: 1.4; }




.pk-base-tx .btn { margin-top: 12px; min-height: 30px; }

















.bau-c-achou {
  margin: 8px 14px 0; font-size: 11.5px; line-height: 1.35;
  color: var(--txt-2);
  flex: 0 0 auto; white-space: nowrap; overflow: hidden;
}






.bau-c-achou b { color: var(--novo); font-weight: 700;
                 display: inline-block; max-width: calc(100% - 176px);
                 overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }


.bau-c-achou i { font-style: normal; color: var(--txt-3); font-size: 11px; }




.bau-pack-h { font-size: 17px; line-height: 1.3; font-weight: 700;
              color: var(--txt); margin: 0 0 4px; text-align: center; }
.bau-pack-h b { color: var(--novo); }





































.bau-ov-aluno {
  --pk-tinta:     #135c34;
  --pk-tinta-esc: #0c3d22;
  


  --pc-aluno-cheio: #18874a;
  --pc-aluno-cheio-alto: #11683a;
}










.bau-ov-aluno .btn.primary {
  background: var(--pc-aluno-cheio, #18874a);
  border-color: var(--pc-aluno-cheio, #18874a);
}
.bau-ov-aluno .btn.primary:hover {
  background: var(--pc-aluno-cheio-alto, #11683a);
}


.bau-ov-aluno .bau-bt.sim:hover {
  box-shadow: 0 3px 0 rgba(6,52,28,.9), inset 0 1px 0 rgba(255,255,255,.2),
              0 6px 14px -6px color-mix(in srgb,
                var(--pc-aluno-cheio, #18874a) 55%, transparent);
}












.bau-perg {
  margin: 0 0 9px; text-align: center;
  font-size: 13px; font-weight: 600; color: var(--txt);
  letter-spacing: -.1px;
}
.bau-perg.esperando { visibility: hidden; }

















.bau-jato {
  position: fixed; z-index: 3; width: 0; height: 0;
  pointer-events: none;
}





.bau-jato-flash, .bau-jato-anel {
  position: absolute; left: 0; top: 0;
  width: var(--bw); height: var(--bh);
  margin: calc(var(--bh) / -2) 0 0 calc(var(--bw) / -2);
  border-radius: var(--braio, 8px);
  opacity: 0;
}
.bau-jato-flash { background: currentColor; }




.bau-jato-anel { border: 3px solid currentColor; }










.bau-jato-f {
  position: absolute; left: 0; top: 0;
  width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px;
  border-radius: 50%;
  



  background: #fff;
  box-shadow: 0 0 10px currentColor, 0 0 3px currentColor;
  opacity: 0;
}























.bau-jato-n {
  position: absolute; left: 0; top: 0;
  transform: translate(-50%, -50%);
  white-space: nowrap; text-align: center;
  color: #fff;
  font-size: 30px; font-weight: 800; letter-spacing: -1.2px; line-height: 1;
  opacity: 0;
  text-shadow: 0 0 22px currentColor, 0 0 9px currentColor,
               0 2px 4px rgba(0,0,0,.9);
}
.bau-jato-n i {
  display: block; font-style: normal;
  font-size: 11px; font-weight: 700; letter-spacing: .1px;
  margin-top: 3px; opacity: .95;
  text-shadow: 0 0 12px currentColor, 0 1px 3px rgba(0,0,0,.95);
}





@media (prefers-reduced-motion: reduce) {
  .bau-jato { display: none; }
  .bau-bt:active { transform: translateY(2px); }
}





















.bau-missao {
  

  margin: 18px 0;
  padding-top: 14px; border-top: 1px solid var(--line);
}
.bau-missao:empty { display: none; }


.bau-mis-linha {
  display: flex; align-items: center; justify-content: center;
  gap: 12px; flex-wrap: wrap;
}



.bau-mis-mais {
  font-size: 16px; font-weight: 800; color: var(--ok); letter-spacing: -.4px;
}







.bau-missao .pf-fita { max-width: 100%; flex-wrap: wrap; }
.bau-missao .pf-fita-passo { white-space: normal; }



.bau-mis-degrau {
  margin: 10px 0 0; font-size: 12px; line-height: 1.45; color: var(--txt-2);
}
.bau-mis-degrau b { color: var(--ok); font-weight: 700; }