@charset "UTF-8";
/* Phase 4 real highlight clips on the public gamer channel */
.gcp-clip-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.gcp-real-clip{display:block;padding:0;overflow:hidden;background:#fff;transition:.22s}
.gcp-real-clip:hover{transform:translateY(-3px);border-color:#bca5f8;box-shadow:0 12px 27px rgba(30,43,84,.11)}
.gcp-clip-player{position:relative;height:210px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#090d28,#191650)}
.gcp-real-clip.portrait .gcp-clip-player{background:radial-gradient(circle at 50% 25%,#48208a,#090d28 70%)}
.gcp-clip-player video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.gcp-clip-player video::cue{color:#fff;background:rgba(4,8,27,.82);font-family:Estedad,Tahoma,sans-serif;font-size:1.05em;line-height:1.65;text-shadow:0 1px 3px #000}
.gcp-real-clip.portrait video{width:auto;max-width:100%}
.gcp-clip-duration,.gcp-clip-aspect{position:absolute;top:10px;z-index:2;padding:5px 8px;border-radius:7px;background:rgba(5,8,28,.78);color:#fff;font-size:13px;pointer-events:none}
.gcp-clip-duration{right:10px}.gcp-clip-aspect{left:10px;font-family:Arial,sans-serif}
.gcp-clip-caption{padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.gcp-clip-caption strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.gcp-clip-caption small{white-space:nowrap;color:#8a95ac;font-size:13px}
.gcp-clip-caption small i{margin-left:4px;color:#7135df}
.gcp-real-clip:target{border-color:#7436eb;box-shadow:0 0 0 4px rgba(116,54,235,.12),0 15px 32px rgba(30,43,84,.13)}
@media(max-width:1080px){.gcp-clip-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.gcp-clip-row{grid-template-columns:1fr}.gcp-clip-player{height:230px}.gcp-clip-caption{padding:10px}}
@media(max-width:420px){.gcp-clip-player{height:205px}}

/* v4.0.2 · public clip labels stay readable on desktop and mobile */
.gcp-real-clip .gcp-clip-duration,
.gcp-real-clip .gcp-clip-aspect,
.gcp-real-clip .gcp-clip-caption strong,
.gcp-real-clip .gcp-clip-caption small{font-size:13px!important}