.mapc-twitch{max-width:1000px;margin:0 auto}.mapc-twitch[hidden]{display:none}.mapc-twitch__heading{margin:0 0 12px;font-size:1.4rem;font-weight:700}.mapc-twitch__now{position:relative}.mapc-twitch__frame{position:relative;width:100%;height:var(--mapc-twitch-height,480px);min-height:300px;background:#000;border-radius:12px;overflow:hidden}.mapc-twitch__frame iframe{display:block;width:100%!important;height:100%!important;min-height:300px;border:0}.mapc-twitch__frame[hidden]{display:none}.mapc-twitch__now-label{margin:10px 0 0;font-size:.95rem;font-weight:600}.mapc-twitch__now-label[hidden]{display:none}.mapc-twitch__offline{margin:0;padding:16px 0;font-size:.9rem;color:#646970}.mapc-twitch__offline[hidden]{display:none}.mapc-twitch__grid{display:grid;grid-template-columns:repeat(var(--mapc-twitch-cols,4),minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none}.mapc-twitch__grid:empty{display:none}.mapc-twitch__tile{margin:0}.mapc-twitch__tile-button{display:block;width:100%;padding:0;border:0;background:#fff0;color:inherit;font:inherit;text-align:left;cursor:pointer}.mapc-twitch__thumb-wrap{position:relative;display:block;overflow:hidden;border-radius:10px;background:#17171d;aspect-ratio:16 / 9}.mapc-twitch__thumb{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.2s ease,opacity 0.2s ease;opacity:.9}.mapc-twitch__tile-button:hover .mapc-twitch__thumb,.mapc-twitch__tile-button:focus-visible .mapc-twitch__thumb{transform:scale(1.04);opacity:1}.mapc-twitch__tile-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.mapc-twitch__live{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:999px;background:#e91916;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mapc-twitch__tile-name{display:block;margin-top:6px;font-size:.85rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapc-twitch__tile.is-active .mapc-twitch__thumb-wrap{box-shadow:0 0 0 2px #e91916}.mapc-twitch__tile.is-active .mapc-twitch__tile-name{color:#e91916}@media (max-width:640px){.mapc-twitch__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}