#videoModal {
  box-sizing: border-box;
  width: min(960px, calc(100vw - 32px), calc((100dvh - 112px) * 16 / 9));
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  border: 1px solid #38BFB040;
  border-radius: 20px;
  background: #0F3D3E;
  color: #EADFCF;
  box-shadow: 0 16px 42px #0F3D3E26;
  overflow: auto;
  font-family: 'DM Sans', sans-serif;
}
#videoModal::backdrop { background: #0F3D3EBF; backdrop-filter: blur(5px); }
.cg-video-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; }
#videoTitle { margin: 0; font-size: 16px; font-weight: 700; }
#closeVideo { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 8px 12px; border: 1px solid #38BFB066; border-radius: 12px; background: #EADFCF; color: #0F3D3E; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
#closeVideo:hover { background: #FF7A59; }
#closeVideo span { font-size: 24px; line-height: 1; }
#officialVideo { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #0F3D3E; }
@media (max-width: 480px) {
  #videoModal { border-radius: 16px; }
  .cg-video-header { padding: 10px 12px; }
  #videoTitle { font-size: 14px; }
}