.cgal{container-type:inline-size;margin-top:22px}
.cgal-h{display:flex;align-items:center;gap:12px;margin:0 0 6px;font-size:17px;font-weight:800;line-height:1.8;color:var(--fg)}
.cgal-h .csec-n{margin-inline-start:auto;flex:none}
.cgal-info{min-height:calc(2 * 1.85em + 34px);text-align:center;padding-top:6px}
.cgal-t{margin:0;font-size:16px;font-weight:700;line-height:1.85;color:var(--blue);text-wrap:balance}
.cgal-m{display:flex;justify-content:center;gap:18px;margin:4px 0 0;font-size:13.5px;font-weight:700;color:var(--fg-3)}
.cgal-dw{display:inline-flex;align-items:center;gap:6px}
.cgal-dw svg{width:14px;height:14px;flex:none}
.cgal-fan{position:relative;box-sizing:content-box;height:calc(min(360px, 100cqw / 2.45) * .5625 + 40px);
  padding-block:48px;margin:-38px 0 -48px;overflow-x:clip;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
          mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}
@container (max-width: 599px){.cgal-fan{height:calc(100cqw * .62 * .5625 + 40px)}}
.cgal:has(.cgal-fan:focus-visible){outline:3px solid var(--blue-lt);outline-offset:6px;border-radius:12px}
.cgal-fan.is-dragging{cursor:grabbing}
.cgal-list{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.cgal-list a{display:block;color:var(--fg);text-decoration:none}
.cgal-face svg{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:12px}
.cgal-lt{display:block;margin-top:6px;font-size:14px;line-height:1.8}
.js .cgal-list{display:none}
.cgal:not(.is-fan) .cgal-fan{display:none}
.js .cgal:not(.is-fan) .cgal-fan{display:block}

.cgal-card,.cgal-slot{position:absolute;left:50%;top:50%;will-change:transform}
.cgal-card{cursor:pointer;--r:24px}
.cgal-card > *{position:absolute;inset:0;border-radius:var(--r)}
.cgal-img{overflow:hidden;transition:opacity .25s ease;background:#0b1829}
.cgal-img svg,.cgal-img picture,.cgal-img img,.cgal-slot-img picture,.cgal-slot-img img{display:block;width:100%;height:100%}
.cgal-img img,.cgal-slot-img img,.cgal-face img{object-fit:cover;-webkit-user-drag:none;user-select:none}
.cgal-face img{aspect-ratio:16/9;border-radius:12px;width:100%;height:auto}
.cgal-img iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.cgal-ov{position:absolute;inset:0;background:#000;pointer-events:none}
.cgal-ghost{border:1px solid color-mix(in srgb,var(--fg) 40%,transparent);background:transparent;transition:opacity .25s ease;pointer-events:none}
.cgal-card > .cgal-ring{inset:-7px;z-index:-1;border-radius:calc(var(--r) + 7px);pointer-events:none;border:1px solid #fff;
  background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(214,229,246,.8) 38%,rgba(246,250,255,.95) 52%,rgba(202,220,241,.78) 100%);
  box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(17,43,74,.08),0 26px 50px -22px rgba(17,43,74,.42),0 6px 18px -8px rgba(17,43,74,.14)}
[data-theme="dark"] .cgal-card > .cgal-ring{border-color:rgba(222,220,209,.16);
  background:linear-gradient(135deg,rgba(250,249,245,.12) 0%,rgba(250,249,245,.03) 38%,rgba(250,249,245,.08) 52%,rgba(217,119,87,.07) 100%);
  box-shadow:inset 0 1px 0 rgba(250,249,245,.16),0 0 0 1px rgba(0,0,0,.35),0 26px 50px -22px rgba(0,0,0,.8),0 14px 40px -20px rgba(217,119,87,.22)}
.cgal-n{position:absolute;top:10px;right:10px;z-index:1;padding:2px 9px;border-radius:999px;font-size:13px;font-weight:800;line-height:1.7;
  color:#fff;background:rgba(8,18,31,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);pointer-events:none}
.cgal-slot .cgal-n{top:6px;right:6px;font-size:11px;padding:1px 7px}
@media(max-width:860px){.cgal-slot .cgal-n{font-size:12px}}
.cgal-sh{z-index:-1;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);transition:opacity .25s ease}
.cgal-slot{z-index:1;overflow:hidden;background:#0b1829;pointer-events:auto;cursor:pointer}
.cgal-slot-img,.cgal-slot-img svg{display:block;width:100%;height:100%}
.cgal-slot .cgal-ov{border-radius:0}
.cgal-play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;display:grid;place-items:center;
  background:#ff4b26;color:#fff;box-shadow:0 10px 26px rgba(255,75,38,.45),0 0 0 6px rgba(255,255,255,.14);
  opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.cgal-play svg{width:33px;height:33px}
.cgal-card.is-centre:not(.is-playing) .cgal-play{opacity:1;transform:none}
.cgal-card.is-centre:not(.is-playing):hover .cgal-play{transform:scale(1.07)}
@media(max-width:560px){.cgal-play{width:46px;height:46px;margin:-23px 0 0 -23px}.cgal-play svg{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.cgal-img,.cgal-ov,.cgal-ghost,.cgal-sh,.cgal-play{transition:none}}