/* TRAININGSBLOKKEN */
.train-row{display:flex;gap:14px;align-items:stretch;}
.train-block{flex:1;background:#fff;border-radius:24px;padding:20px 18px 16px;display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.04);}
.train-name{font-size:11px;font-weight:600;margin-bottom:3px;color:#1e1c1a;letter-spacing:.18em;text-transform:uppercase;}
.train-sub{font-size:10px;color:#ccc;margin-bottom:12px;letter-spacing:.06em;}

/* LANCELOT */
.lifter-img-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:100px;margin:4px 0 10px;}
.lifter-img{max-height:110px;max-width:100%;object-fit:contain;transition:opacity .35s,transform .35s;}
.lanc-dots-row{display:flex;justify-content:center;gap:8px;margin-bottom:6px;}
.lanc-dot-item{display:flex;flex-direction:column;align-items:center;gap:3px;}
.lanc-dot{width:28px;height:28px;border-radius:50%;border:1.5px solid #e8e4df;background:#f5f3f0;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:transparent;}
.lanc-dot.done{background:#1e1c1a;border-color:#1e1c1a;color:transparent;box-shadow:0 2px 8px rgba(30,28,26,0.25);}
.lanc-dot-label{font-size:9px;color:#ccc;text-align:center;letter-spacing:.06em;text-transform:uppercase;}
.lanc-sub{font-size:9px;color:#ccc;text-align:center;margin-top:6px;letter-spacing:.08em;text-transform:uppercase;}

/* LORE */
.lore-doel-wrap{margin-bottom:10px;}
.lore-doel-vraag{font-size:11px;color:#888;margin-bottom:6px;}
.lore-doel-knoppen{display:flex;gap:5px;flex-wrap:wrap;}
.lore-doel-btn{
  padding:4px 10px;border-radius:20px;border:1.5px solid #f0e0e8;
  background:#fdf6f9;font-family:Poppins,sans-serif;font-size:12px;
  color:#c06080;cursor:pointer;transition:all .2s;font-weight:500;
}
.lore-doel-btn:hover{background:#fbc4d4;border-color:#f490b0;}
.lore-doel-btn.actief{background:#f490b0;border-color:#e0608a;color:#fff;}
.lore-track-wrap{
  position:relative;height:28px;background:#f5eef2;
  border-radius:14px;overflow:visible;margin:6px 0 8px;
}
.lore-track-fill{
  position:absolute;left:0;top:0;height:100%;
  background:linear-gradient(90deg,#f4c0ce,#e8799a);
  border-radius:18px;transition:width .7s cubic-bezier(.4,0,.2,1);
}
.lore-runner-img{
  position:absolute;top:50%;
  transform:translate(-50%,-60%);
  height:60px;width:auto;object-fit:contain;
  transition:left .7s cubic-bezier(.4,0,.2,1),opacity .4s;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,0.12));
  pointer-events:none;
}
.lore-bolletjes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;min-height:28px;align-items:center;}
.lore-bol{
  width:22px;height:22px;border-radius:50%;
  border:1.5px solid #eed8e2;background:#fdf6f9;
  cursor:pointer;transition:all .2s;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;color:transparent;font-weight:700;
}
.lore-bol.done{background:#e8799a;border-color:#e8799a;color:transparent;box-shadow:0 2px 6px rgba(232,121,154,0.3);}
.lore-bol.bonus{background:#f5f3f0;border-color:#ddd;color:transparent;}
.lore-bol.finish{background:#1e1c1a;border-color:#1e1c1a;animation:lore-pop .4s ease;}
@keyframes lore-pop{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}
.lore-status{font-size:9px;color:#ccc;margin-top:4px;text-align:center;min-height:16px;letter-spacing:.08em;text-transform:uppercase;}
.lore-week-label{font-size:9px;color:#ddd;text-align:center;margin-top:4px;letter-spacing:.08em;}