/* Compact Luxe v1.4 - minimal spacing */
.kr-reward-container{
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#111;
  background:transparent;
  padding:6px 8px;
  margin-top:8px;
  line-height:1.15;
}
.kr-bar-wrap{ margin-bottom:6px; }
.kr-bar-bg{ height:6px; background:#e6e6e6; border-radius:6px; overflow:hidden; }
.kr-bar-fill{ height:6px; width:0; background:#cfcfcf; transition: width 0.6s ease, background 0.4s ease; border-radius:6px; }
/* emerald when unlocked top or partially when crossing thresholds */
.kr-bar-fill.kr-unlocked-fill{ background:#00C853; box-shadow:0 6px 18px rgba(0,200,83,0.12); }
.kr-status-text{ font-weight:600; margin-bottom:6px; font-size:12px; color:#222; }
/* compact list */
.kr-reward-list{ list-style:none; margin:0; padding:0; display:flex; gap:8px; align-items:center; }
.kr-reward-list li{ display:flex; align-items:center; gap:6px; padding:2px 4px; border-radius:6px; transition: transform 0.28s ease, filter 0.4s ease, opacity 0.4s ease; filter:grayscale(1) opacity(0.5); color:#555; font-weight:500; }
/* unlocked = full color emoji, no filter */
.kr-reward-list li.unlocked{ filter:none; opacity:1; transform:translateY(-1px); color:#000; }
/* make emojis slightly larger for clarity */
.kr-reward-list li .icon{ font-size:16px; line-height:1; }
/* small label */
.kr-reward-list li .label{ font-size:12px; white-space:nowrap; }
/* responsive compact */
@media (max-width:420px){
  .kr-reward-list{ gap:6px; }
  .kr-status-text{ font-size:11px; }
}