#hcLudoProgress{position:fixed;inset:0;z-index:2147483600;background:linear-gradient(180deg,#061a37,#020b1c);color:#fff;font-family:inherit;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#hcLudoProgress *{box-sizing:border-box}.lp-shell{width:min(100%,760px);min-height:100%;margin:auto;padding:calc(14px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom))}.lp-head{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;text-align:center}.lp-head b{display:block;color:#ffd052;font-size:clamp(13px,3.5vw,18px);letter-spacing:1.6px}.lp-head small{display:block;color:#9fb0ca;font-size:11px;margin-top:3px}.lp-round{width:44px;height:44px;border:1px solid #4a6180;border-radius:50%;background:#102847;color:#fff;font-size:27px}.lp-head-boat{font-size:28px}.lp-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:15px 0 12px;padding:5px;background:#071a35;border:1px solid #263e60;border-radius:15px;position:sticky;top:calc(5px + env(safe-area-inset-top));z-index:4}.lp-tabs button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#91a5c3;font-size:10px;font-weight:900;line-height:1.15}.lp-tabs button.active{background:#ffd052;color:#071936}.lp-content{padding-bottom:20px}.lp-loading,.lp-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;color:#afbed3;font-weight:750;padding:30px}.lp-loading span{font-size:50px;animation:lpFloat 1.5s ease-in-out infinite}.lp-empty button,.lp-wide{border:0;border-radius:14px;background:#ffd052;color:#071936;font-weight:950;padding:13px 20px}.lp-profile-hero{text-align:center;padding:22px 15px 18px;background:linear-gradient(145deg,#0d2a52,#071a35);border:1px solid #334e73;border-radius:23px}.lp-rank-icon{font-size:58px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.lp-profile-hero h2{margin:8px 0 3px;font-size:26px}.lp-rank-name{color:#ffd052;font-size:17px;font-weight:900}.lp-rank-track{height:9px;max-width:390px;margin:15px auto 7px;background:#213754;border-radius:10px;overflow:hidden}.lp-rank-track i{display:block;height:100%;background:linear-gradient(90deg,#ffd052,#e99c12);border-radius:10px}.lp-profile-hero small{color:#aabbd3}.lp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.lp-stat{min-height:88px;background:#0a2244;border:1px solid #2c466a;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px}.lp-stat b{font-size:22px;color:#fff}.lp-stat span{font-size:10px;color:#a7b8d0;margin-top:5px}.lp-wide{display:block;width:100%;font-size:14px}.lp-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.lp-periods button{min-height:44px;border:1px solid #eeb830;border-radius:14px;background:transparent;color:#ffd052;font-weight:900}.lp-periods button.active{background:#ffd052;color:#071936}.lp-leaders,.lp-history{border:1px solid #2b4569;border-radius:18px;overflow:hidden}.lp-leader{display:grid;grid-template-columns:42px 44px 1fr auto;align-items:center;gap:9px;min-height:74px;padding:10px;border-bottom:1px solid #294263;background:#081e3d}.lp-leader:last-child{border-bottom:0}.lp-leader.me{background:rgba(255,208,82,.13)}.lp-place{font-weight:950;text-align:center;color:#ffd052}.lp-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#164c83;border:2px solid #fff;font-weight:950}.lp-person b,.lp-person small,.lp-record b,.lp-record small{display:block}.lp-person small,.lp-record small{color:#9fb1ca;font-size:11px;margin-top:3px}.lp-record{text-align:right}.lp-record b{color:#ffd052}.lp-awards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lp-award{display:grid;grid-template-columns:44px 1fr;gap:10px;min-height:150px;padding:15px;background:#091f3e;border:1px solid #304a6c;border-radius:18px;opacity:.72}.lp-award.unlocked{opacity:1;background:linear-gradient(145deg,rgba(255,208,82,.18),#0a2244);border-color:#b99029}.lp-award-icon{font-size:34px;filter:grayscale(1)}.lp-award.unlocked .lp-award-icon{filter:none}.lp-award b{display:block}.lp-award p{color:#a9b9d0;font-size:11px;line-height:1.35;margin:6px 0}.lp-award small{color:#ffd052;font-size:10px;font-weight:900}.lp-award i{display:block;height:6px;margin-top:10px;background:#263b59;border-radius:8px;overflow:hidden}.lp-award em{display:block;height:100%;background:#ffd052}.lp-history article{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:13px;background:#081e3d;border-bottom:1px solid #294263}.lp-history article:last-child{border:0}.lp-result{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#18314f}.lp-result.win{background:rgba(255,208,82,.2)}.lp-history b,.lp-history small{display:block}.lp-history small,.lp-game-metrics{color:#9fb1ca;font-size:11px;margin-top:3px}.lp-game-metrics{text-align:right;line-height:1.5}#lpAchievementToast{position:fixed;z-index:2147483647;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,30px);opacity:0;width:min(calc(100% - 28px),450px);display:flex;align-items:center;gap:12px;padding:15px;background:#082447;border:2px solid #ffd052;border-radius:18px;color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.55);transition:.25s}#lpAchievementToast.show{transform:translate(-50%,0);opacity:1}#lpAchievementToast>span{font-size:38px}#lpAchievementToast b,#lpAchievementToast small{display:block}#lpAchievementToast b{color:#ffd052}#lpAchievementToast small{margin-top:3px;color:#c7d3e4}@keyframes lpFloat{50%{transform:translateY(-8px)}}@media(max-width:520px){.lp-tabs button{font-size:8px}.lp-stats{grid-template-columns:repeat(2,1fr)}.lp-awards{grid-template-columns:1fr}.lp-profile-hero{padding-top:16px}.lp-rank-icon{font-size:48px}}


/* Haitian Corner member avatars */
#hcLudoProgress .lp-profile-avatar{
  position:relative;
  width:104px;
  height:104px;
  margin:0 auto 12px;
}

#hcLudoProgress .lp-profile-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  border:4px solid #ffd052;
  background:#102847;
  box-shadow:0 10px 24px rgba(0,0,0,.42);
}

#hcLudoProgress .lp-profile-avatar span{
  position:absolute;
  right:-5px;
  bottom:-3px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:3px solid #082244;
  background:#ffd052;
  font-size:20px;
  box-shadow:0 5px 12px rgba(0,0,0,.4);
}

#hcLudoProgress .lp-avatar{
  overflow:hidden;
}

#hcLudoProgress .lp-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}