body {
  background-color: #090a0d;
  background-image: 
    radial-gradient(circle at 50% 0%, rgba(229, 9, 20, 0.12) 0%, transparent 60%),
    linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 100% 100%, 40px 40px, 40px 40px;
  color: #e2e8f0;
  overflow-x: hidden;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
/* Пока применяется перевод, страница скрыта; если скрипты не сработали, через 1.5 с она всё равно покажется */
html.i18n-pending body { visibility: hidden; animation: i18nReveal 0s 1.5s forwards; }
@keyframes i18nReveal { to { visibility: visible; } }

/* Рамки аватара (купленная косметика) */
.av-frame { display: inline-flex; flex-shrink: 0; padding: 4px; border-radius: 20px; background-size: 300% 300%; }
.av-frame.av-sm { padding: 2px; border-radius: 9px; }
.av-frame > img { display: block; }
.av-ember { background-image: linear-gradient(135deg, #fb923c, #dc2626); box-shadow: 0 0 16px rgba(249, 115, 22, 0.55); }
.av-frost { background-image: linear-gradient(135deg, #a5f3fc, #3b82f6); box-shadow: 0 0 16px rgba(56, 189, 248, 0.55); }
.av-toxic { background-image: linear-gradient(135deg, #bef264, #16a34a); box-shadow: 0 0 16px rgba(132, 204, 22, 0.5); }
.av-crimson { background-image: linear-gradient(135deg, #f87171, #7f1d1d); box-shadow: 0 0 16px rgba(239, 68, 68, 0.6); }
.av-gold { background-image: linear-gradient(135deg, #fde047, #b45309, #fde047); box-shadow: 0 0 18px rgba(245, 158, 11, 0.7); }
.av-void { background-image: linear-gradient(120deg, #a855f7, #06b6d4, #ec4899, #a855f7); box-shadow: 0 0 20px rgba(168, 85, 247, 0.7); animation: frameShift 4s linear infinite; }
@keyframes frameShift { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }

/* Титулы под ником */
.cos-title { display: inline-block; max-width: 100%; padding: 2px 10px; border-radius: 999px; border: 1px solid; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cos-title.tier-common { color: #d1d5db; border-color: rgba(209, 213, 219, 0.4); background: rgba(255, 255, 255, 0.06); }
.cos-title.tier-rare { color: #7dd3fc; border-color: rgba(56, 189, 248, 0.55); background: rgba(14, 116, 144, 0.25); }
.cos-title.tier-epic { color: #d8b4fe; border-color: rgba(168, 85, 247, 0.6); background: rgba(107, 33, 168, 0.3); }
.cos-title.tier-legendary { color: #fde68a; border-color: rgba(245, 158, 11, 0.7); background: rgba(146, 64, 14, 0.35); text-shadow: 0 0 8px rgba(245, 158, 11, 0.7); }

@media (prefers-reduced-motion: reduce) { .av-void { animation: none; } }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #090a0d; }
::-webkit-scrollbar-thumb { background: #dc2626; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #ef4444; }

.glow-gold { box-shadow: 0 0 20px rgba(245, 158, 11, 0.45); }
.glow-red { box-shadow: 0 0 20px rgba(229, 9, 20, 0.35); }
.glow-twitch { box-shadow: 0 0 18px rgba(145, 70, 255, 0.45); }
.glow-discord { box-shadow: 0 0 18px rgba(88, 101, 242, 0.45); }
.glow-ammo { box-shadow: 0 0 14px rgba(245, 158, 11, 0.35); }
.text-glow-red { text-shadow: 0 0 10px rgba(239, 68, 68, 0.7); }
.text-glow-gold { text-shadow: 0 0 10px rgba(245, 158, 11, 0.7); }
.hud-scanline {
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 255, 0, 0.03));
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
@keyframes livePulse {
  0%, 100% { transform: scale(0.95); opacity: 0.8; }
  50% { transform: scale(1.15); opacity: 1; filter: drop-shadow(0 0 8px #ef4444); }
}
.live-dot-pulse { animation: livePulse 1.6s infinite ease-in-out; }
.spin-sync { animation: spin 1s linear infinite; }
@keyframes spin { 100% { transform: rotate(360deg); } }
@keyframes claimPulse {
  0%, 100% { border-color: rgba(245, 158, 11, 0.6); box-shadow: 0 0 15px rgba(245, 158, 11, 0.3); }
  50% { border-color: rgba(245, 158, 11, 1); box-shadow: 0 0 25px rgba(245, 158, 11, 0.6); }
}
.claim-ready-pulse { animation: claimPulse 2s infinite ease-in-out; }

@keyframes discordGlowPulse {
  0%, 100% {
    box-shadow: 0 0 10px rgba(88, 101, 242, 0.3), inset 0 0 4px rgba(88, 101, 242, 0.1);
    border-color: rgba(88, 101, 242, 0.45);
  }
  50% {
    box-shadow: 0 0 20px rgba(88, 101, 242, 0.7), inset 0 0 8px rgba(88, 101, 242, 0.25);
    border-color: rgba(88, 101, 242, 0.95);
  }
}
.discord-pulse-btn {
  animation: discordGlowPulse 2.8s infinite ease-in-out;
}