.wepfx {
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.q7K3,
.q7K4,
.q7K5,
.q7K6 {
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.05em;
  background-size: 500% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: q7L4 6s infinite linear, q7M5 2.5s infinite steps(6);
}

.q7K3 {
  background: linear-gradient(90deg, #ff2d2d, #ff9f1c, #fff200, #2aff2a, #2dd9ff, #b84dff, #ff2d2d);
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.7), 0 0 16px rgba(255, 255, 255, 0.5), 0 0 24px rgba(255, 255, 255, 0.35);
}

.q7K4 {
  background: linear-gradient(90deg, #1fd1ff, #2d7bff, #5a4dff, #1fd1ff);
  text-shadow: 0 0 8px rgba(31, 209, 255, 0.7), 0 0 16px rgba(45, 123, 255, 0.5), 0 0 22px rgba(90, 77, 255, 0.35);
}

.q7K5 {
  background: linear-gradient(90deg, #fff7b1, #ffd36b, #ff9f1c, #fff7b1);
  text-shadow: 0 0 8px rgba(255, 211, 107, 0.7), 0 0 16px rgba(255, 159, 28, 0.5), 0 0 22px rgba(255, 120, 0, 0.35);
}

.q7K6 {
  background: linear-gradient(90deg, #39ff14, #b6ff00, #00ff9d, #39ff14);
  text-shadow: 0 0 8px rgba(57, 255, 20, 0.7), 0 0 16px rgba(0, 255, 157, 0.5), 0 0 22px rgba(0, 255, 157, 0.35);
}

@keyframes q7L4 {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes q7M5 {
  0% { filter: brightness(1); }
  50% { filter: brightness(1.35); }
  100% { filter: brightness(1); }
}

.h3V1 {
  display: inline-block;
  font-weight: 900;
  animation: h3W2 3s infinite linear, h3X3 1.2s infinite alternate;
  background: linear-gradient(45deg, #00ffff, #ffff00, #ff00ff, #00ffff);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 8px rgba(0, 255, 255, 0.55), 0 0 16px rgba(255, 0, 255, 0.45), 0 0 24px rgba(255, 255, 0, 0.35);
}

@keyframes h3W2 {
  0% { background-position: 200% 0; }
  50% { background-position: 0 200%; }
  100% { background-position: 200% 0; }
}

@keyframes h3X3 {
  0% { filter: brightness(1) contrast(1); transform: skewX(0deg); }
  25% { filter: brightness(1.2) contrast(1.1); transform: skewX(-2deg); }
  50% { filter: brightness(0.9) contrast(0.9); transform: skewX(2deg); }
  75% { filter: brightness(1.1) contrast(1.2); transform: skewX(-1deg); }
  100% { filter: brightness(1) contrast(1); transform: skewX(0deg); }
}

.g7D9 {
  display: inline-block;
  animation: g7E0 3s infinite linear, g7F1 1.5s infinite alternate;
  background: linear-gradient(45deg, #2e2e2e, #4b4b4b, #1f1f1f, #5a5a5a, #2e2e2e);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 6px rgba(70, 70, 70, 0.7), 0 0 12px rgba(40, 40, 40, 0.5);
}

@keyframes g7E0 {
  0% { background-position: 200% 0; }
  50% { background-position: 0 200%; }
  100% { background-position: 200% 0; }
}

@keyframes g7F1 {
  0% { filter: brightness(1) contrast(1); }
  25% { filter: brightness(1.1) contrast(1.05); }
  50% { filter: brightness(0.9) contrast(0.95); }
  75% { filter: brightness(1.05) contrast(1.1); }
  100% { filter: brightness(1) contrast(1); }
}

.r3H7 {
  display: inline-block;
  animation: r3I8 3s infinite linear, r3J9 1.5s infinite alternate;
  background: linear-gradient(45deg, #330000, #660000, #990000, #cc0000, #660000, #330000);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 6px rgba(140, 0, 0, 0.7), 0 0 14px rgba(200, 0, 0, 0.5);
}

@keyframes r3I8 {
  0% { background-position: 200% 0; }
  50% { background-position: 0 200%; }
  100% { background-position: 200% 0; }
}

@keyframes r3J9 {
  0% { filter: brightness(1) contrast(1); }
  25% { filter: brightness(1.1) contrast(1.05); }
  50% { filter: brightness(0.9) contrast(0.95); }
  75% { filter: brightness(1.05) contrast(1.1); }
  100% { filter: brightness(1) contrast(1); }
}

.k2R5 {
  display: inline-block;
  animation: k2S6 3s infinite linear, k2T7 1.5s infinite alternate;
  background: linear-gradient(90deg, #b30000, #ff0000, #0000b3, #0000ff, #b30000);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 6px rgba(179, 0, 0, 0.7), 0 0 12px rgba(0, 0, 179, 0.5);
}

@keyframes k2S6 {
  0% { background-position: 300% 0; }
  50% { background-position: 0 0; }
  100% { background-position: 300% 0; }
}

@keyframes k2T7 {
  0% { filter: brightness(1); }
  25% { filter: brightness(1.2); }
  50% { filter: brightness(0.8); }
  75% { filter: brightness(1.1); }
  100% { filter: brightness(1); }
}

.y6K2 {
  display: inline-block;
  font-weight: 900;
  position: relative;
  animation: y6L3 1.4s infinite alternate ease-in-out;
  background: linear-gradient(180deg, #fff7cc 0%, #ffd200 18%, #ff8c00 38%, #ff3b00 60%, #7a0000 100%);
  background-size: 100% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 -1px 0 #fff3b0, 0 -2px 2px #ffb000, 0 -4px 4px #ff5a00, 0 -6px 6px rgba(255, 60, 0, 0.65), 0 -9px 9px rgba(180, 0, 0, 0.45);
}

@keyframes y6L3 {
  0% { background-position: 0% 100%; }
  100% { background-position: 0% 0%; }
}

.l5X2 {
  display: inline-block;
  font-weight: 800;
  animation: l5Y3 2.8s infinite linear;
  background: linear-gradient(90deg, #8bf0ff, #00c8ff, #00fff0, #8bf0ff);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 8px rgba(90, 230, 255, 0.6), 0 0 16px rgba(0, 200, 255, 0.45);
}

@keyframes l5Y3 {
  0% { background-position: 300% 0; }
  50% { background-position: 0 0; }
  100% { background-position: 300% 0; }
}

.c9P2 {
  display: inline-block;
  font-weight: 800;
  animation: c9Q3 2.6s infinite linear, c9R4 1.1s infinite alternate;
  background: linear-gradient(60deg, #00f0ff, #00aaff, #00ffb3, #00f0ff);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 7px rgba(0, 240, 255, 0.6), 0 0 14px rgba(0, 170, 255, 0.4);
}

@keyframes c9Q3 {
  0% { background-position: 0 0; }
  50% { background-position: 100% 100%; }
  100% { background-position: 0 0; }
}

@keyframes c9R4 {
  0% { filter: brightness(1); }
  100% { filter: brightness(1.25); }
}

.s4V8 {
  display: inline-block;
  font-weight: 800;
  animation: s4W9 3.2s infinite linear, s4X0 1.4s infinite alternate;
  background: linear-gradient(45deg, #00ff99, #00cc66, #00ffaa, #66ffcc, #00ff99);
  background-size: 240% 240%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 7px rgba(0, 255, 153, 0.6), 0 0 14px rgba(0, 204, 102, 0.45);
}

@keyframes s4W9 {
  0% { background-position: 0 0; }
  50% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

@keyframes s4X0 {
  0% { filter: brightness(1); }
  100% { filter: brightness(1.2); }
}

.t9Q1 {
  display: inline-block;
  font-weight: 800;
  animation: t9R2 3.1s infinite linear, t9S3 1.3s infinite alternate;
  background: linear-gradient(90deg, #fff1b8, #ffd76a, #ffb347, #fff1b8);
  background-size: 260% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 7px rgba(255, 215, 106, 0.6), 0 0 14px rgba(255, 179, 71, 0.45);
}

@keyframes t9R2 {
  0% { background-position: 260% 0; }
  50% { background-position: 0 0; }
  100% { background-position: 260% 0; }
}

@keyframes t9S3 {
  0% { filter: brightness(1); }
  100% { filter: brightness(1.25); }
}

.m1N7 {
  display: inline-block;
  font-weight: 800;
  animation: m1O8 2.9s infinite linear, m1P9 1.2s infinite alternate;
  background: linear-gradient(45deg, #7a00ff, #b800ff, #ff00c8, #7a00ff);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 8px rgba(184, 0, 255, 0.6), 0 0 16px rgba(255, 0, 200, 0.45);
}

@keyframes m1O8 {
  0% { background-position: 0 0; }
  50% { background-position: 100% 100%; }
  100% { background-position: 0 0; }
}

@keyframes m1P9 {
  0% { filter: brightness(1); }
  100% { filter: brightness(1.3); }
}

.x8A4 {
  display: inline-block;
  font-weight: 800;
  animation: x8B5 3.4s infinite linear, x8C6 1.6s infinite alternate;
  background: linear-gradient(120deg, #ff6a00, #ffcc00, #ff006a, #ff6a00);
  background-size: 240% 240%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 8px rgba(255, 106, 0, 0.6), 0 0 16px rgba(255, 0, 106, 0.45);
}

@keyframes x8B5 {
  0% { background-position: 0 0; }
  50% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

@keyframes x8C6 {
  0% { filter: brightness(1); }
  100% { filter: brightness(1.25); }
}

.v2B6 {
  display: inline-block;
  font-weight: 800;
  animation: v2C7 3s infinite linear, v2D8 1.2s infinite alternate;
  background: linear-gradient(45deg, #e6f7ff, #b3e5ff, #ffffff, #e6f7ff);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 8px rgba(200, 240, 255, 0.7), 0 0 16px rgba(150, 220, 255, 0.5);
}

@keyframes v2C7 {
  0% { background-position: 0 0; }
  50% { background-position: 100% 100%; }
  100% { background-position: 0 0; }
}

@keyframes v2D8 {
  0% { filter: brightness(1); }
  100% { filter: brightness(1.3); }
}

.u5C3 {
  display: inline-block;
  font-weight: 800;
  animation: u5D4 2.7s infinite linear, u5E5 1.1s infinite alternate;
  background: linear-gradient(90deg, #00ff6a, #aaff00, #00ffa5, #00ff6a);
  background-size: 280% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 7px rgba(0, 255, 106, 0.65), 0 0 14px rgba(0, 255, 165, 0.45);
}

@keyframes u5D4 {
  0% { background-position: 280% 0; }
  50% { background-position: 0 0; }
  100% { background-position: 280% 0; }
}

@keyframes u5E5 {
  0% { filter: brightness(1); }
  100% { filter: brightness(1.3); }
}

.p7Z0 {
  display: inline-block;
  font-weight: 800;
  animation: p7A1 3.2s infinite linear, p7B2 1.4s infinite alternate;
  background: linear-gradient(45deg, #ff4fd8, #ff77ff, #a64dff, #ff4fd8);
  background-size: 230% 230%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 8px rgba(255, 79, 216, 0.6), 0 0 16px rgba(166, 77, 255, 0.45);
}

@keyframes p7A1 {
  0% { background-position: 0 0; }
  50% { background-position: 100% 100%; }
  100% { background-position: 0 0; }
}

@keyframes p7B2 {
  0% { filter: brightness(1); }
  100% { filter: brightness(1.25); }
}


.weapon-effect-preview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin-top: 10px;
}

.weapon-effect-card {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}

.weapon-effect-sample {
  font-size: 16px;
  margin-bottom: 6px;
  min-height: 24px;
}

.weapon-effect-meta {
  font-size: 12px;
  color: #cfcfcf;
}