/* ═══════════════════════════════════════════════════
   LootWay — Content Locker Styles
═══════════════════════════════════════════════════ */
#lootLockerModal { position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:1rem; }
.ll-overlay { position:absolute; inset:0; background:rgba(0,0,0,.88); backdrop-filter:blur(4px); }
.ll-box {
  position:relative; z-index:1;
  background:#0f1219;
  border:1px solid #252d40;
  border-radius:18px;
  width:100%; max-width:520px;
  max-height:90vh; overflow-y:auto;
  box-shadow:0 24px 80px rgba(0,0,0,.85);
  animation:llSlideIn .25s ease;
}
@keyframes llSlideIn { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }

/* HEAD */
.ll-head { display:flex; align-items:center; justify-content:space-between; padding:1.25rem 1.25rem .75rem; border-bottom:1px solid #1a1f2e; }
.ll-head-left { display:flex; align-items:center; gap:.85rem; }
.ll-game-icon { width:52px; height:52px; border-radius:12px; object-fit:cover; flex-shrink:0; }
.ll-label { font-size:.75rem; font-weight:700; color:#ff6b2b; text-transform:uppercase; letter-spacing:.07em; margin-bottom:.15rem; }
.ll-game-name { font-family:'Barlow Condensed',sans-serif; font-size:1.15rem; font-weight:700; color:#fff; }
.ll-close { background:#1a1f2e; border:1px solid #252d40; color:#6b7a9e; border-radius:6px; width:30px; height:30px; cursor:pointer; font-size:.9rem; display:flex; align-items:center; justify-content:center; transition:.15s; flex-shrink:0; }
.ll-close:hover { color:#f87171; border-color:#f87171; }

/* PROGRESS */
.ll-progress-wrap { height:4px; background:#1a1f2e; }
.ll-progress-bar { height:4px; background:linear-gradient(90deg,#ff6b2b,#f5c518); transition:width .5s ease; border-radius:2px; }

/* STEPS */
.ll-steps { display:flex; align-items:center; gap:.75rem; padding:.85rem 1.25rem; border-bottom:1px solid #1a1f2e; }
.ll-step { display:flex; align-items:center; gap:.45rem; font-size:.82rem; color:#6b7a9e; }
.ll-step-num { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#1a1f2e; border:1px solid #252d40; font-size:.72rem; font-weight:700; flex-shrink:0; }
.ll-step-active { color:#dde4f2; }
.ll-step-active .ll-step-num { background:#ff6b2b; border-color:#ff6b2b; color:#fff; }
.ll-step-done .ll-step-num { background:#38e07b; border-color:#38e07b; color:#000; }
.ll-step-arrow { color:#252d40; font-size:1rem; }

/* OFFERS WRAP */
.ll-offers-wrap { padding:1rem 1.25rem 1.25rem; }
.ll-offers-head { display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; margin-bottom:.85rem; font-size:.82rem; color:#6b7a9e; }
.ll-badge-live { background:rgba(56,224,123,.12); border:1px solid rgba(56,224,123,.3); color:#38e07b; font-size:.65rem; font-weight:800; padding:.18rem .5rem; border-radius:4px; text-transform:uppercase; letter-spacing:.07em; }
.ll-completed-count { margin-left:auto; font-weight:700; font-size:.82rem; }

/* OFFER ITEMS */
.ll-offers-list { display:flex; flex-direction:column; gap:.6rem; margin-bottom:1rem; }
.ll-offer-item { display:flex; align-items:center; gap:.85rem; background:#141824; border:1px solid #252d40; border-radius:10px; padding:.85rem 1rem; transition:border-color .2s; }
.ll-offer-item:hover { border-color:#ff6b2b33; }
.ll-offer-num { width:26px; height:26px; border-radius:50%; background:#1a1f2e; border:1px solid #252d40; display:flex; align-items:center; justify-content:center; font-size:.78rem; font-weight:700; color:#6b7a9e; flex-shrink:0; }
.ll-offer-info { flex:1; min-width:0; }
.ll-offer-title { font-size:.875rem; font-weight:600; color:#dde4f2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:.2rem; }
.ll-offer-reward { font-size:.75rem; color:#6b7a9e; }
.ll-offer-reward strong { color:#f5c518; }
.ll-offer-btn { flex-shrink:0; background:#ff6b2b; color:#fff; border:none; border-radius:7px; padding:.4rem .9rem; font-size:.82rem; font-weight:700; cursor:pointer; text-decoration:none; white-space:nowrap; transition:.15s; display:inline-block; }
.ll-offer-btn:hover { background:#ff7d42; color:#fff; }

/* States */
.ll-offer-pending .ll-offer-num { border-color:#f5c518; color:#f5c518; }
.ll-offer-pending .ll-offer-btn { background:#1a1f2e; color:#f5c518; border:1px solid #f5c51844; cursor:default; }
.ll-offer-done { border-color:rgba(56,224,123,.25) !important; background:rgba(56,224,123,.04) !important; }
.ll-offer-done .ll-offer-num { background:#38e07b; border-color:#38e07b; color:#000; }
.ll-offer-done .ll-offer-btn { background:rgba(56,224,123,.15); color:#38e07b; border:1px solid rgba(56,224,123,.3); cursor:default; }

/* TRUST ROW */
.ll-trust { display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; font-size:.72rem; color:#6b7a9e; padding-top:.75rem; border-top:1px solid #1a1f2e; }

/* LOADING */
.ll-loading { display:flex; align-items:center; justify-content:center; gap:.75rem; padding:2rem; color:#6b7a9e; font-size:.875rem; }
.ll-spinner { width:22px; height:22px; border:2px solid #252d40; border-top-color:#ff6b2b; border-radius:50%; animation:spin .7s linear infinite; flex-shrink:0; }
@keyframes spin { to{transform:rotate(360deg)} }

/* ERROR */
.ll-error { text-align:center; padding:1.5rem; color:#6b7a9e; font-size:.875rem; }
.ll-error p { margin-bottom:.5rem; }
.ll-retry-btn { background:#ff6b2b; color:#fff; border:none; border-radius:7px; padding:.5rem 1.25rem; cursor:pointer; font-weight:700; margin-top:.5rem; }

/* SUCCESS */
.ll-success { padding:2rem 1.5rem; text-align:center; }
.ll-success-icon { font-size:3rem; margin-bottom:1rem; animation:pop .4s ease; }
@keyframes pop { 0%{transform:scale(0)} 80%{transform:scale(1.15)} 100%{transform:scale(1)} }
.ll-success h3 { font-family:'Barlow Condensed',sans-serif; font-size:1.8rem; color:#fff; margin-bottom:.5rem; }
.ll-success p { color:#6b7a9e; margin-bottom:1.25rem; }
.ll-dl-btn { display:inline-flex; align-items:center; gap:.6rem; background:linear-gradient(135deg,#ff6b2b,#e8401a); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:1.2rem; font-weight:900; letter-spacing:.04em; text-transform:uppercase; padding:.9rem 2rem; border-radius:10px; text-decoration:none; transition:all .2s; box-shadow:0 4px 20px rgba(255,107,43,.4); }
.ll-dl-btn:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(255,107,43,.55); color:#fff; }
.ll-dl-note { font-size:.75rem; color:#6b7a9e; margin-top:.75rem; }

@media(max-width:560px) {
  .ll-box { border-radius:14px; }
  .ll-offer-item { padding:.7rem .85rem; gap:.6rem; }
  .ll-offer-title { font-size:.82rem; }
  .ll-trust { display:none; }
}