.yt-click-wrap{position:relative;aspect-ratio:16/9;max-width:960px;margin:0 auto;border-radius:12px;overflow:hidden;background:#111}
.yt-click-wrap iframe{width:100%;height:100%;display:block}
.yt-click-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.6rem;
  background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.6));color:#fff;border:0;cursor:pointer;
  background-size:cover;background-position:center;}
.yt-play{width:64px;height:64px;border-radius:50%;box-shadow:0 10px 25px rgba(0,0,0,.35);background:rgba(255,255,255,.15);
  display:inline-grid;place-items:center}
.yt-play::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.yt-text{font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.yt-click-wrap.playing .yt-click-poster{display:none}
.yt-diyai-mark{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:.45rem;
  pointer-events:none;background:rgba(255,255,255,.92);border:1px solid #00a86b;color:#0f172a;padding:.35rem .6rem;border-radius:999px;font-weight:800;line-height:1;
  box-shadow:0 10px 24px rgba(0,0,0,.28); transform:translateZ(0); animation:floaty 3.2s ease-in-out infinite; }
.yt-diyai-mark .diyai-face{width:20px;height:20px;display:inline-block}
.yt-diyai-mark .diyai-text{font-size:.9rem}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media (max-width:480px){ .yt-diyai-mark{bottom:10px;right:10px;padding:.3rem .55rem} .yt-diyai-mark .diyai-text{display:none} }
.yt-click-wrap.pos-tl .yt-diyai-mark{left:12px;right:auto;top:12px;bottom:auto}
.yt-click-wrap.pos-tr .yt-diyai-mark{right:12px;left:auto;top:12px;bottom:auto}
.yt-click-wrap.pos-bl .yt-diyai-mark{left:12px;right:auto;bottom:12px;top:auto}
.yt-click-wrap.pos-br .yt-diyai-mark{right:12px;left:auto;bottom:12px;top:auto}