/* LatamKO — Discord live card. Uses the theme tokens (--gold, --line, --text, --muted, --serif). */
.lko-dc{max-width:1184px;margin:0 auto;padding-top:0}
.lko-dc-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;padding:34px 38px;background:linear-gradient(135deg,#1c4f8826,#171b17e6 45%,#28201999);position:relative}
.lko-dc-main{display:flex;flex-direction:column;gap:26px;min-width:0}
.lko-dc-head{display:flex;align-items:center;gap:16px}
.lko-dc-icon{width:64px;height:64px;border-radius:18px;object-fit:cover;box-shadow:0 0 0 2px #c4a77466,0 10px 30px #0008;flex-shrink:0}
.lko-dc-name{margin:0;font-family:var(--serif);font-size:28px;line-height:1.1;letter-spacing:.3px}
.section .lko-dc-label{margin:4px 0 0;font-size:14px;color:var(--muted)}
.lko-dc-live{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid #3ba55c66;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#7ee2a0;white-space:nowrap}
.lko-dc-live i{width:8px;height:8px;border-radius:50%;background:#3ba55c;box-shadow:0 0 0 0 #3ba55c99;animation:lko-dc-pulse 2s infinite}
@keyframes lko-dc-pulse{70%{box-shadow:0 0 0 8px #3ba55c00}100%{box-shadow:0 0 0 0 #3ba55c00}}
.lko-dc-stats{display:flex;gap:16px;flex-wrap:wrap}
.lko-dc-stat{flex:1;min-width:140px;padding:16px 18px;border:1px solid var(--line);background:#0f120fb3;display:flex;flex-direction:column;gap:2px}
.lko-dc-stat strong{font-family:var(--serif);font-size:42px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.lko-dc-stat span{font-size:14px;color:var(--muted)}
.lko-dc-stat.is-online strong{color:#7ee2a0}
.lko-dc-stat.is-online strong::before{content:'';display:inline-block;width:12px;height:12px;border-radius:50%;background:#3ba55c;margin:0 10px 6px 0;vertical-align:middle}
.lko-dc-stat strong.is-bump{animation:lko-dc-bump .6s ease}
@keyframes lko-dc-bump{40%{transform:scale(1.12)}}
.lko-dc-join{align-self:flex-start}
.lko-dc-side{display:flex;flex-direction:column;gap:24px;min-width:0}
.lko-dc-block h4{margin:0 0 12px;font-family:var(--serif);font-size:15px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}
.lko-dc-avatars{display:flex;flex-wrap:wrap;gap:8px}
.lko-dc-avatar{position:relative;width:40px;height:40px;border-radius:50%;background:#2b2f2a;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:var(--text);flex-shrink:0;transition:transform .2s}
.lko-dc-avatar:hover{transform:translateY(-3px)}
.lko-dc-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.lko-dc-avatar::after{content:'';position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid #15110f;background:#3ba55c}
.lko-dc-avatar[data-status=idle]::after{background:#faa61a}
.lko-dc-avatar[data-status=dnd]::after{background:#ed4245}
.lko-dc-avatar.is-more{background:transparent;border:1px solid var(--line);font-size:13px;color:var(--muted)}
.lko-dc-avatar.is-more::after{display:none}
.lko-dc-avatar.is-small{width:26px;height:26px;font-size:11px}
.lko-dc-avatar.is-small::after{width:9px;height:9px}
.lko-dc-avatar.is-new{animation:lko-dc-in .4s ease}
@keyframes lko-dc-in{from{opacity:0;transform:scale(.6)}}
.lko-dc-voice{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lko-dc-voice li{display:flex;align-items:center;gap:12px;padding:9px 14px;border:1px solid var(--line);background:#0f120f80;font-size:15px;color:var(--muted);transition:border-color .3s,background .3s}
.lko-dc-voice li.is-active{border-color:#3ba55c80;background:#3ba55c14;color:var(--text)}
.lko-dc-voice-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lko-dc-voice-people{display:flex}
.lko-dc-voice-people .lko-dc-avatar{margin-left:-6px;box-shadow:0 0 0 2px #15110f}
.lko-dc-voice-count{min-width:22px;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.lko-dc-voice li.is-active .lko-dc-voice-count{color:#7ee2a0}
.section .lko-dc-empty{margin:10px 0 0;font-size:14px;color:var(--muted)}
@media(max-width:900px){.lko-dc{margin-inline:32px}.lko-dc-card{grid-template-columns:1fr;gap:30px;padding:28px 24px}}
@media(max-width:720px){.lko-dc{margin-inline:24px;padding-inline:0}.lko-dc-card{padding:24px 18px}.lko-dc-head{flex-wrap:wrap}.lko-dc-live{margin-left:0}.lko-dc-stat strong{font-size:34px}.lko-dc-join{align-self:stretch;text-align:center}}
@media(prefers-reduced-motion:reduce){.lko-dc-live i,.lko-dc-stat strong.is-bump,.lko-dc-avatar.is-new{animation:none}.lko-dc-avatar{transition:none}}