.alg-ugc{background:#fff;color:#111;overflow:hidden;padding:26px 0 30px}
.alg-ugc__intro{text-align:center;padding:0 18px 20px}
.alg-ugc__intro h2{margin:0;font-family:var(--body,Arial,sans-serif);font-weight:600;font-size:clamp(24px,2.5vw,38px);line-height:1.12;letter-spacing:-.035em}
.alg-ugc__intro p{margin:8px 0 0;font-family:var(--body,Arial,sans-serif);font-weight:500;font-size:clamp(14px,1.35vw,18px);line-height:1.35}
.alg-ugc__rail{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:0 24px}
.alg-ugc__rail::-webkit-scrollbar{display:none}
.alg-ugc__card{position:relative;flex:0 0 min(31vw,420px);aspect-ratio:9/16;overflow:hidden;background:#e9ece8;color:#fff}
.alg-ugc__video{display:block;width:100%;height:100%;object-fit:cover}
.alg-ugc__play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer}
.alg-ugc__play svg{width:72px;height:72px;filter:drop-shadow(0 1px 8px #0007)}
.alg-ugc__card.is-playing .alg-ugc__play{display:none}
.alg-ugc__caption{position:absolute;left:16px;right:16px;bottom:16px;font:600 12px/1.3 var(--body,Arial,sans-serif);letter-spacing:.04em;text-shadow:0 1px 6px #000a;pointer-events:none}
.alg-ugc__card--empty{display:grid;place-items:center;color:#315b48;font:500 14px/1.3 var(--body,Arial,sans-serif);text-align:center}
@media(max-width:749px){.alg-ugc{padding:22px 0 26px}.alg-ugc__intro{padding:0 20px 18px}.alg-ugc__intro h2{font-size:25px}.alg-ugc__intro p{font-size:14px;margin-top:7px}.alg-ugc__rail{gap:7px;padding:0 16px}.alg-ugc__card{flex-basis:61vw;max-width:330px}.alg-ugc__play svg{width:66px;height:66px}}