/* Retro grønn/gul */
.kg-card{background:#145c2a;color:#fff;padding:16px;border-radius:12px;margin:8px 0}
.kg-card.light{background:#166a32}
.kg-button{background:#ffdf00;color:#145c2a;border:none;padding:10px 14px;border-radius:8px;font-weight:700;margin:4px;cursor:pointer;text-decoration:none;display:inline-block}
.kg-row{margin:10px 0}
.kg-picked{margin-top:8px;font-weight:700}
.kg-card input, .kg-card select, .kg-card textarea{padding:8px;border-radius:6px;border:none;margin:4px 0}
.kg-rules ul{margin:0 0 6px 18px}
.kg-footer{opacity:.9;margin-top:12px}
/* Match layout */
.kg-match-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.kg-match-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px;font-size:.95rem}
.kg-team{background:#166a32;border-radius:10px;padding:10px}
.kg-team h4{margin:6px 0}
.kg-team img{max-width:96px;max-height:96px;display:block;margin:0 auto 6px}
.kg-meta{font-size:.9rem;opacity:.95}
@media (max-width:700px){.kg-match-wrap{grid-template-columns:1fr}.kg-team img{max-width:72px}}


/* Popup Modal Styles */
.kg-modal {
  display:none; position:fixed; z-index:9999;
  left:0; top:0; width:100%; height:100%;
  background:rgba(0,0,0,0.85);
}
.kg-modal-content {
  position:relative;
  margin:4% auto;
  width:90%; max-width:960px;
  background:#000;
  border-radius:12px;
  overflow:hidden;
}
.kg-modal-content iframe {
  width:100%; height:540px; border:none;
  background:#000;
}
.kg-close {
  position:absolute; top:8px; right:14px;
  font-size:32px; color:#fff; cursor:pointer;
}

/* v1.0.3 live-mode */
#kg-host.kg-live-mode h2,
#kg-host.kg-live-mode .kg-rules,
#kg-host.kg-live-mode #kg-create-row,
#kg-host.kg-live-mode #kg-match-picker{
  opacity:0;transform:translateY(-12px);pointer-events:none;height:0;margin:0;padding:0;overflow:hidden;transition:all .6s ease;
}
.kg-players{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.kg-player{background:#1e6b39;border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:8px}
.kg-player .dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#d9534f}
.kg-player.tipped .dot{background:#38c172}
.kg-player small{opacity:.85}