.profile-container{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;height:100%;padding:16px;overflow:hidden auto}.profile-screen{max-width:600px;margin:0 auto;padding-bottom:20px}.profile-title{font-family:var(--font-press-start-2p),monospace;color:var(--accent-red);text-align:center;text-shadow:2px 2px #000;margin:0 0 20px;font-size:16px}.profile-message{border:2px solid var(--accent-gold);font-family:var(--font-press-start-2p),monospace;color:var(--accent-gold);text-align:center;background-color:#0000004d;padding:20px;font-size:10px;line-height:1.6;box-shadow:4px 4px #000}.profile-view-toggle{gap:10px;margin-bottom:20px;display:flex}.profile-view-toggle button{flex:1}.profile-view,.leaderboard-view{font-family:var(--font-press-start-2p),monospace}.profile-loading,.profile-error,.profile-empty{text-align:center;color:var(--accent-gold);padding:20px;font-size:10px}.profile-error{color:var(--accent-red)}.profile-section{border:4px solid var(--accent-red);background-color:#0000004d;margin-bottom:20px;padding:15px;box-shadow:4px 4px #000}.profile-section-title{color:var(--accent-gold);text-align:center;margin:0 0 15px;font-size:12px}.profile-stats{flex-direction:column;gap:10px;display:flex}.profile-stat-item{border:2px solid var(--accent-gold);background-color:#0006;justify-content:space-between;padding:8px;font-size:10px;display:flex}.profile-stat-label{color:var(--accent-gold)}.profile-stat-value{color:#fff;font-weight:700}.profile-kafana-list{flex-direction:column;gap:8px;display:flex}.profile-kafana-item{border:2px solid var(--accent-gold);background-color:#0006;padding:10px}.profile-kafana-name{color:var(--accent-gold);margin-bottom:5px;font-size:10px}.profile-kafana-stats{color:#ccc;justify-content:space-between;font-size:8px;display:flex}.profile-kafana-xp{color:var(--accent-red);font-weight:700}.profile-quest-count{color:#ccc;font-size:10px;line-height:1.6}.profile-quest-count p{margin:0 0 8px}.leaderboard-list{flex-direction:column;gap:8px;display:flex}.leaderboard-item{border:2px solid var(--accent-gold);background-color:#0006;align-items:center;gap:10px;padding:10px;display:flex}.leaderboard-item-current{border-color:var(--accent-red);background-color:#d2000033}.leaderboard-medal-gold{background-color:#ffd7001a}.leaderboard-medal-silver{background-color:#c0c0c01a}.leaderboard-medal-bronze{background-color:#cd7f321a}.leaderboard-rank{color:var(--accent-gold);text-align:center;min-width:40px;font-size:12px}.leaderboard-user{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.leaderboard-avatar{border:2px solid var(--accent-gold);width:24px;height:24px;image-rendering:pixelated;flex-shrink:0}.leaderboard-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.leaderboard-name{color:#fff;word-break:break-word;font-size:10px}.leaderboard-stats{color:#999;font-size:8px}.leaderboard-xp{color:var(--accent-red);white-space:nowrap;font-size:10px;font-weight:700}@media (max-width:600px){.profile-container{padding:12px}.profile-title{margin-bottom:16px;font-size:14px}.profile-section{margin-bottom:16px;padding:12px}.profile-section-title{margin-bottom:12px;font-size:11px}.profile-stat-item{padding:6px;font-size:9px}}@media (max-width:420px){.profile-container{padding:8px}.profile-title{margin-bottom:12px;font-size:12px}.profile-message{padding:12px;font-size:9px}.profile-section{border-width:3px;margin-bottom:12px;padding:10px}.profile-section-title{margin-bottom:10px;font-size:10px}.profile-stat-item{padding:6px;font-size:8px}.leaderboard-rank{min-width:30px;font-size:10px}.leaderboard-name{font-size:9px}.leaderboard-stats{font-size:7px}.leaderboard-xp{font-size:9px}.leaderboard-avatar{width:20px;height:20px}}@media (max-height:700px){.profile-container{padding:10px}.profile-section{margin-bottom:12px}}
.user-stats-container{border:2px solid var(--accent-gold);width:100%;font-family:var(--font-press-start-2p),cursive;color:#fff;box-sizing:border-box;background-color:#00000080;justify-content:space-around;margin-bottom:20px;padding:10px;font-size:.7rem;display:flex}.user-stat{flex-direction:column;align-items:center;gap:5px;display:flex}.stat-label{color:var(--accent-gold)}.stat-value{color:var(--accent-red)}.online-container{align-items:center;gap:8px;display:flex}.online-indicator{background-color:#4f4;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 4px #4f4}.stat-value.online{color:#4f4}@keyframes pulse{0%{opacity:1;box-shadow:0 0 4px #4f4}50%{opacity:.6;box-shadow:0 0 2px #4f4}to{opacity:1;box-shadow:0 0 4px #4f4}}