/* Videóbuborék (bal alsó sarok) + nagy lejátszó. A site tokenjeit használja. */
.vb{position:fixed;left:20px;bottom:20px;z-index:85;width:112px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;
  background:#111 center/cover no-repeat;border:2px solid var(--accent,#c8ff00);box-shadow:0 14px 40px rgba(0,0,0,.55),0 0 0 4px rgba(200,255,0,.12);
  cursor:pointer;opacity:0;transform:translateY(16px) scale(.94);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
.vb.is-visible{opacity:1;transform:none}
.vb:hover{box-shadow:0 18px 48px rgba(0,0,0,.6),0 0 0 6px rgba(200,255,0,.2)}
.vb:focus-visible{outline:2px solid var(--accent,#c8ff00);outline-offset:4px}
.vb video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.vb__label{position:absolute;inset:auto 0 0 0;padding:1.6rem .5rem .55rem;background:linear-gradient(transparent,rgba(0,0,0,.85));
  color:#fff;font:700 .78rem/1.1 var(--font,system-ui,sans-serif);text-align:center;letter-spacing:.01em;pointer-events:none}
.vb__label span{display:inline-flex;align-items:center;gap:.3rem}
.vb__label svg{width:12px;height:12px;fill:var(--accent,#c8ff00)}
.vb__close{position:fixed;z-index:86;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0a0a0a;color:#fff;
  display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .35s;padding:0}
.vb__close.is-visible{opacity:1}
.vb__close svg{width:12px;height:12px}
.vb__sound{position:absolute;top:7px;left:7px;display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .4rem;border-radius:999px;
  background:rgba(0,0,0,.7);color:#fff;font:700 .68rem/1 var(--font,system-ui,sans-serif);pointer-events:none}
.vb__sound:empty{display:none}
.vb__sound svg{width:14px;height:14px}
.vb__sound em{font-style:normal}
.vb-hidden{display:none!important}

.vb-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.82);backdrop-filter:blur(6px)}
.vb-modal[hidden]{display:none}
.vb-modal__box{position:relative;width:min(380px,100%);display:flex;flex-direction:column;gap:.75rem}
.vb-modal__video{width:100%;max-height:calc(100dvh - 9rem);aspect-ratio:9/16;object-fit:cover;border-radius:18px;background:#000;border:1px solid var(--border,rgba(255,255,255,.08))}
.vb-modal__actions{display:flex;gap:.5rem}
.vb-modal__actions .btn{flex:1;justify-content:center}
.vb-modal__close{position:absolute;top:-.6rem;right:-.6rem;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);
  background:#0a0a0a;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:1}
.vb-modal__close svg{width:16px;height:16px}

@media (max-width:760px){
  .vb{left:12px;width:92px;bottom:calc(var(--mobile-cta-h,64px) + 12px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.vb{transition:none}}