/* KRAKE SMP player hub additions — uses the existing black / crimson visual language. */
.krake-progress{height:9px;overflow:hidden;border-radius:99px;background:#21151a;border:1px solid rgba(255,83,101,.18);margin:12px 0 7px}
.krake-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b51d31,#ff5365);box-shadow:0 0 14px rgba(255,83,101,.35)}
.hub-hero{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border-color:rgba(255,83,101,.35);background:radial-gradient(circle at 85% 15%,rgba(226,35,54,.17),transparent 34%),linear-gradient(135deg,#151015,#0d0d12)}
.hub-hero>.krake-progress,.hub-hero>.inline-meta{grid-column:1/-1;width:100%}
.hub-level{display:grid;justify-items:center;min-width:100px;padding:14px 18px;border:1px solid rgba(255,83,101,.35);border-radius:16px;background:rgba(226,35,54,.08)}
.hub-level span,.hub-level small{font-size:10px;letter-spacing:.14em;color:#b9a4aa}
.hub-level strong{font-size:34px;color:#ff6475;line-height:1.15}
.hub-stats .stat-number{font-size:clamp(20px,3vw,30px)}
.daily-reward-values{display:flex;gap:10px;margin:16px 0}
.daily-reward-values strong{padding:9px 14px;border-radius:12px;background:#1b1015;border:1px solid rgba(255,83,101,.2);color:#ff7785}
.quest-list{display:grid;gap:10px}
.quest-row{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.018)}
.quest-row p{margin:7px 0;color:#b7a8ad}
.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.achievement-tile{display:grid;gap:7px;align-content:start;min-height:145px;padding:13px;border-radius:14px;border:1px solid rgba(255,83,101,.2);background:linear-gradient(145deg,rgba(255,83,101,.08),rgba(255,255,255,.015))}
.achievement-tile.locked{opacity:.55;filter:saturate(.45)}
.achievement-icon{font-size:26px}
.achievement-tile small{color:#b5a6ab;line-height:1.4}
.hub-home-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;border-color:rgba(255,83,101,.3)}
.friend-list,.notification-list{display:grid;gap:10px}
.friend-card,.notification-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.02)}
.friend-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#5b1725,#1a1015);border:1px solid rgba(255,83,101,.45);font-weight:800;color:#ff8793}
.friend-copy,.notification-copy{display:grid;gap:3px;flex:1;min-width:0}
.friend-copy small,.notification-copy small{color:#a9959b}
.friend-card .btn{white-space:nowrap}
.notification-row{align-items:flex-start}
.notification-row.read{opacity:.62}
.notification-dot{flex:0 0 9px;width:9px;height:9px;border-radius:50%;margin-top:6px;background:#ff5365;box-shadow:0 0 10px rgba(255,83,101,.55)}
.notification-row.read .notification-dot{background:#5b5054;box-shadow:none}
.notification-copy p{margin:3px 0;color:#c1b2b6}
.notification-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.countdown{display:inline-flex;align-items:center;margin-top:10px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,83,101,.35);background:rgba(226,35,54,.08);color:#ff8491;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.event-feature-card{background:radial-gradient(circle at 95% 0,rgba(226,35,54,.12),transparent 40%),#111015}
.market-watch-btn{margin:0 8px 10px 0}
.profile-expansion{margin-top:18px}
.profile-fav{font-size:18px!important}
.typing-word{letter-spacing:.12em;color:#ff7180}
@media(max-width:700px){
 .hub-hero{grid-template-columns:1fr}
 .hub-level{justify-self:start;grid-template-columns:auto auto auto;gap:8px;align-items:center}
 .hub-level strong{font-size:26px}
 .hub-home-strip{align-items:flex-start;flex-direction:column}
 .friend-card{flex-wrap:wrap}
 .notification-row{flex-wrap:wrap}
 .notification-actions{width:100%;padding-left:21px}
}