/* Gamification widget styles */
#gamification-widget { position: fixed; right: 18px; bottom: 18px; z-index: 1000; font-family: Inter, sans-serif; width: 260px; }
#g-panel { background: #0f1114; border-radius: 14px; padding: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.6); color: #fff; border: 1px solid rgba(255,255,255,0.03); }
#g-header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
#g-toggle { position: fixed; right: 18px; bottom: 18px; width: 48px; height: 48px; border-radius: 50%; background: #00f2ff; color:#000; display:flex; align-items:center; justify-content:center; font-weight:800; cursor:pointer; box-shadow:0 8px 20px rgba(0,0,0,0.4); }
#g-xpnum { font-size: 1.1rem; font-weight: 800; color: #00f2ff; }
#g-actions { display:flex; gap:8px; margin-top:8px; }
.g-btn { background: transparent; border: 1px solid rgba(255,255,255,0.06); padding:6px 8px; border-radius:8px; color:#fff; cursor:pointer; font-weight:700; font-size:0.85rem; }
.g-input { width:100%; padding:8px; border-radius:8px; border:1px solid rgba(255,255,255,0.04); background:transparent; color:#fff; }
#g-xhistory { max-height: 120px; overflow:auto; margin-top:8px; font-size:0.9rem; }
#g-xhistory .entry { display:flex; justify-content:space-between; padding:6px 4px; border-bottom:1px dashed rgba(255,255,255,0.03); }
#g-pending { color: #ffcc00; font-weight:800; }
@media (max-width: 420px) { #gamification-widget { right: 10px; bottom: 10px; width: 220px; } #g-toggle { right: 10px; bottom: 10px; } }