:root{
  /* RCKT — mission-control instrument panel palette.
     Base: graphite/gunmetal, not pure black — reads like a cockpit shell.
     Primary: ignition ember (one hue, used with intent, not sprayed everywhere).
     Secondary: phosphor green — "systems nominal" / profit / live.
     Tertiary: amber — progression, rewards, warnings.
     Rare accent: violet — premium/mythic only, kept scarce. */
  --ink:#0A0C10;
  --ink-2:#0F131A;
  --panel:#151922;
  --panel-2:#1B212C;
  --line:#2A3140;
  --line-soft:#212734;
  --ember:#FF5A1F;
  --ember-soft:#FFB27A;
  --cyan:#3DDC97;
  --red:#FF4D5E;
  --neon-cyan:#3DDC97;
  --neon-magenta:#FFB000;
  --neon-purple:#8B5CF6;
  --glow-cyan:0 0 16px rgba(61,220,151,0.35);
  --glow-magenta:0 0 16px rgba(255,176,0,0.35);
  --text:#EDEFF3;
  --text-dim:#9AA2B0;
  --text-faint:#5C6472;
  --font-display:'Space Grotesk', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --radius:10px;
  --user-font-scale:1; /* set per-user by settings.js — Settings > Text size */
}

html{ font-size: calc(16px * var(--user-font-scale, 1)); zoom: var(--user-font-scale, 1); }

/* ===== Loading screen ===== */
#loadingScreen{
  position:fixed; inset:0; z-index:99999;
  background:radial-gradient(circle at 50% 40%, var(--panel-2), var(--ink) 70%);
  display:flex; align-items:center; justify-content:center;
  transition:opacity 0.6s ease;
}
#loadingScreen.loading-hide{ opacity:0; pointer-events:none; }
.loading-inner{ display:flex; flex-direction:column; align-items:center; gap:18px; }
.loading-mark{
  width:64px; height:64px; color:var(--neon-cyan);
  filter:drop-shadow(0 0 18px rgba(61,220,151,0.65));
  animation:loadingPulse 1.6s ease-in-out infinite;
}
@keyframes loadingPulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.08); } }
.loading-word{
  font-family:var(--font-display); font-weight:700; font-size:28px; letter-spacing:0.5px;
  color:var(--text);
}
.loading-word em{ font-style:normal; color:var(--neon-magenta); text-shadow:0 0 12px rgba(255,176,0,0.6); }
.loading-bar-track{
  width:260px; height:6px; border-radius:999px; background:var(--line-soft);
  overflow:hidden; border:1px solid var(--line);
}
.loading-bar-fill{
  height:100%; width:0%; border-radius:999px;
  background:linear-gradient(90deg, var(--neon-cyan), var(--neon-magenta));
  box-shadow:0 0 12px rgba(61,220,151,0.5);
  transition:width 0.1s linear;
}
.loading-status{ font-family:var(--font-mono); font-size:12.5px; color:var(--text-dim); }


*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body.no-scroll{overflow:hidden;}
body{
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(61,220,151,0.10), transparent 60%),
    radial-gradient(900px 500px at 100% 0%, rgba(255,176,0,0.09), transparent 55%),
    radial-gradient(700px 500px at 50% 110%, rgba(139,92,246,0.10), transparent 60%),
    repeating-linear-gradient(0deg, rgba(61,220,151,0.025) 0 1px, transparent 1px 42px),
    repeating-linear-gradient(90deg, rgba(61,220,151,0.025) 0 1px, transparent 1px 42px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/></svg>"),
    var(--ink);
  background-size: 140% 140%, 140% 140%, 140% 140%, auto, auto, auto, auto;
  animation: bgDrift 22s ease-in-out infinite;
  color:var(--text);
  font-family:var(--font-body);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
@keyframes bgDrift{
  0%{ background-position: 15% -10%, 100% 0%, 50% 110%, 0 0, 0 0, 0 0; }
  50%{ background-position: 25% 0%, 90% 10%, 45% 100%, 0 0, 0 0, 0 0; }
  100%{ background-position: 15% -10%, 100% 0%, 50% 110%, 0 0, 0 0, 0 0; }
}

/* Animated glow text — used on the home page in place of the plain (hard to
   see against the dark background) default text color, for headings and
   game titles. */
@keyframes glowShift{
  0%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
  100%{ background-position:0% 50%; }
}
@keyframes glowPulse{
  0%,100%{ filter:drop-shadow(0 0 6px rgba(61,220,151,0.55)) drop-shadow(0 0 14px rgba(139,92,246,0.30)); }
  50%{ filter:drop-shadow(0 0 10px rgba(255,176,0,0.6)) drop-shadow(0 0 20px rgba(61,220,151,0.4)); }
}
.glow-text{
  background:linear-gradient(90deg, var(--neon-cyan), var(--neon-magenta), var(--neon-purple), var(--neon-cyan));
  background-size:300% 100%;
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  animation:glowShift 6s ease-in-out infinite, glowPulse 3s ease-in-out infinite;
}
/* Soft floating particles behind everything — original CSS-only, no assets */
body::before{
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-image:
    radial-gradient(2px 2px at 10% 20%, rgba(61,220,151,.35), transparent 60%),
    radial-gradient(2px 2px at 80% 30%, rgba(255,176,0,.3), transparent 60%),
    radial-gradient(2px 2px at 40% 70%, rgba(139,92,246,.3), transparent 60%),
    radial-gradient(1.5px 1.5px at 60% 85%, rgba(61,220,151,.25), transparent 60%),
    radial-gradient(1.5px 1.5px at 90% 60%, rgba(255,176,0,.2), transparent 60%),
    radial-gradient(1.5px 1.5px at 25% 50%, rgba(139,92,246,.25), transparent 60%);
  background-size: 100% 100%;
  animation: particleFloat 18s linear infinite;
}
@keyframes particleFloat{
  0%{ transform: translateY(0); }
  100%{ transform: translateY(-40px); }
}
.hidden{display:none !important;}
button{font-family:inherit;}
input{font-family:inherit;}
::selection{background:var(--neon-cyan); color:var(--ink);}

/* scrollbar */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--ink);}
::-webkit-scrollbar-thumb{background:var(--line); border-radius:8px;}

/* ===== Sidebar (Twitch/Kick-style rail) ===== */
.sidebar{
  position:fixed; top:0; left:0; bottom:0; width:76px; z-index:50;
  background:var(--ink-2); border-right:1px solid var(--line);
  display:flex; flex-direction:column; align-items:stretch; gap:3px;
  padding:18px 8px; overflow-y:auto;
}
.side-item{
  position:relative;
  display:flex; flex-direction:column; align-items:center; gap:5px;
  background:none; border:none; border-radius:8px; cursor:pointer;
  padding:10px 4px; color:var(--text-faint);
  transition:background .15s ease, color .15s ease;
}
.side-item::before{
  content:''; position:absolute; left:-8px; top:50%; translate:0 -50%;
  width:3px; height:0; border-radius:0 3px 3px 0; background:var(--ember);
  transition:height .18s ease; box-shadow:0 0 8px rgba(255,90,31,0.7);
}
.side-item:hover{background:var(--panel); color:var(--text);}
.side-item.active{
  background:linear-gradient(160deg, rgba(255,90,31,0.14), rgba(255,90,31,0.03));
  color:var(--ember-soft);
  box-shadow:0 0 0 1px rgba(255,90,31,0.22) inset;
}
.side-item.active::before{ height:22px; }
.side-icon{font-size:20px; line-height:1; display:flex; align-items:center; justify-content:center;}
.side-icon svg{width:20px; height:20px; stroke:currentColor; fill:none;}
.side-label{font-size:9px; font-weight:700; letter-spacing:.35px; text-align:center; text-transform:uppercase; font-family:var(--font-mono);}
.side-divider{height:1px; background:var(--line); margin:6px 6px; flex-shrink:0;}
.side-item.chat-open{
  background:linear-gradient(160deg, rgba(61,220,151,0.16), rgba(61,220,151,0.03));
  color:var(--cyan);
  box-shadow:0 0 0 1px rgba(61,220,151,0.3) inset;
}

.app-shell{margin-left:76px;}

@media (max-width:720px){
  .sidebar{
    top:auto; bottom:0; left:0; right:0; width:auto; height:60px;
    flex-direction:row; justify-content:space-around; align-items:center;
    border-right:none; border-top:1px solid var(--line); padding:6px 8px; overflow-x:auto;
  }
  .app-shell{margin-left:0; padding-bottom:60px;}
  .side-item{flex-direction:row; gap:6px; padding:8px 12px;}
  .side-divider{width:1px; height:auto; align-self:stretch; margin:0 4px;}
}

/* ===== Console header ===== */
.console{
  position:sticky; top:0; z-index:40;
  background:rgba(5,7,12,0.85);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(61,220,151,0.15), 0 8px 30px -12px rgba(61,220,151,0.12);
}
.console-inner{
  max-width:none; margin:0;
  display:flex; align-items:center; gap:20px;
  padding:14px 24px 14px 10px;
}
.logo{
  display:flex; align-items:center; gap:8px;
  background:none; border:none; cursor:pointer;
  color:var(--text); font-family:var(--font-display); font-weight:700;
  font-size:19px; letter-spacing:0.4px; padding:0;
  transition:transform .35s ease, opacity .35s ease, margin .35s ease;
}
.logo-mark{width:22px; height:22px; color:var(--neon-cyan); filter:drop-shadow(0 0 6px rgba(61,220,151,0.7));}
.logo em{font-style:normal; color:var(--neon-magenta); margin-left:2px; text-shadow:0 0 10px rgba(255,176,0,0.6);}

/* When the balance box is hovered/focused it expands and visually shoves
   the RCKT Originals logo out of the way, since the box itself grows in
   place (margin-left:auto), rather than reordering in the DOM. */
.console-inner.balance-focus .logo{
  transform:translateX(-28px) scale(.8);
  opacity:0;
  pointer-events:none;
  margin-right:-30px;
}

.readout{
  display:flex; flex-direction:column; align-items:flex-end;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:10px;
  padding:6px 16px;
  min-width:150px;
  max-width:min(320px, 46vw);
  cursor:pointer;
  transition:min-width .35s ease, padding .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.readout:hover, .readout:focus-within, .readout.expanded{
  min-width:270px;
  padding:8px 22px;
  border-color:var(--neon-cyan);
  box-shadow:0 0 22px rgba(61,220,151,0.25);
}
.readout-label{
  font-size:9.5px; letter-spacing:1.6px; color:var(--text-faint); font-weight:600;
}
.readout-value{
  font-family:var(--font-mono); font-weight:600; font-size:18px; color:var(--cyan);
  font-variant-numeric:tabular-nums;
  transition:color .2s, font-size .2s;
  white-space:nowrap;
  max-width:100%;
}
/* Shrink big-balance text instead of letting the header box keep growing
   and pushing/overlapping the logo. */
.readout-value.long{ font-size:15px; }
.readout-value.xlong{ font-size:12px; letter-spacing:-.2px; }
.readout-value.down{color:var(--red);}
.readout-value.up{color:var(--cyan);}
.readout-extra{
  font-size:11px; color:var(--text-faint); max-height:0; opacity:0; overflow:hidden;
  transition:max-height .35s ease, opacity .35s ease, margin-top .35s ease;
}
.readout:hover .readout-extra, .readout:focus-within .readout-extra, .readout.expanded .readout-extra{
  max-height:20px; opacity:1; margin-top:3px;
}
.readout-extra b{font-family:var(--font-mono); color:var(--cyan);}
.readout-extra b.down{color:var(--red);}
.readout-extra b.up{color:var(--cyan);}

.console-actions{display:flex; align-items:center; gap:10px; flex:1;}
.chat-fab{margin-left:auto;}

/* ===== Buttons ===== */
.btn{
  border:1px solid var(--line);
  background:linear-gradient(180deg, var(--panel-2), var(--panel));
  color:var(--text);
  padding:9px 16px;
  border-radius:9px;
  font-weight:600;
  font-size:13.5px;
  cursor:pointer;
  transition:all .15s ease;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
}
.btn:hover{border-color:var(--neon-cyan); box-shadow:0 0 12px rgba(61,220,151,0.25); transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn-ghost{background:transparent; box-shadow:none;}
.btn-accent{
  background:linear-gradient(100deg, var(--ember), #FF8A3D 60%, var(--ember));
  background-size:200% auto;
  border-color:transparent; color:#1a0900; font-weight:700;
  box-shadow:0 6px 22px -6px rgba(255,90,31,0.5), 0 0 0 1px rgba(255,255,255,0.08) inset;
  transition:all .2s ease;
}
.btn-accent:hover{background-position:100% center; box-shadow:0 6px 26px -4px rgba(255,90,31,0.55);}
.btn-danger{
  background:rgba(255,77,94,0.12); border-color:rgba(255,77,94,0.4); color:#ffb3ba;
}
.btn-danger:hover{background:rgba(255,77,94,0.2); box-shadow:0 0 12px rgba(255,77,94,0.3);}
.btn.full{width:100%; margin-top:10px;}
.btn:disabled{opacity:.45; cursor:not-allowed; transform:none;}

/* ===== Lobby / Hero ===== */
.lobby{max-width:1240px; margin:0 auto; padding:40px 24px 80px;}
.hero{
  display:grid; grid-template-columns:1.3fr 1fr; gap:32px;
  align-items:stretch;
  margin-bottom:52px;
}
.hero-copy{
  background:linear-gradient(160deg, var(--panel), var(--panel-2));
  border:1px solid var(--line);
  border-radius:20px;
  padding:40px;
  position:relative;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,90,31,0.08) inset, 0 20px 60px -30px rgba(255,90,31,0.22);
}
.hero-copy::after{
  content:"";
  position:absolute; right:-60px; top:-60px; width:220px; height:220px;
  background:radial-gradient(circle, rgba(255,90,31,0.22), transparent 70%);
}
.eyebrow{
  font-family:var(--font-mono); font-size:11px; letter-spacing:1.6px; color:var(--ember-soft);
  font-weight:600; text-shadow:0 0 8px rgba(255,90,31,0.4);
}
.hero-copy h1{
  font-family:var(--font-display); font-size:44px; line-height:1.08; margin:16px 0 14px;
  letter-spacing:-0.5px;
}
.hero-copy p{color:var(--text-dim); font-size:15px; line-height:1.6; max-width:480px; margin:0;}

.hero-panel{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:20px;
  padding:28px;
  display:flex; flex-direction:column; justify-content:space-around; gap:18px;
}
.stat{display:flex; flex-direction:column; gap:2px; border-bottom:1px solid var(--line-soft); padding-bottom:16px;}
.stat:last-child{border-bottom:none; padding-bottom:0;}
.stat-num{font-family:var(--font-mono); font-size:28px; font-weight:600; color:var(--text);}
.stat-label{font-size:12px; color:var(--text-faint); letter-spacing:.3px;}

.grid-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
.grid-head h2{font-family:var(--font-display); font-size:24px; margin:0;}
.filters{display:flex; gap:8px;}
.chip{
  background:var(--panel); border:1px solid var(--line); color:var(--text-dim);
  padding:7px 14px; border-radius:20px; font-size:12.5px; font-weight:600; cursor:pointer;
}
.chip.active{background:var(--ember); border-color:transparent; color:#1a0900; font-weight:700; box-shadow:0 0 12px rgba(255,90,31,0.4);}

.game-grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:16px;
}
.game-card{
  position:relative;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  cursor:pointer;
  transition:transform .15s ease, border-color .15s ease;
  text-align:left;
}
.game-card:hover{transform:translateY(-4px); border-color:var(--neon-cyan); box-shadow:0 14px 34px rgba(0,0,0,0.45), 0 0 20px -4px rgba(61,220,151,0.4);}
.fav-star{
  position:absolute; top:8px; right:8px; z-index:2;
  width:28px; height:28px; border-radius:50%; border:none;
  background:rgba(5,7,12,0.55); color:rgba(255,255,255,0.55);
  font-size:15px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:color .15s ease, background .15s ease, transform .15s ease;
}
.fav-star:hover{transform:scale(1.12); color:#ffce54;}
.fav-star.active{color:#ffce54; background:rgba(255,206,84,0.16); text-shadow:0 0 8px rgba(255,206,84,0.7);}
.game-thumb{
  height:132px; display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden;
  background-size:cover;
}
.game-thumb::before{
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,0.22), transparent 45%),
    repeating-linear-gradient(115deg, rgba(255,255,255,0.05) 0 2px, transparent 2px 10px);
  mix-blend-mode:overlay;
}
.game-thumb::after{
  content:''; position:absolute; inset:0;
  box-shadow:inset 0 -30px 30px -20px rgba(0,0,0,0.55);
}
.game-thumb .thumb-icon{
  font-size:46px; position:relative; z-index:1;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,0.5));
  transition:transform .2s ease;
}
.game-card:hover .thumb-icon{transform:scale(1.12) rotate(-3deg);}
.game-thumb svg{width:44px; height:44px;}

/* per-category texture themes */
.thumb-cards{background:linear-gradient(150deg,#0f3d2e,#175c3f 55%,#0b2b21);}
.thumb-wheel{background:linear-gradient(150deg,#3a0f4e,#6a1b8f 55%,#230a35);}
.thumb-spin{background:linear-gradient(150deg,#4a0f3a,#8f1b64 55%,#2c0921);}
.thumb-roll{background:linear-gradient(150deg,#0d2c4a,#1c5a8f 55%,#081c30);}
.thumb-grid{background:linear-gradient(150deg,#0b3a3a,#158080 55%,#062121);}
.thumb-multiplier{background:linear-gradient(150deg,#4a1e08,#c65a1f 55%,#2c1104);}
.thumb-drop{background:linear-gradient(150deg,#3a1e4a,#8a3fbf 55%,#210f2c);}
.thumb-50-50{background:linear-gradient(150deg,#4a3a08,#c69a1f 55%,#2c2004);}
.thumb-climb{background:linear-gradient(150deg,#20263a,#3d4a6e 55%,#12151f);}
.thumb-slots{background:linear-gradient(150deg,#4a0f0f,#c62a2a 40%, #c68a1f 75%, #2c0a04);}
.game-info{padding:14px 16px 16px;}
.game-tag{
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:1.2px; color:var(--text-faint);
  display:block; margin-bottom:4px;
}
.game-name{font-family:var(--font-display); font-weight:600; font-size:16px; margin:0;}
.badge{
  position:absolute; top:10px; left:10px; background:var(--cyan); color:#052823;
  font-size:9.5px; font-weight:700; padding:3px 8px; border-radius:6px; letter-spacing:.4px;
}

/* ===== Stage (individual game view) ===== */
.stage{max-width:1000px; margin:0 auto; padding:24px 24px 80px;}
.stage-bar{display:flex; align-items:center; gap:16px; margin-bottom:22px;}
.stage-bar h2{font-family:var(--font-display); font-size:22px; margin:0; flex:1;}
.stage-tag{
  font-family:var(--font-mono); font-size:10px; color:var(--text-faint); letter-spacing:1px;
  border:1px solid var(--line); padding:4px 10px; border-radius:20px;
}
.stage-body{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:20px;
  padding:28px;
  min-height:420px;
}

/* shared game layout helpers */
.game-layout{display:grid; grid-template-columns:280px 1fr; gap:24px;}
@media (max-width:760px){ .game-layout{grid-template-columns:1fr;} }
.controls{
  background:var(--panel-2); border:1px solid var(--line); border-radius:14px; padding:18px;
  display:flex; flex-direction:column; gap:14px; align-self:start;
}
.controls h4{margin:0 0 2px; font-size:12px; letter-spacing:.6px; color:var(--text-faint); font-weight:700;}
.field-label{font-size:11.5px; color:var(--text-faint); font-weight:600; margin-bottom:6px; display:block; letter-spacing:.3px;}
.input-prefix{
  display:flex; align-items:center; gap:6px;
  background:var(--ink-2); border:1px solid var(--line); border-radius:9px; padding:9px 12px;
}
.input-prefix span{color:var(--text-faint); font-family:var(--font-mono); font-size:14px;}
.input-prefix input{
  background:none; border:none; outline:none; color:var(--text); font-family:var(--font-mono);
  font-size:15px; width:100%;
}
.bet-quick{display:flex; gap:6px;}
.bet-quick button{
  flex:1; background:var(--ink-2); border:1px solid var(--line); color:var(--text-dim);
  padding:6px 0; border-radius:7px; font-size:11.5px; cursor:pointer; font-weight:600;
}
.bet-quick button:hover{border-color:var(--ember); color:var(--text);}
.play-area{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.05), transparent 60%),
    repeating-linear-gradient(45deg, rgba(255,255,255,0.015) 0 3px, transparent 3px 7px),
    var(--ink-2);
  border:1px solid var(--line); border-radius:14px; padding:22px;
  min-height:380px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px;
  position:relative; overflow:hidden;
  box-shadow:inset 0 2px 24px rgba(0,0,0,0.35);
}
.coin-wrap{display:flex; align-items:center; justify-content:center; padding:20px 0; perspective:600px;}
.coin-face{
  width:100px; height:100px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:40px; font-weight:800; font-family:inherit; color:#5c4413;
  background:radial-gradient(circle at 35% 30%, #ffe9a8, #d8ae3e 55%, #a67a1e);
  box-shadow:0 0 0 4px #7a5a17, 0 10px 24px rgba(0,0,0,0.5), inset 0 2px 6px rgba(255,255,255,0.5);
  transition:transform .15s linear;
}
.coin-face.tails{background:radial-gradient(circle at 35% 30%, #f2f4f7, #c3c9d1 55%, #8b929c); box-shadow:0 0 0 4px #6b717a, 0 10px 24px rgba(0,0,0,0.5), inset 0 2px 6px rgba(255,255,255,0.6); color:#3a3f47;}
.coin-face.spinning{animation:coinSpin .18s linear infinite;}
@keyframes coinSpin{ 0%{transform:rotateY(0deg) scaleX(1);} 50%{transform:rotateY(180deg) scaleX(0.15);} 100%{transform:rotateY(360deg) scaleX(1);} }
.result-banner{
  font-family:var(--font-mono); font-weight:600; font-size:15px; padding:8px 18px; border-radius:9px;
  border:1px solid var(--line); background:var(--panel);
}
.result-banner.win{color:var(--cyan); border-color:rgba(57,217,201,0.4); background:rgba(57,217,201,0.08);}
.result-banner.lose{color:var(--red); border-color:rgba(255,77,94,0.4); background:rgba(255,77,94,0.08);}

.select-row{display:flex; gap:8px; flex-wrap:wrap;}
.select-row button{
  flex:1; min-width:60px; background:var(--ink-2); border:1px solid var(--line); color:var(--text-dim);
  padding:9px 6px; border-radius:8px; font-weight:700; cursor:pointer; font-size:13px;
}
.select-row button.active{background:var(--ember); border-color:transparent; color:#1a0900;}
.select-row button:hover:not(.active){border-color:var(--text-faint);}

.card{
  width:64px; height:90px; border-radius:8px; background:#fff; color:#111;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-weight:700; font-size:20px; box-shadow:0 6px 14px rgba(0,0,0,0.35);
}
.card.red{color:#d3202f;}
.card.back{background:linear-gradient(135deg, var(--panel-2), var(--ink)); border:2px solid var(--ember);}
.hand{display:flex; gap:10px;}
.hand-row{display:flex; flex-direction:column; align-items:center; gap:8px;}
.hand-label{font-size:12px; color:var(--text-faint); font-weight:600;}

.mines-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:8px; width:100%; max-width:340px;}
.mine-tile{
  aspect-ratio:1; background:var(--panel-2); border:1px solid var(--line); border-radius:10px;
  display:flex; align-items:center; justify-content:center; font-size:20px; cursor:pointer;
}
.mine-tile:hover{border-color:var(--ember);}
.mine-tile.revealed-gem{background:rgba(57,217,201,0.15); border-color:var(--cyan);}
.mine-tile.revealed-mine{background:rgba(255,77,94,0.18); border-color:var(--red);}
.mine-tile.disabled{pointer-events:none;}

.plinko-board{
  position:relative; width:100%; max-width:440px; padding:14px 10px 12px;
  background:#0b0b0f;
  border:none; border-radius:14px;
}
.pk-peg{ fill:#fff; filter:none; }
/* Bottom peg row has 14 pegs inset from the board edges (spacing = W/15,
   first/last peg sit 1 spacing in from each side), so the 13 gaps between
   those pegs only span the middle ~93.3% of the board width. The slot
   bars used to stretch edge-to-edge, so they didn't line up under the
   gaps the ball actually falls through. Matching side padding here
   (half a peg-spacing = 1/30 of the width) fixes the alignment. */
.pk-slots{ display:flex; gap:3px; margin-top:10px; padding:0 6.667%; box-sizing:border-box; }
.pk-slot{
  flex:1; text-align:center; font-family:var(--font-mono); font-weight:700; font-size:11px;
  padding:7px 2px; border-radius:6px; background:var(--panel-2); color:var(--text-dim);
  border:1px solid var(--line-soft);
  transition:transform .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
}
.pk-slot.pk-lo{ background:rgba(255,255,255,0.04); color:var(--text-faint); border-color:var(--line-soft); }
.pk-slot.pk-mid{ background:rgba(255,176,0,0.14); color:#ffcc55; border-color:rgba(255,176,0,0.3); }
.pk-slot.pk-hi{ background:rgba(255,90,31,0.18); color:var(--ember-soft); border-color:rgba(255,90,31,0.4); }
.pk-slot-hit{ transform:scale(1.18) translateY(-2px); background:var(--ember)!important; color:#1a0900!important; box-shadow:0 0 16px rgba(255,90,31,0.7); z-index:2; }
#pkBall{ filter:drop-shadow(0 0 6px rgba(255,90,31,.85)); }
.wheel-wrap{position:relative; width:260px; height:260px; display:flex; align-items:center; justify-content:center;}
.wheel-pointer{position:absolute; top:-6px; left:50%; transform:translateX(-50%); font-size:22px; z-index:2; color:var(--ember);}

.crash-graph{width:100%; height:260px; position:relative;}
.crash-mult{font-family:var(--font-mono); font-size:52px; font-weight:700;}

.keno-grid{display:grid; grid-template-columns:repeat(8,1fr); gap:6px; width:100%; max-width:420px;}
.keno-cell{
  aspect-ratio:1; background:var(--panel-2); border:1px solid var(--line); border-radius:8px;
  display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:13px;
  cursor:pointer; color:var(--text-dim); font-weight:600;
}
.keno-cell.picked{background:var(--ember); border-color:transparent; color:#1a0900;}
.keno-cell.hit{background:var(--cyan); border-color:transparent; color:#052823;}
.keno-cell.miss{opacity:.35;}

.tower-row{display:flex; gap:8px; justify-content:center;}
.tower-tile{
  width:56px; height:44px; background:var(--panel-2); border:1px solid var(--line); border-radius:8px;
  cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:18px;
}
.tower-tile.safe{background:rgba(57,217,201,0.18); border-color:var(--cyan);}
.tower-tile.bust{background:rgba(255,77,94,0.2); border-color:var(--red);}
.tower-tower{display:flex; flex-direction:column-reverse; gap:8px;}

.muted{color:var(--text-faint); font-size:13px;}
.payout-table{width:100%; border-collapse:collapse; font-size:12.5px; margin-top:8px;}
.payout-table td{padding:4px 0; color:var(--text-dim); font-family:var(--font-mono);}
.payout-table td:last-child{text-align:right; color:var(--cyan); font-weight:600;}

/* ===== Modals ===== */
.modal-backdrop{
  position:fixed; inset:0; background:rgba(6,8,12,0.7); backdrop-filter:blur(4px);
  display:flex; align-items:center; justify-content:center; z-index:100; padding:20px;
}
.modal{
  background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:26px;
  width:100%; max-width:400px; max-height:88vh; overflow-y:auto;
  box-shadow:0 0 0 1px rgba(61,220,151,0.08) inset, 0 30px 80px -30px rgba(61,220,151,0.3);
}
.modal-lg{max-width:640px;}
.modal-xl{max-width:960px;}
.modal-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px;}
.modal-head h3{font-family:var(--font-display); font-size:20px; margin:0;}
.modal-close{background:none; border:none; color:var(--text-faint); font-size:22px; cursor:pointer; line-height:1;}
.modal-sub{color:var(--text-dim); font-size:13px; margin:0 0 18px;}
.modal-hint{font-size:11.5px; color:var(--text-faint); margin-top:14px;}
.modal-hint code{background:var(--ink-2); padding:2px 6px; border-radius:5px; color:var(--ember-soft);}

.quick-amounts{display:flex; gap:8px; margin-bottom:16px;}
.chip-amt{
  flex:1; background:var(--ink-2); border:1px solid var(--line); color:var(--text);
  padding:10px 0; border-radius:9px; font-weight:600; cursor:pointer; font-family:var(--font-mono);
}
.chip-amt:hover{border-color:var(--ember);}
.chip-amt-send{
  flex:1; background:var(--ink-2); border:1px solid var(--line); color:var(--text);
  padding:10px 0; border-radius:9px; font-weight:600; cursor:pointer; font-family:var(--font-mono);
}
.chip-amt-send:hover{border-color:var(--ember);}
#sendMoneyToInput{
  width:100%; background:var(--ink-2); border:1px solid var(--line); color:var(--text);
  padding:10px 12px; border-radius:9px; font-family:var(--font-mono); margin-bottom:16px; box-sizing:border-box;
}

.admin-balance{
  background:var(--ink-2); border:1px solid var(--line); border-radius:12px; padding:14px 18px;
  display:flex; flex-direction:column; gap:2px; margin:14px 0 18px;
}
.admin-balance .readout-value{font-size:26px;}
.admin-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}
@media (min-width:900px){ #settingsModal .admin-grid{grid-template-columns:1fr 1fr 1fr;} }
@media (max-width:560px){.admin-grid{grid-template-columns:1fr;}}
.admin-card{
  background:var(--ink-2); border:1px solid var(--line); border-radius:12px; padding:16px;
}
.admin-card h4{margin:0 0 12px; font-size:13px;}
.admin-btn-row{display:flex; gap:8px; margin-top:10px;}
.admin-btn-row.wrap{flex-wrap:wrap;}
.admin-btn-row .btn{flex:1;}
.admin-log{max-height:160px; overflow-y:auto; font-family:var(--font-mono); font-size:12px;}
.admin-log div{padding:6px 0; border-bottom:1px solid var(--line-soft); color:var(--text-dim);}
.admin-log div:last-child{border-bottom:none;}
.admin-log .pos{color:var(--cyan);}
.admin-log .neg{color:var(--red);}

/* toast */
.toast-wrap{position:fixed; bottom:20px; right:20px; z-index:200; display:flex; flex-direction:column; gap:10px;}
.toast{
  background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--ember);
  padding:12px 18px; border-radius:10px; font-size:13.5px; box-shadow:0 10px 30px rgba(0,0,0,0.4);
  animation:slideIn .2s ease;
}
.toast.win{border-left-color:var(--cyan);}
.toast.lose{border-left-color:var(--red);}
@keyframes slideIn{from{transform:translateX(30px); opacity:0;} to{transform:translateX(0); opacity:1;}}

.bigwin-wrap{position:fixed; top:90px; left:50%; transform:translateX(-50%); z-index:250; display:flex; flex-direction:column; gap:8px; pointer-events:none;}
.bigwin-banner{
  display:flex; align-items:center; gap:10px;
  background:linear-gradient(90deg, rgba(255,209,61,0.16), rgba(255,176,0,0.16));
  border:1px solid rgba(255,209,61,0.5); border-radius:12px; padding:10px 22px;
  font-family:var(--font-display); font-weight:700; font-size:15px; color:var(--text);
  box-shadow:0 0 30px rgba(255,209,61,0.25), 0 10px 30px rgba(0,0,0,0.4);
  animation:bigWinIn .35s cubic-bezier(.2,.9,.3,1.2), bigWinOut .4s ease 4.6s forwards;
  white-space:nowrap;
}
.bigwin-banner b{color:#ffd13d;}
.bigwin-banner .bigwin-amt{color:var(--cyan);}
@keyframes bigWinIn{from{transform:translateY(-16px) scale(.9); opacity:0;} to{transform:translateY(0) scale(1); opacity:1;}}
@keyframes bigWinOut{to{transform:translateY(-10px); opacity:0;}}

/* ===== Slot machines ===== */
.slot-cabinet{
  width:100%; max-width:520px; border-radius:18px; padding:14px;
  background:linear-gradient(160deg, #2a1710, #150a06);
  border:1px solid #000; box-shadow:0 20px 40px rgba(0,0,0,0.5), inset 0 0 0 2px rgba(255,255,255,0.04);
}
.slot-cabinet.theme-solar{background:linear-gradient(160deg,#3a2408,#170e02);}
.slot-cabinet.theme-neon{background:linear-gradient(160deg,#1a0d33,#0a0616);}
.slot-cabinet.theme-vault{background:linear-gradient(160deg,#2b2308,#120e02);}
.slot-screen{
  background:radial-gradient(circle at 50% 0%, rgba(255,255,255,0.08), transparent 60%), #05070c;
  border-radius:12px; padding:10px; border:3px solid #000;
  box-shadow:inset 0 0 30px rgba(0,0,0,0.8);
}
.slot-reels{display:grid; grid-template-columns:repeat(5,1fr); gap:6px;}
.slot-reel{
  background:linear-gradient(180deg, rgba(255,255,255,0.03), transparent);
  border-radius:8px; overflow:hidden; display:flex; flex-direction:column; gap:6px; padding:4px;
}
.slot-cell{
  aspect-ratio:1; border-radius:7px; display:flex; align-items:center; justify-content:center;
  font-size:30px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06);
  transition:transform .12s ease;
}
.slot-cell.mid{border-color:rgba(255,106,43,0.5); box-shadow:0 0 0 1px rgba(255,106,43,0.15) inset;}
.slot-cell.spinning{animation:slotBlur .09s linear infinite;}
.slot-cell.win-cell{background:rgba(57,217,201,0.22); border-color:var(--cyan); box-shadow:0 0 14px rgba(57,217,201,0.4);}
@keyframes slotBlur{0%{transform:translateY(-3px);} 50%{transform:translateY(3px);} 100%{transform:translateY(-3px);}}
.slot-hud{display:flex; justify-content:space-between; align-items:center; margin-top:10px; padding:0 4px;}
.slot-hud .free-badge{
  font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.5px;
  background:linear-gradient(180deg,#ffd76a,#e2a41c); color:#3a2400; padding:4px 10px; border-radius:20px;
}
.slot-hud .mult-badge{
  font-family:var(--font-mono); font-size:11px; font-weight:700; background:rgba(57,217,201,0.15);
  color:var(--cyan); border:1px solid rgba(57,217,201,0.4); padding:4px 10px; border-radius:20px;
}
.slot-controls{display:flex; gap:10px; align-items:center; margin-top:14px;}
.slot-controls .input-prefix{flex:1;}
.slot-paytable{margin-top:12px; font-size:11.5px; color:var(--text-faint); line-height:1.6;}
.vault-picks{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:14px;}
.vault-pick{
  aspect-ratio:1; border-radius:10px; background:linear-gradient(160deg,#3a2e08,#171204);
  border:1px solid rgba(255,215,106,0.3); display:flex; align-items:center; justify-content:center;
  font-size:26px; cursor:pointer; transition:transform .15s;
}
.vault-pick:hover{transform:translateY(-3px);}
.vault-pick.opened{background:rgba(57,217,201,0.15); border-color:var(--cyan); cursor:default;}

/* ===== Roulette wheel ===== */
.roulette-stage{display:flex; flex-direction:column; align-items:center; gap:14px;}
.roulette-wheel-wrap{position:relative; width:280px; height:280px;}
.roulette-ptr{
  position:absolute; top:-4px; left:50%; transform:translateX(-50%); z-index:3;
  width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent;
  border-top:16px solid var(--ember); filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5));
}
.roulette-wheel{
  width:100%; height:100%; border-radius:50%;
  border:8px solid #2a1c10;
  box-shadow:0 0 0 3px #000, inset 0 0 30px rgba(0,0,0,0.6), 0 20px 40px rgba(0,0,0,0.5);
  will-change:transform;
  position:relative;
}
.roulette-numbers{position:absolute; inset:0; pointer-events:none;}
.roulette-num{position:absolute; top:50%; left:50%; font-size:11px; font-weight:700; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.75); font-family:inherit;}
.roulette-hub{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:44px; height:44px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #d8b46a, #6b4e1a);
  box-shadow:0 0 0 3px #000, 0 4px 10px rgba(0,0,0,0.6); z-index:2;
}
.roulette-readout{
  font-family:var(--font-mono); font-size:40px; font-weight:700;
  width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  border:2px solid var(--line); background:var(--panel);
}
.roulette-readout.red{color:var(--red); border-color:rgba(255,77,94,0.5);}
.roulette-readout.black{color:var(--text); border-color:rgba(255,255,255,0.2);}
.roulette-readout.green{color:var(--cyan); border-color:rgba(57,217,201,0.5);}

/* ===== Roulette betting table ===== */
.roulette-table{
  display:flex; gap:3px; width:100%; max-width:560px; margin-top:18px;
  background:#0b3a24; border:1px solid #14532d; border-radius:8px; padding:8px;
}
.rl-zero{
  flex:0 0 34px; writing-mode:vertical-rl; text-orientation:mixed;
  background:#0f7a52; color:#fff;
}
.rl-grid{ flex:1; display:flex; flex-direction:column; gap:3px; }
.rl-row{ display:grid; grid-template-columns:repeat(12,1fr); gap:3px; }
.rl-cell{
  position:relative;
  font-family:var(--font-mono); font-weight:700; font-size:12.5px;
  border:1px solid rgba(255,255,255,0.08); border-radius:4px; cursor:pointer;
  padding:9px 2px; color:#fff; transition:box-shadow .12s ease, transform .12s ease, outline-color .12s ease;
  outline:2px solid transparent; outline-offset:-2px;
  -webkit-user-select:none; user-select:none;
}
/* Chip badge: shows the $ amount currently staked on this box. Multiple
   boxes can each show their own chip at once, since bets are tracked
   independently per-cell rather than a single selected bet. */
.rl-chip{
  position:absolute; top:-8px; right:-6px; min-width:18px; height:18px; padding:0 4px;
  display:flex; align-items:center; justify-content:center;
  background:var(--ember); color:#1a0900; border:1.5px solid #fff2;
  border-radius:999px; font-size:10px; font-weight:800;
  box-shadow:0 2px 6px rgba(0,0,0,0.5); z-index:3; pointer-events:none;
}
.rl-cell:hover{ filter:brightness(1.2); }
.rl-cell.active{ outline-color:var(--ember); box-shadow:0 0 10px rgba(255,90,31,0.55); }
.rl-cell.rl-hit{ animation:rlHitFlash 1.4s ease; }
@keyframes rlHitFlash{ 0%,100%{ transform:none; } 15%,45%{ transform:scale(1.15); box-shadow:0 0 18px 4px rgba(255,90,31,0.85); } }
.rl-num.red{ background:#b3202f; }
.rl-num.black{ background:#15171c; }
.rl-outside{ display:flex; gap:3px; width:100%; max-width:560px; margin-top:3px; }
.rl-wide{ flex:1; background:#0f3d2c; }
.rl-red-cell{ background:#b3202f; }
.rl-black-cell{ background:#15171c; }
.rl-selected{
  font-family:var(--font-mono); font-size:13px; font-weight:700; color:var(--ember-soft);
  background:var(--panel-2); border:1px solid var(--line); border-radius:8px; padding:9px 12px; margin-bottom:6px;
}
@media (max-width:760px){
  .roulette-table, .rl-outside{ max-width:100%; }
  .rl-cell{ font-size:10px; padding:7px 1px; }
}

@media (max-width:700px){
  .hero{grid-template-columns:1fr;}
  .hero-copy h1{font-size:32px;}
  .console-inner{flex-wrap:wrap;}
  .readout{order:3; margin-left:0; width:100%; align-items:center;}
  .roulette-wheel-wrap{width:220px; height:220px;}
  .slot-reels{gap:4px;}
  .slot-cell{font-size:22px;}
}

/* ===== Auth / account bar ===== */
.auth-buttons{display:flex; gap:8px;}
.account-bar{display:flex; align-items:center; gap:10px;}
.account-chip{
  display:flex; align-items:center; gap:6px; background:var(--panel); border:1px solid var(--line);
  border-radius:10px; padding:8px 12px; cursor:pointer; color:var(--text); font-weight:600; font-size:13px;
}
.account-chip:hover{border-color:var(--neon-cyan); box-shadow:0 0 10px rgba(61,220,151,0.25);}
.streak-chip{
  display:flex; align-items:center; gap:4px; background:var(--panel); border:1px solid rgba(255,157,61,0.4);
  border-radius:10px; padding:6px 10px; font-size:12px; color:#ff9d3d; font-weight:600;
}
.streak-chip b{font-family:var(--font-mono);}
.cosmetics-btn{border-color:rgba(255,176,0,0.4); color:var(--neon-magenta);}
.cosmetics-btn:hover{box-shadow:0 0 12px rgba(255,176,0,0.35);}
.rakeback-chip{
  display:flex; align-items:center; gap:6px; background:var(--panel); border:1px solid var(--line);
  border-radius:10px; padding:6px 10px; font-size:12px; color:var(--text-dim);
}
.rakeback-chip b{color:var(--neon-cyan); font-family:var(--font-mono); text-shadow:0 0 6px rgba(61,220,151,0.5);}

/* ===== XP bar (in-header Battle Pass progress) ===== */
.xp-chip{
  display:flex; align-items:center; gap:8px; background:var(--panel); border:1px solid var(--line);
  border-radius:10px; padding:6px 12px; cursor:pointer; font-family:inherit; transition:border-color .15s ease, box-shadow .15s ease;
}
.xp-chip:hover{border-color:var(--neon-magenta); box-shadow:0 0 10px rgba(255,176,0,0.25);}
.xp-tier{font-size:10px; font-weight:700; letter-spacing:.6px; color:var(--text-faint); white-space:nowrap;}
.xp-tier b{color:var(--neon-magenta); font-family:var(--font-mono); font-size:12px; text-shadow:0 0 6px rgba(255,176,0,0.5);}
.xp-bar{width:80px; height:7px; border-radius:5px; background:rgba(255,255,255,.08); overflow:hidden; flex-shrink:0;}
.xp-bar-fill{height:100%; background:linear-gradient(90deg,var(--neon-magenta),var(--neon-cyan)); border-radius:5px; transition:width .35s ease;}
.xp-amount{font-size:10.5px; font-family:var(--font-mono); color:var(--text-dim); white-space:nowrap;}
@media (max-width:900px){ .xp-amount{display:none;} .xp-bar{width:56px;} }
.btn-xs{padding:6px 10px; font-size:12px;}
.icon-btn{font-size:16px; padding:8px 12px;}

/* ===== Cosmetics: name paints ===== */
.paint-typingwave{background:linear-gradient(90deg,#4A00FF,#8f8fff,#ff8ae8,#4A00FF); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-pinkshift{background:linear-gradient(90deg,#a020f0,#FF3385,#a020f0); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-chromecon{background:linear-gradient(120deg,#8a8a8a,#e8e8e8,#400080,#e8e8e8,#8a8a8a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-csdiamond{background:linear-gradient(100deg,#978DE2,#8ff0ff,#001CA8,#978DE2); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-bronze{color:#cd8a4a;}
.paint-silver{color:#cfd6e2;}
.paint-gold{background:linear-gradient(90deg,#ffd76a,#fff3c4,#ffd76a); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3s linear infinite;}
.paint-diamond{background:linear-gradient(90deg,#8ff0ff,#e8fbff,#8ff0ff); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3s linear infinite;}
.paint-fire{background:linear-gradient(90deg,#ff6a2b,#ffce54,#ff4d5e,#ff6a2b); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-royal{background:linear-gradient(90deg,#b98cff,#ffd76a,#b98cff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-legend{background:linear-gradient(90deg,#39D9C9,#FF6A2B,#b98cff,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-aurora{background:linear-gradient(90deg,#39D9C9,#8ff0ff,#b98cff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-candy{background:linear-gradient(90deg,#ff8ac6,#ffd76a,#8ff0ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-cyberpunk{background:linear-gradient(90deg,#00F0FF,#FF2E9A,#00F0FF); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-toxic{background:linear-gradient(90deg,#baff29,#12c98f,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-bloodmoon{background:linear-gradient(90deg,#ff2e4d,#5b0a17,#ff2e4d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-mint{background:linear-gradient(90deg,#7cffcb,#d4fff0,#7cffcb); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-sunset{background:linear-gradient(90deg,#ff9a3c,#ff5e7e,#ffce54,#ff9a3c); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-ocean{background:linear-gradient(90deg,#0891b2,#67e8f9,#0891b2); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-emerald{background:linear-gradient(90deg,#0f9d63,#7CFFB2,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-grape{background:linear-gradient(90deg,#7b2fff,#d6b3ff,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-lava{background:linear-gradient(90deg,#ff3b1f,#3a0a02,#ff8a00,#ff3b1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
@keyframes paintShift{0%{background-position:0% center;}100%{background-position:200% center;}}

/* ---- Bubbles: pale cyan/white fizzy gradient with a rising sparkle sheen ---- */
.paint-bubbles{
  position:relative; display:inline-block;
  background:linear-gradient(180deg,#eafffe 0%,#aef1ff 35%,#6fd9f5 60%,#eafffe 100%);
  background-size:100% 260%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:bubblesRise 3s ease-in-out infinite;
}
.paint-bubbles::after{
  content:''; position:absolute; inset:0;
  background-image:
    radial-gradient(circle 2px at 15% 80%, rgba(255,255,255,0.9), transparent 100%),
    radial-gradient(circle 1.5px at 40% 90%, rgba(255,255,255,0.8), transparent 100%),
    radial-gradient(circle 2.5px at 65% 85%, rgba(255,255,255,0.9), transparent 100%),
    radial-gradient(circle 1.5px at 85% 80%, rgba(255,255,255,0.7), transparent 100%);
  background-repeat:no-repeat;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:bubblesFloat 2.4s linear infinite;
  pointer-events:none;
}
@keyframes bubblesRise{0%,100%{background-position:0 0%;}50%{background-position:0 100%;}}
@keyframes bubblesFloat{0%{background-position-y:0%, 0%, 0%, 0%; opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{background-position-y:-120%, -140%, -100%, -130%; opacity:0;}}

/* ---- Lava2: deeper molten-rock variant — near-black crust cracking to
   glowing ember-orange, distinct from the existing "Lava Flow" paint. ---- */
.paint-lava2{
  position:relative; display:inline-block;
  background:linear-gradient(100deg,#1a0500 0%,#5c1200 20%,#ff4d0f 45%,#ffb347 55%,#5c1200 75%,#1a0500 100%);
  background-size:320% auto;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:paintShift 1.6s linear infinite, lava2Ember 0.9s ease-in-out infinite;
  text-shadow:0 0 10px rgba(255,90,20,0.55);
}
@keyframes lava2Ember{0%,100%{filter:brightness(1);}50%{filter:brightness(1.35);}}

/* ---- Water: cool blue gradient with a slow ripple shimmer ---- */
.paint-water{
  position:relative; display:inline-block;
  background:linear-gradient(100deg,#0a3d5c 0%,#1888c4 25%,#7fe3ff 50%,#1888c4 75%,#0a3d5c 100%);
  background-size:300% auto;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:paintShift 3.4s ease-in-out infinite, waterRipple 2.8s ease-in-out infinite;
  text-shadow:0 1px 2px rgba(20,120,180,0.35);
}
@keyframes waterRipple{0%,100%{transform:translateY(0);}50%{transform:translateY(-1px);}}

/* ---- Ottid: soft lavender-pink jelly/mochi paint ----
   Light lavender-purple that drifts slightly pink, with a smooth glossy
   highlight sweeping across like light catching a soft rubber/pudding
   surface, plus a gentle squash-and-stretch wobble for the jelly feel. */
.paint-ottid{
  position:relative; display:inline-block;
  background:linear-gradient(100deg,#c9b6ff 0%,#dcc7ff 30%,#f3c9ea 55%,#d9baf7 80%,#c9b6ff 100%);
  background-size:280% auto;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:paintShift 4s ease-in-out infinite, ottidWobble 2.6s ease-in-out infinite;
  text-shadow:0 1px 0 rgba(255,255,255,0.25);
}
.paint-ottid::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(115deg, transparent 20%, rgba(255,255,255,0.55) 45%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.55) 55%, transparent 80%);
  background-size:250% 100%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  mix-blend-mode:screen;
  animation:ottidGloss 3.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes ottidGloss{0%{background-position:130% 0;}50%{background-position:-30% 0;}100%{background-position:130% 0;}}
@keyframes ottidWobble{0%,100%{transform:scale(1,1);}25%{transform:scale(1.015,0.985);}50%{transform:scale(0.99,1.01);}75%{transform:scale(1.01,0.99);}}
.ottid-spotlight{ text-align:center; padding:32px 16px; }

/* ---- Aura: soft glowing pulse that slowly cycles hue, like an energy aura ---- */
.paint-aura{
  position:relative; display:inline-block;
  background:linear-gradient(90deg,#7B2FFF,#00F0FF,#39D9C9,#7B2FFF);
  background-size:300% auto;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:paintShift 3s linear infinite, auraPulse 2.2s ease-in-out infinite;
}
@keyframes auraPulse{
  0%,100%{ filter:drop-shadow(0 0 4px rgba(139,92,246,0.5)) drop-shadow(0 0 8px rgba(61,220,151,0.3)); }
  50%{ filter:drop-shadow(0 0 10px rgba(139,92,246,0.85)) drop-shadow(0 0 18px rgba(61,220,151,0.6)); }
}

/* ---- Christmas in July: red/green candy-cane shimmer with a summery
   sparkle, distinct from the December-only Christmas paint. ---- */
.paint-christmasjuly{
  background:linear-gradient(90deg,#ff2e3d,#ffffff,#1fae5e,#ffffff,#ff2e3d);
  background-size:320% auto;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:paintShift 2.6s linear infinite;
  text-shadow:0 0 6px rgba(255,255,255,0.3);
}

/* ---- Santa: red/white/gold, warm glow ---- */
.paint-adventsanta{
  background:linear-gradient(90deg,#c8102e,#ffd76a,#ffffff,#c8102e);
  background-size:300% auto;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:paintShift 2.4s linear infinite;
  text-shadow:0 0 8px rgba(255,215,106,0.5);
  font-weight:800;
}

/* ---- Christmas Lights: multicolor bulbs blinking in sequence ---- */
.paint-adventlights{
  position:relative; display:inline-block; font-weight:800;
  background:linear-gradient(90deg,#ff2e3d,#ffce54,#39D9C9,#7B2FFF,#ff2e3d);
  background-size:400% auto;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:paintShift 1.4s steps(4) infinite;
}
.paint-adventlights::after{
  content:''; position:absolute; inset:0;
  background:radial-gradient(circle 2px at 10% 100%, #ff2e3d, transparent 100%),
             radial-gradient(circle 2px at 35% 100%, #ffce54, transparent 100%),
             radial-gradient(circle 2px at 60% 100%, #39D9C9, transparent 100%),
             radial-gradient(circle 2px at 85% 100%, #7B2FFF, transparent 100%);
  animation:adventLightsBlink 1s steps(2) infinite;
  pointer-events:none;
}
@keyframes adventLightsBlink{0%,100%{opacity:0.3;}50%{opacity:1;}}

/* ---- Fried Chicken: golden-brown crispy gradient with a little grease shine ---- */
.paint-adventchicken{
  background:linear-gradient(100deg,#8a4a12,#d98a2b,#f4c46a,#d98a2b,#8a4a12);
  background-size:300% auto;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:paintShift 3s ease-in-out infinite;
  text-shadow:0 1px 1px rgba(0,0,0,0.25);
}

/* ---- Soccer Ball: black/white pentagon-panel look with a pitch-green kick shimmer ---- */
.paint-soccerball{
  background:linear-gradient(100deg,#0a0a0a,#ffffff,#0a0a0a,#3fae57,#ffffff,#0a0a0a);
  background-size:340% auto;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:paintShift 2.2s linear infinite;
  text-shadow:0 0 5px rgba(63,174,87,0.4);
  font-weight:800;
}

/* ---- Christmas in July: snowfall overlay + festive trim ---- */
#xmasJulySnow{
  position:fixed; inset:0; pointer-events:none; z-index:9999; overflow:hidden;
}
#xmasJulySnow .snowflake{
  position:absolute; top:-5%; color:#fff; opacity:0.85;
  text-shadow:0 0 4px rgba(255,255,255,0.6);
  animation-name:xmasJulyFall; animation-timing-function:linear; animation-iteration-count:infinite;
}
@keyframes xmasJulyFall{
  0%{ transform:translate(0,0) rotate(0deg); opacity:0.9; }
  100%{ transform:translate(var(--drift), 110vh) rotate(360deg); opacity:0.6; }
}
body.xmas-july-active .sidebar{
  box-shadow: inset 0 0 0 9999px rgba(255,255,255,0.01);
  border-image: linear-gradient(180deg, #c8102e, #1fae5e, #c8102e) 1;
}
body.xmas-july-active .console{
  background-image: linear-gradient(90deg, rgba(200,16,46,0.06), rgba(31,174,94,0.06));
}

/* ---- Christmas in July: icicles hanging from the top bar ---- */
#xmasJulyIcicles{
  position:fixed; top:0; left:0; right:0; height:0; pointer-events:none; z-index:9998;
}
#xmasJulyIcicles .icicle{
  position:absolute; top:0; width:8px;
  background:linear-gradient(180deg, rgba(200,225,245,0.9), rgba(230,245,255,0.55));
  clip-path:polygon(0 0, 100% 0, 60% 100%, 40% 100%);
  filter:drop-shadow(0 1px 2px rgba(120,170,210,0.5));
  animation:xmasJulyIcicleShimmer 3.5s ease-in-out infinite;
}
@keyframes xmasJulyIcicleShimmer{
  0%,100%{ opacity:0.85; }
  50%{ opacity:1; }
}

/* ---- Christmas in July: accumulated snowdrift along the bottom edge ---- */
#xmasJulyDrift{
  position:fixed; bottom:0; left:0; right:0; height:14px; pointer-events:none; z-index:9998;
  overflow:hidden;
}
#xmasJulyDrift .snowmound{
  position:absolute; bottom:-6px; height:20px;
  background:radial-gradient(ellipse at center, rgba(255,255,255,0.95), rgba(255,255,255,0.15) 70%, transparent 100%);
  border-radius:50%;
  transform:translateX(-50%);
}

/* ---- Advent calendar grid ---- */
.advent-grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(110px,1fr)); gap:10px;
}
.advent-cell{
  border:1px solid var(--line); border-radius:10px; padding:10px; text-align:center;
  background:var(--panel-2); display:flex; flex-direction:column; gap:6px; align-items:center;
}
.advent-cell.special{ border-color:#ffd76a; box-shadow:0 0 8px rgba(255,215,106,0.25); }
.advent-cell.claimed{ opacity:0.6; }
.advent-cell.locked{ opacity:0.45; }
.advent-day{ font-weight:800; font-size:16px; }
.advent-reward{ font-size:12px; color:var(--muted); }

/* ---- Bunko: chunky white bubble-letters, black outline, thick orange
   drop-shadow underneath — comic/sticker look. Outline is faked with
   multiple stacked text-shadow offsets since text-fill can't stroke text
   directly in most browsers. */
.paint-bunko{
  position:relative; display:inline-block;
  color:#fff; font-weight:900; letter-spacing:0.5px;
  -webkit-text-fill-color:#fff;
  text-shadow:
    -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000,
    0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000, 2px 0 0 #000,
    3px 3px 0 #ff6a2b, 4px 4px 0 #ff6a2b, 5px 5px 0 #d84f14,
    0 0 6px rgba(255,106,43,0.4);
  animation:bunkoBounce 1.8s ease-in-out infinite;
}
@keyframes bunkoBounce{
  0%,100%{ transform:translateY(0) scale(1,1); }
  50%{ transform:translateY(-2px) scale(1.03,0.97); }
}

/* ---- Limited-time signup promo: "Bugged Out" ----
   Deliberately glitchy: RGB-split text-shadow ghosts that jitter side to
   side + an occasional hard jump-cut, like a corrupted broadcast. */
.paint-bugged-out{
  position:relative; display:inline-block; color:#e6ffe9; font-weight:800;
  text-shadow:2px 0 #ff2e6b, -2px 0 #39D9C9, 0 0 8px rgba(255,255,255,0.25);
  animation:buggedJitter 2.6s steps(1) infinite;
}
@keyframes buggedJitter{
  0%,100%{transform:translate(0,0); text-shadow:2px 0 #ff2e6b, -2px 0 #39D9C9, 0 0 8px rgba(255,255,255,0.25);}
  4%{transform:translate(-1px,0.5px); text-shadow:-2px 0 #ff2e6b, 2px 0 #39D9C9, 0 0 8px rgba(255,255,255,0.25);}
  8%{transform:translate(1px,-0.5px);}
  12%{transform:translate(0,0); text-shadow:2px 0 #ff2e6b, -2px 0 #39D9C9, 0 0 10px rgba(255,255,255,0.4);}
  47%{transform:translate(0,0);}
  50%{transform:translate(2px,0) scaleX(1.02); text-shadow:-3px 0 #ff2e6b, 3px 0 #39D9C9, 0 0 6px rgba(255,255,255,0.2);}
  52%{transform:translate(-2px,0) scaleX(0.98);}
  54%{transform:translate(0,0); text-shadow:2px 0 #ff2e6b, -2px 0 #39D9C9, 0 0 8px rgba(255,255,255,0.25);}
}

/* ---- Moderator/admin-exclusive: "Matrix" ----
   Black background chip behind the name, green digital-rain flicker on the
   text itself so it reads "raining green on black" even inline in chat. */
.paint-matrix{
  position:relative; display:inline-block; padding:1px 6px; border-radius:4px;
  background:
    repeating-linear-gradient(180deg, rgba(57,255,106,0.16) 0px, rgba(57,255,106,0.16) 1px, transparent 1px, transparent 3px),
    linear-gradient(180deg,#001208,#000900);
  color:#8dffb0; border:1px solid rgba(57,255,106,0.45);
  box-shadow:0 0 6px rgba(57,255,106,0.35), inset 0 0 8px rgba(0,0,0,0.6);
  text-shadow:0 0 3px #39ff6a, 0 0 8px rgba(57,255,106,0.55);
  font-weight:700; letter-spacing:0.4px; font-family:var(--font-mono);
  background-size:100% 6px, 100% 100%;
  animation:matrixRainScroll 1.1s linear infinite, matrixGlow 2.4s ease-in-out infinite;
}
@keyframes matrixRainScroll{0%{background-position:0 0, 0 0;}100%{background-position:0 24px, 0 0;}}
@keyframes matrixGlow{
  0%,100%{text-shadow:0 0 3px #39ff6a, 0 0 8px rgba(57,255,106,0.55); box-shadow:0 0 6px rgba(57,255,106,0.35), inset 0 0 8px rgba(0,0,0,0.6);}
  50%{text-shadow:0 0 5px #a8ffc4, 0 0 14px rgba(57,255,106,0.85); box-shadow:0 0 12px rgba(57,255,106,0.55), inset 0 0 8px rgba(0,0,0,0.6);}
}

.account-name{font-weight:700;}

/* ---- Owner-exclusive: "Founder" ----
   Deliberately distinct from every other paint in the game: a slow
   shimmering gold-white sweep with a soft crown-colored glow and a subtle
   embossed edge, so it reads as a one-of-one rather than just another
   gradient paint. */
.paint-owner{
  position:relative; display:inline-block; padding:0 6px; border-radius:4px;
  background:linear-gradient(100deg,#ffd76a 0%,#fff6d8 18%,#ffb23d 36%,#fff6d8 54%,#ffd76a 72%,#fff6d8 90%,#ffd76a 100%);
  background-size:300% auto; -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  font-weight:800; letter-spacing:0.4px;
  filter:drop-shadow(0 0 6px rgba(255,178,61,0.55));
  animation:ownerShimmer 4s linear infinite;
}
.paint-owner::after{
  content:''; position:absolute; inset:-2px -4px; border-radius:6px; pointer-events:none;
  box-shadow:0 0 10px rgba(255,178,61,0.35);
  animation:ownerPulse 2.6s ease-in-out infinite;
}
@keyframes ownerShimmer{0%{background-position:0% center;}100%{background-position:300% center;}}
@keyframes ownerPulse{0%,100%{opacity:0.5;}50%{opacity:1;}}

/* ---- Auto-generated variety pack #5 (500+ new paints) ---- */
.paint-embergrove{background:linear-gradient(90deg,#cfd6e2,#0a3d24,#e8fbff,#cfd6e2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-frayedsparrow{background:linear-gradient(90deg,#3a0a02,#ffe45c,#e8fffa,#3a0a02); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-stormrapids{background:linear-gradient(90deg,#ffffff,#0a3d24,#ff5e7e,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-velvetmarsh{background:linear-gradient(90deg,#ffb23d,#3a0a02,#7CFFB2,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-wistfulhollow{background:linear-gradient(90deg,#8a0f1f,#d4fff0,#ff3b1f,#8a0f1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-azurefalcon{background:linear-gradient(90deg,#d6b3ff,#ff2e6b,#7CFFB2,#d6b3ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-wanderingvale{background:linear-gradient(90deg,#d4fff0,#baff29,#0891b2,#d4fff0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-vividotter{background:linear-gradient(90deg,#0891b2,#4fb0ff,#1b1f3a,#0891b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-shadowsparrow{background:linear-gradient(90deg,#d4fff0,#00f0ff,#8a0f1f,#d4fff0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-featheredlantern{background:linear-gradient(90deg,#ff2e6b,#ff8ac6,#00f0ff,#ff2e6b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-wanderingglade{background:linear-gradient(90deg,#0a3d24,#00f0ff,#1b1f3a,#0a3d24); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-echoingridge{background:linear-gradient(90deg,#baff29,#3b82f6,#3b82f6,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-midnightsparrow{background:linear-gradient(90deg,#a8f0e0,#000000,#7CFFB2,#a8f0e0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-distantnebula{background:linear-gradient(90deg,#7b2fff,#a8f0e0,#baff29,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-staticaster{background:linear-gradient(90deg,#ff8a00,#151633,#cd8a4a,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-prismaticbloom{background:linear-gradient(90deg,#ff9a3c,#ff6a2b,#9aa4b2,#ff9a3c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-wildbasin{background:linear-gradient(90deg,#cd8a4a,#0891b2,#cd8a4a,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-fabledaster{background:linear-gradient(90deg,#ffd76a,#67e8f9,#00f0ff,#ffd76a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-glassrapids{background:linear-gradient(90deg,#3a0a02,#e8fffa,#4f5bd5,#3a0a02); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-neongrove{background:linear-gradient(90deg,#ff6a2b,#9aa4b2,#ffe45c,#ff6a2b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-midnightbasin{background:linear-gradient(90deg,#ffe45c,#baff29,#ffb23d,#ffe45c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-paintedhollow{background:linear-gradient(90deg,#ffb23d,#1b1f3a,#d4fff0,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-neonlantern{background:linear-gradient(90deg,#0f9d63,#b46dff,#ff8a00,#0f9d63); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-fabledglade{background:linear-gradient(90deg,#3a3a3a,#00f0ff,#0f9d63,#3a3a3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-solarreef{background:linear-gradient(90deg,#0891b2,#151633,#9aa4b2,#0891b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-glasscurrent{background:linear-gradient(90deg,#4f5bd5,#151633,#fff3c4,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-goldenlantern{background:linear-gradient(90deg,#ff3b1f,#ff2e6b,#ffe45c,#ff3b1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-chromequartz{background:linear-gradient(90deg,#ff8ac6,#ffb23d,#151633,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-blazingdune{background:linear-gradient(90deg,#ff8ac6,#b5651d,#4f5bd5,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-rustictide{background:linear-gradient(90deg,#151633,#151633,#ff3b1f,#151633); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-twilightridge{background:linear-gradient(90deg,#ff8ac6,#ff5e7e,#00f0ff,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-obsidianfalcon{background:linear-gradient(90deg,#5b0a17,#ffffff,#ff6a2b,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-nocturnalmeadow{background:linear-gradient(90deg,#000000,#ffffff,#5b0a17,#000000); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-staticwolf{background:linear-gradient(90deg,#12c98f,#3a0a02,#ff8a00,#12c98f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-wanderingcascade{background:linear-gradient(90deg,#b46dff,#ffffff,#8ff0ff,#b46dff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-wildharbor{background:linear-gradient(90deg,#00f0ff,#e63950,#b46dff,#00f0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-chromemirage{background:linear-gradient(90deg,#e8a869,#fff3c4,#5b0a17,#e8a869); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-rusticspire{background:linear-gradient(90deg,#a8f0e0,#12c98f,#ff6a2b,#a8f0e0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-roguerapids{background:linear-gradient(90deg,#9aa4b2,#7b2fff,#ff3b1f,#9aa4b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-crimsonharbor{background:linear-gradient(90deg,#3b82f6,#ff8a00,#7b2fff,#3b82f6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-silvervale{background:linear-gradient(90deg,#cd8a4a,#b46dff,#7cffcb,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-vividnebula{background:linear-gradient(90deg,#151633,#39D9C9,#e63950,#151633); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-prismaticlagoon{background:linear-gradient(90deg,#ff8ac6,#e8a869,#3b82f6,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-shadowdrift{background:linear-gradient(90deg,#b5651d,#ffd76a,#b46dff,#b5651d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-emberheron{background:linear-gradient(90deg,#ff2e6b,#ffd76a,#e8fffa,#ff2e6b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-obsidianbloom{background:linear-gradient(90deg,#b5651d,#4f5bd5,#1b1f3a,#b5651d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-distantbasin{background:linear-gradient(90deg,#b46dff,#ffffff,#ff8a00,#b46dff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-radiantmeadow{background:linear-gradient(90deg,#8a0f1f,#8a0f1f,#a8f0e0,#8a0f1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-radiantdune{background:linear-gradient(90deg,#ff8ac6,#b46dff,#0a3d24,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-ghostlytide{background:linear-gradient(90deg,#baff29,#8ff0ff,#e8a869,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-coralosprey{background:linear-gradient(90deg,#cd8a4a,#4f5bd5,#d4fff0,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-nocturnalcinder{background:linear-gradient(90deg,#baff29,#4fb0ff,#ff9a3c,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-moltencomet{background:linear-gradient(90deg,#ff8ac6,#3b82f6,#e63950,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-frostedosprey{background:linear-gradient(90deg,#ff2e6b,#fff3c4,#b46dff,#ff2e6b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-moltencanyon{background:linear-gradient(90deg,#b46dff,#b5651d,#d4fff0,#b46dff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-coralprairie{background:linear-gradient(90deg,#67e8f9,#e8fffa,#0f9d63,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-neonsparrow{background:linear-gradient(90deg,#fff3c4,#cfd6e2,#8ff0ff,#fff3c4); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-vividreef{background:linear-gradient(90deg,#00f0ff,#0a3d24,#d4fff0,#00f0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-quantumlagoon{background:linear-gradient(90deg,#b46dff,#ff8ac6,#d6b3ff,#b46dff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-electricwolf{background:linear-gradient(90deg,#9aa4b2,#ff2e9a,#a8f0e0,#9aa4b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-ironbasin{background:linear-gradient(90deg,#3b82f6,#cd8a4a,#baff29,#3b82f6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-staticgrove{background:linear-gradient(90deg,#4f5bd5,#ffffff,#00f0ff,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-goldencanyon{background:linear-gradient(90deg,#3a3a3a,#fff3c4,#e63950,#3a3a3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-chromeosprey{background:linear-gradient(90deg,#39D9C9,#cfd6e2,#ff5e7e,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-feralquartz{background:linear-gradient(90deg,#1b1f3a,#ff3b1f,#b5651d,#1b1f3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-solarglade{background:linear-gradient(90deg,#8a0f1f,#ff6a2b,#cfd6e2,#8a0f1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-ancientcomet{background:linear-gradient(90deg,#fff3c4,#ff9a3c,#ffb23d,#fff3c4); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-goldengrove{background:linear-gradient(90deg,#ff8a00,#ffffff,#ff6a2b,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-wanderingwolf{background:linear-gradient(90deg,#ffffff,#b46dff,#b46dff,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-jademarlin{background:linear-gradient(90deg,#ff2e9a,#cd8a4a,#cd8a4a,#ff2e9a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-wistfulwillow{background:linear-gradient(90deg,#7cffcb,#0891b2,#ff2e6b,#7cffcb); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-amberdrift{background:linear-gradient(90deg,#baff29,#b46dff,#cfd6e2,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-cosmicprairie{background:linear-gradient(90deg,#5b0a17,#e8a869,#baff29,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-paintedbasin{background:linear-gradient(90deg,#baff29,#e8a869,#e8a869,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-feralglade{background:linear-gradient(90deg,#4f5bd5,#3b82f6,#ff8a00,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-electricsummit{background:linear-gradient(90deg,#5b0a17,#ffffff,#9aa4b2,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-neonspire{background:linear-gradient(90deg,#00f0ff,#3a3a3a,#3a0a02,#00f0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-velvetvale{background:linear-gradient(90deg,#d4fff0,#fff3c4,#3a0a02,#d4fff0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-hollowsparrow{background:linear-gradient(90deg,#d4fff0,#151633,#0f9d63,#d4fff0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-ferallagoon{background:linear-gradient(90deg,#cd8a4a,#3a0a02,#ff3b1f,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-frozencurrent{background:linear-gradient(90deg,#3a3a3a,#3b82f6,#ff6a2b,#3a3a3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-wanderingprairie{background:linear-gradient(90deg,#cd8a4a,#4f5bd5,#b5651d,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-coralmeadow{background:linear-gradient(90deg,#e63950,#e63950,#ff5e7e,#e63950); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-glassquartz{background:linear-gradient(90deg,#ff3b1f,#00f0ff,#baff29,#ff3b1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-amberrapids{background:linear-gradient(90deg,#8a0f1f,#3a0a02,#151633,#8a0f1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-sunkenrapids{background:linear-gradient(90deg,#000000,#7CFFB2,#e8a869,#000000); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-fabledheron{background:linear-gradient(90deg,#0a3d24,#ff2e6b,#b46dff,#0a3d24); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-paintedfrost{background:linear-gradient(90deg,#8ff0ff,#00f0ff,#fff3c4,#8ff0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-electricember{background:linear-gradient(90deg,#12c98f,#67e8f9,#39D9C9,#12c98f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-coralheron{background:linear-gradient(90deg,#e8a869,#d4fff0,#000000,#e8a869); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-featheredorchard{background:linear-gradient(90deg,#cd8a4a,#e8fbff,#cfd6e2,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-quantumheron{background:linear-gradient(90deg,#5b0a17,#cfd6e2,#e8fffa,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-moltenember{background:linear-gradient(90deg,#5b0a17,#ff5e7e,#ff2e9a,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-azuredrift{background:linear-gradient(90deg,#4fb0ff,#ff5e7e,#3a0a02,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-blazingaster{background:linear-gradient(90deg,#ff2e6b,#7b2fff,#1b1f3a,#ff2e6b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-shadowtide{background:linear-gradient(90deg,#7cffcb,#ffffff,#3a3a3a,#7cffcb); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-cosmicreef{background:linear-gradient(90deg,#ff6a2b,#8a0f1f,#b46dff,#ff6a2b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-neonbramble{background:linear-gradient(90deg,#000000,#e8fbff,#0a3d24,#000000); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-featheredfang{background:linear-gradient(90deg,#00f0ff,#b5651d,#ff3b1f,#00f0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-vividlynx{background:linear-gradient(90deg,#cd8a4a,#7b2fff,#e8a869,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-blazingotter{background:linear-gradient(90deg,#7CFFB2,#fff3c4,#ffffff,#7CFFB2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-crimsonember{background:linear-gradient(90deg,#e8a869,#151633,#ff2e6b,#e8a869); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-fableddelta{background:linear-gradient(90deg,#e8a869,#e63950,#e8fffa,#e8a869); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-nocturnaldelta{background:linear-gradient(90deg,#0a3d24,#ff6a2b,#3b82f6,#0a3d24); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-emberbramble{background:linear-gradient(90deg,#cfd6e2,#3a0a02,#151633,#cfd6e2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-jadecanyon{background:linear-gradient(90deg,#d4fff0,#8a0f1f,#ff9a3c,#d4fff0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-solarsparrow{background:linear-gradient(90deg,#baff29,#b5651d,#8ff0ff,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-ironlagoon{background:linear-gradient(90deg,#8a0f1f,#0891b2,#1b1f3a,#8a0f1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-hollowdune{background:linear-gradient(90deg,#cfd6e2,#ffb23d,#ffffff,#cfd6e2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-wanderingwillow{background:linear-gradient(90deg,#8a0f1f,#00f0ff,#67e8f9,#8a0f1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-radiantbasin{background:linear-gradient(90deg,#3a3a3a,#b5651d,#ff2e6b,#3a3a3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-obsidiandrift{background:linear-gradient(90deg,#cfd6e2,#a8f0e0,#ff9a3c,#cfd6e2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-frozencascade{background:linear-gradient(90deg,#3b82f6,#ff8a00,#5b0a17,#3b82f6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-goldenspire{background:linear-gradient(90deg,#ffd76a,#00f0ff,#fff3c4,#ffd76a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-quantumridge{background:linear-gradient(90deg,#ff8a00,#ff2e9a,#cd8a4a,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-midnightember{background:linear-gradient(90deg,#7CFFB2,#3b82f6,#39D9C9,#7CFFB2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-sacreddrift{background:linear-gradient(90deg,#ff9a3c,#39D9C9,#9aa4b2,#ff9a3c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-rusticfrost{background:linear-gradient(90deg,#000000,#e8fffa,#b5651d,#000000); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-velvetonyx{background:linear-gradient(90deg,#ff8ac6,#d6b3ff,#4f5bd5,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-fabledvortex{background:linear-gradient(90deg,#3a0a02,#8a0f1f,#7cffcb,#3a0a02); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-frostedrapids{background:linear-gradient(90deg,#151633,#67e8f9,#7CFFB2,#151633); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-ghostlydelta{background:linear-gradient(90deg,#cfd6e2,#e8a869,#e8fffa,#cfd6e2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-sunkenosprey{background:linear-gradient(90deg,#e8a869,#ff5e7e,#ff8a00,#e8a869); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-sacredbasin{background:linear-gradient(90deg,#ffffff,#3b82f6,#8ff0ff,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-emberfalcon{background:linear-gradient(90deg,#ff8ac6,#1b1f3a,#e8fbff,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-featherednebula{background:linear-gradient(90deg,#d6b3ff,#ffffff,#e8a869,#d6b3ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-electriccomet{background:linear-gradient(90deg,#cfd6e2,#00f0ff,#b46dff,#cfd6e2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-feralosprey{background:linear-gradient(90deg,#7CFFB2,#0f9d63,#7b2fff,#7CFFB2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-lunarorchard{background:linear-gradient(90deg,#4fb0ff,#0891b2,#67e8f9,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-distantwolf{background:linear-gradient(90deg,#e8fbff,#4fb0ff,#8a0f1f,#e8fbff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-moltenvortex{background:linear-gradient(90deg,#4f5bd5,#ffd76a,#0891b2,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-glassserpent{background:linear-gradient(90deg,#8a0f1f,#baff29,#ff9a3c,#8a0f1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-blazinggrove{background:linear-gradient(90deg,#3b82f6,#4fb0ff,#8a0f1f,#3b82f6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-amberlynx{background:linear-gradient(90deg,#baff29,#4f5bd5,#d6b3ff,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-radiantfrost{background:linear-gradient(90deg,#0f9d63,#0a3d24,#ff2e6b,#0f9d63); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-sacredwolf{background:linear-gradient(90deg,#e8fffa,#d4fff0,#67e8f9,#e8fffa); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-shadowthistle{background:linear-gradient(90deg,#67e8f9,#e8fbff,#e63950,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-staticridge{background:linear-gradient(90deg,#e8fbff,#00f0ff,#baff29,#e8fbff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-azurecurrent{background:linear-gradient(90deg,#0891b2,#5b0a17,#7cffcb,#0891b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-emberbloom{background:linear-gradient(90deg,#e8fbff,#1b1f3a,#ff2e6b,#e8fbff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-midnightaster{background:linear-gradient(90deg,#3a0a02,#b46dff,#d4fff0,#3a0a02); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-goldennebula{background:linear-gradient(90deg,#e8a869,#ff6a2b,#ff9a3c,#e8a869); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-shadowlynx{background:linear-gradient(90deg,#000000,#000000,#7b2fff,#000000); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-electricridge{background:linear-gradient(90deg,#12c98f,#b5651d,#4fb0ff,#12c98f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-goldensummit{background:linear-gradient(90deg,#d6b3ff,#ffd76a,#ffe45c,#d6b3ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-nocturnalvortex{background:linear-gradient(90deg,#4fb0ff,#0891b2,#baff29,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-velvetotter{background:linear-gradient(90deg,#ffb23d,#3b82f6,#ffe45c,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-frostedfalcon{background:linear-gradient(90deg,#5b0a17,#3a3a3a,#e8fffa,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-ghostlyember{background:linear-gradient(90deg,#5b0a17,#e8fbff,#ff6a2b,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-crimsononyx{background:linear-gradient(90deg,#cd8a4a,#ff8ac6,#3b82f6,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-vividmirage{background:linear-gradient(90deg,#baff29,#ffe45c,#ff2e6b,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-fableddrift{background:linear-gradient(90deg,#4fb0ff,#39D9C9,#1b1f3a,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-wistfulrapids{background:linear-gradient(90deg,#0891b2,#8ff0ff,#ffffff,#0891b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-prismaticdelta{background:linear-gradient(90deg,#12c98f,#3a0a02,#3a0a02,#12c98f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-emberquartz{background:linear-gradient(90deg,#e8fffa,#1b1f3a,#fff3c4,#e8fffa); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-radiantsparrow{background:linear-gradient(90deg,#7CFFB2,#d6b3ff,#12c98f,#7CFFB2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-jadetide{background:linear-gradient(90deg,#1b1f3a,#ff8a00,#e8a869,#1b1f3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-feralthistle{background:linear-gradient(90deg,#baff29,#a8f0e0,#d6b3ff,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-echoinggrove{background:linear-gradient(90deg,#3b82f6,#ff5e7e,#ff9a3c,#3b82f6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-azuretide{background:linear-gradient(90deg,#12c98f,#12c98f,#ffd76a,#12c98f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-sacredosprey{background:linear-gradient(90deg,#8a0f1f,#9aa4b2,#ffd76a,#8a0f1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-echoingprairie{background:linear-gradient(90deg,#151633,#3a3a3a,#0891b2,#151633); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-twilightlantern{background:linear-gradient(90deg,#ff8a00,#ffffff,#ffd76a,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-shadowbramble{background:linear-gradient(90deg,#e8fbff,#8a0f1f,#ff8ac6,#e8fbff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-ancientmarsh{background:linear-gradient(90deg,#5b0a17,#ffffff,#ff3b1f,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-wanderingheron{background:linear-gradient(90deg,#3a0a02,#b46dff,#baff29,#3a0a02); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-feralthicket{background:linear-gradient(90deg,#fff3c4,#ff2e6b,#00f0ff,#fff3c4); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-jadeglade{background:linear-gradient(90deg,#ff8a00,#ffe45c,#fff3c4,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-goldenthistle{background:linear-gradient(90deg,#d6b3ff,#0a3d24,#67e8f9,#d6b3ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-obsidianvortex{background:linear-gradient(90deg,#ffe45c,#0a3d24,#7b2fff,#ffe45c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-obsidiancanyon{background:linear-gradient(90deg,#0891b2,#e8a869,#e8fffa,#0891b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-wanderingotter{background:linear-gradient(90deg,#baff29,#e8fffa,#b5651d,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-distantthicket{background:linear-gradient(90deg,#0891b2,#0f9d63,#ff8ac6,#0891b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-frostedmeadow{background:linear-gradient(90deg,#1b1f3a,#ff6a2b,#7CFFB2,#1b1f3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-cosmicquartz{background:linear-gradient(90deg,#7b2fff,#7CFFB2,#5b0a17,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-stormosprey{background:linear-gradient(90deg,#00f0ff,#3a3a3a,#ff9a3c,#00f0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-chromemarlin{background:linear-gradient(90deg,#ff5e7e,#3a3a3a,#ff8a00,#ff5e7e); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-velvetridge{background:linear-gradient(90deg,#4fb0ff,#ff8a00,#ffd76a,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-midnightorchard{background:linear-gradient(90deg,#a8f0e0,#ff6a2b,#ff6a2b,#a8f0e0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-emberonyx{background:linear-gradient(90deg,#ffe45c,#8ff0ff,#0a3d24,#ffe45c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-cosmiccinder{background:linear-gradient(90deg,#7b2fff,#8a0f1f,#0f9d63,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-ancientfalcon{background:linear-gradient(90deg,#baff29,#baff29,#4f5bd5,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-gildedbasin{background:linear-gradient(90deg,#b46dff,#7CFFB2,#3a3a3a,#b46dff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-midnightcurrent{background:linear-gradient(90deg,#0891b2,#baff29,#0891b2,#0891b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-midnightmarlin{background:linear-gradient(90deg,#b46dff,#3a0a02,#0a3d24,#b46dff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-twilightthistle{background:linear-gradient(90deg,#3b82f6,#e63950,#000000,#3b82f6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-chromerapids{background:linear-gradient(90deg,#ff8a00,#7b2fff,#3b82f6,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-moltensable{background:linear-gradient(90deg,#151633,#12c98f,#ff6a2b,#151633); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-wanderingaster{background:linear-gradient(90deg,#ff6a2b,#ff2e6b,#ff2e9a,#ff6a2b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-ironmarlin{background:linear-gradient(90deg,#0a3d24,#39D9C9,#7CFFB2,#0a3d24); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-chromereef{background:linear-gradient(90deg,#7CFFB2,#0f9d63,#cd8a4a,#7CFFB2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-hollowbasin{background:linear-gradient(90deg,#ffffff,#ff3b1f,#ff8ac6,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-silverbloom{background:linear-gradient(90deg,#39D9C9,#ff5e7e,#7b2fff,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-ambercurrent{background:linear-gradient(90deg,#d4fff0,#1b1f3a,#8ff0ff,#d4fff0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-fabledreef{background:linear-gradient(90deg,#7cffcb,#ff2e6b,#d6b3ff,#7cffcb); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-ironcascade{background:linear-gradient(90deg,#4f5bd5,#3b82f6,#a8f0e0,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-cosmicspire{background:linear-gradient(90deg,#ff8a00,#e8fffa,#3a3a3a,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-hollowfalcon{background:linear-gradient(90deg,#7cffcb,#ff9a3c,#39D9C9,#7cffcb); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-twilightcinder{background:linear-gradient(90deg,#7cffcb,#e63950,#e63950,#7cffcb); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-wildcascade{background:linear-gradient(90deg,#ff3b1f,#7cffcb,#ff8ac6,#ff3b1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-lunarlagoon{background:linear-gradient(90deg,#ffd76a,#ffd76a,#ffe45c,#ffd76a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-ancientcinder{background:linear-gradient(90deg,#ffffff,#ff6a2b,#0f9d63,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-fabledsable{background:linear-gradient(90deg,#ff6a2b,#9aa4b2,#1b1f3a,#ff6a2b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-gildedglade{background:linear-gradient(90deg,#ffffff,#00f0ff,#ff9a3c,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-staticdelta{background:linear-gradient(90deg,#0a3d24,#4f5bd5,#7CFFB2,#0a3d24); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-sacredmirage{background:linear-gradient(90deg,#4fb0ff,#ff6a2b,#a8f0e0,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-coralsable{background:linear-gradient(90deg,#3a0a02,#67e8f9,#0f9d63,#3a0a02); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-electriclagoon{background:linear-gradient(90deg,#ff2e6b,#ffffff,#d4fff0,#ff2e6b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-obsidianrapids{background:linear-gradient(90deg,#4f5bd5,#4fb0ff,#3a3a3a,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-neonthistle{background:linear-gradient(90deg,#67e8f9,#fff3c4,#3a0a02,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-paintedosprey{background:linear-gradient(90deg,#67e8f9,#e63950,#4fb0ff,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-twilightbramble{background:linear-gradient(90deg,#4f5bd5,#4fb0ff,#7b2fff,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-frozenember{background:linear-gradient(90deg,#000000,#7cffcb,#ff2e9a,#000000); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-goldenrapids{background:linear-gradient(90deg,#7b2fff,#4fb0ff,#67e8f9,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-silverthistle{background:linear-gradient(90deg,#0891b2,#ff6a2b,#8a0f1f,#0891b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-midnightvortex{background:linear-gradient(90deg,#a8f0e0,#d6b3ff,#ff2e9a,#a8f0e0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-ancientquartz{background:linear-gradient(90deg,#ff2e6b,#ffffff,#151633,#ff2e6b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-solarcascade{background:linear-gradient(90deg,#d4fff0,#39D9C9,#00f0ff,#d4fff0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-cosmicember{background:linear-gradient(90deg,#000000,#e8fbff,#ff3b1f,#000000); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-midnightheron{background:linear-gradient(90deg,#fff3c4,#d4fff0,#ffe45c,#fff3c4); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-cosmictide{background:linear-gradient(90deg,#ffd76a,#ff2e6b,#ff8ac6,#ffd76a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-frosteddelta{background:linear-gradient(90deg,#0a3d24,#ff8ac6,#fff3c4,#0a3d24); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-cosmiclantern{background:linear-gradient(90deg,#b46dff,#7CFFB2,#ff8a00,#b46dff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-twilightcascade{background:linear-gradient(90deg,#0f9d63,#4fb0ff,#00f0ff,#0f9d63); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-ancientsable{background:linear-gradient(90deg,#39D9C9,#7b2fff,#12c98f,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-stormvortex{background:linear-gradient(90deg,#3a0a02,#ff5e7e,#e63950,#3a0a02); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-feralsable{background:linear-gradient(90deg,#ff3b1f,#baff29,#1b1f3a,#ff3b1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-sacredfang{background:linear-gradient(90deg,#ffffff,#ff8a00,#b5651d,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-frozenvortex{background:linear-gradient(90deg,#ffb23d,#d6b3ff,#151633,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-sunkencomet{background:linear-gradient(90deg,#ff2e6b,#d4fff0,#e8fffa,#ff2e6b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-hollowmirage{background:linear-gradient(90deg,#baff29,#0a3d24,#67e8f9,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-paintedbramble{background:linear-gradient(90deg,#00f0ff,#3a3a3a,#5b0a17,#00f0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-shadowvale{background:linear-gradient(90deg,#3b82f6,#b5651d,#ff5e7e,#3b82f6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-echoingbramble{background:linear-gradient(90deg,#e8fbff,#3a3a3a,#12c98f,#e8fbff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-distantosprey{background:linear-gradient(90deg,#ff3b1f,#3a3a3a,#0891b2,#ff3b1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-wanderingsummit{background:linear-gradient(90deg,#9aa4b2,#7CFFB2,#fff3c4,#9aa4b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-sacredbloom{background:linear-gradient(90deg,#9aa4b2,#0f9d63,#7CFFB2,#9aa4b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-amberember{background:linear-gradient(90deg,#7b2fff,#7cffcb,#12c98f,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-prismaticonyx{background:linear-gradient(90deg,#ff8a00,#b46dff,#ff9a3c,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-cosmicvortex{background:linear-gradient(90deg,#ff8ac6,#cfd6e2,#ff8a00,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-stormember{background:linear-gradient(90deg,#0f9d63,#8a0f1f,#ff5e7e,#0f9d63); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-wistfulosprey{background:linear-gradient(90deg,#e8fbff,#7cffcb,#8ff0ff,#e8fbff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-azureharbor{background:linear-gradient(90deg,#ff2e6b,#b46dff,#fff3c4,#ff2e6b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-rusticwolf{background:linear-gradient(90deg,#ffd76a,#cd8a4a,#ff8a00,#ffd76a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-lunarcomet{background:linear-gradient(90deg,#e8a869,#ffffff,#ffd76a,#e8a869); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-lunarcanyon{background:linear-gradient(90deg,#fff3c4,#12c98f,#ff8a00,#fff3c4); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-radiantcurrent{background:linear-gradient(90deg,#ffb23d,#ffb23d,#b46dff,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-frayedrapids{background:linear-gradient(90deg,#39D9C9,#4f5bd5,#ffe45c,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-cosmiconyx{background:linear-gradient(90deg,#8a0f1f,#e8fffa,#ff9a3c,#8a0f1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-frayedtide{background:linear-gradient(90deg,#39D9C9,#baff29,#39D9C9,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-midnightwolf{background:linear-gradient(90deg,#e63950,#ff3b1f,#e8a869,#e63950); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-frostedprairie{background:linear-gradient(90deg,#ff2e9a,#9aa4b2,#e8fbff,#ff2e9a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-velvetcurrent{background:linear-gradient(90deg,#ff5e7e,#a8f0e0,#39D9C9,#ff5e7e); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-goldenosprey{background:linear-gradient(90deg,#4fb0ff,#ff2e9a,#a8f0e0,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-silverbramble{background:linear-gradient(90deg,#baff29,#cd8a4a,#8ff0ff,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-hollowcascade{background:linear-gradient(90deg,#12c98f,#3a0a02,#151633,#12c98f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-painteddune{background:linear-gradient(90deg,#ff2e9a,#3b82f6,#ffb23d,#ff2e9a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-wanderingfrost{background:linear-gradient(90deg,#9aa4b2,#b46dff,#12c98f,#9aa4b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-prismaticmarlin{background:linear-gradient(90deg,#ff8ac6,#cd8a4a,#151633,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-frostedspire{background:linear-gradient(90deg,#ff3b1f,#ff5e7e,#b5651d,#ff3b1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-solardelta{background:linear-gradient(90deg,#ffb23d,#ffd76a,#0891b2,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-sunkenorchard{background:linear-gradient(90deg,#ff8ac6,#1b1f3a,#7CFFB2,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-wildorchard{background:linear-gradient(90deg,#7b2fff,#ffffff,#7CFFB2,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-rogueprairie{background:linear-gradient(90deg,#67e8f9,#a8f0e0,#d4fff0,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-wistfullantern{background:linear-gradient(90deg,#e8fbff,#a8f0e0,#ff2e6b,#e8fbff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-paintedridge{background:linear-gradient(90deg,#8ff0ff,#e63950,#7b2fff,#8ff0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-jadelagoon{background:linear-gradient(90deg,#8ff0ff,#151633,#ff8ac6,#8ff0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-blazingthicket{background:linear-gradient(90deg,#12c98f,#b5651d,#d6b3ff,#12c98f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-solarbloom{background:linear-gradient(90deg,#67e8f9,#3a3a3a,#0891b2,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-blazingmarsh{background:linear-gradient(90deg,#3a0a02,#ffd76a,#1b1f3a,#3a0a02); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-coralmarsh{background:linear-gradient(90deg,#0f9d63,#8a0f1f,#d4fff0,#0f9d63); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-roguegrove{background:linear-gradient(90deg,#7cffcb,#ffd76a,#8ff0ff,#7cffcb); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-obsidiansparrow{background:linear-gradient(90deg,#ff2e9a,#fff3c4,#e63950,#ff2e9a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-radiantmirage{background:linear-gradient(90deg,#7CFFB2,#e8fffa,#b5651d,#7CFFB2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-moltenlynx{background:linear-gradient(90deg,#e63950,#4fb0ff,#baff29,#e63950); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-feralmeadow{background:linear-gradient(90deg,#0891b2,#ffb23d,#12c98f,#0891b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-velvetserpent{background:linear-gradient(90deg,#fff3c4,#ff2e9a,#b5651d,#fff3c4); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-sunkenthistle{background:linear-gradient(90deg,#67e8f9,#8ff0ff,#ff3b1f,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-amberaster{background:linear-gradient(90deg,#39D9C9,#d4fff0,#7cffcb,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-sacredorchard{background:linear-gradient(90deg,#ff5e7e,#d4fff0,#fff3c4,#ff5e7e); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-frozenlantern{background:linear-gradient(90deg,#7b2fff,#baff29,#fff3c4,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-frayedorchard{background:linear-gradient(90deg,#ff5e7e,#e8a869,#ff2e9a,#ff5e7e); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-frayedlantern{background:linear-gradient(90deg,#4f5bd5,#e8a869,#e8fffa,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-emberlagoon{background:linear-gradient(90deg,#e63950,#baff29,#fff3c4,#e63950); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-quantumgrove{background:linear-gradient(90deg,#d6b3ff,#ffd76a,#ff8ac6,#d6b3ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-wildserpent{background:linear-gradient(90deg,#ff6a2b,#d4fff0,#7CFFB2,#ff6a2b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-neontide{background:linear-gradient(90deg,#3b82f6,#d4fff0,#ff2e6b,#3b82f6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-frozendrift{background:linear-gradient(90deg,#ffd76a,#7CFFB2,#3b82f6,#ffd76a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-wistfulcinder{background:linear-gradient(90deg,#4fb0ff,#ff3b1f,#ffe45c,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-velvetglade{background:linear-gradient(90deg,#39D9C9,#cd8a4a,#000000,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-vividonyx{background:linear-gradient(90deg,#0891b2,#b5651d,#000000,#0891b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-gildedfrost{background:linear-gradient(90deg,#ff2e9a,#e8a869,#8ff0ff,#ff2e9a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-ancientrapids{background:linear-gradient(90deg,#ffe45c,#3a3a3a,#e8fbff,#ffe45c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-crimsonhollow{background:linear-gradient(90deg,#ffd76a,#7CFFB2,#9aa4b2,#ffd76a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-cosmicfang{background:linear-gradient(90deg,#ff2e9a,#e8fbff,#1b1f3a,#ff2e9a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-staticcurrent{background:linear-gradient(90deg,#3b82f6,#d6b3ff,#fff3c4,#3b82f6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-sacredlantern{background:linear-gradient(90deg,#9aa4b2,#00f0ff,#b5651d,#9aa4b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-ancientcascade{background:linear-gradient(90deg,#0a3d24,#d6b3ff,#3a3a3a,#0a3d24); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-velvetsparrow{background:linear-gradient(90deg,#12c98f,#3a3a3a,#67e8f9,#12c98f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-fabledrapids{background:linear-gradient(90deg,#67e8f9,#ff8ac6,#e8fffa,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-azurefang{background:linear-gradient(90deg,#ffb23d,#d4fff0,#baff29,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-glassbramble{background:linear-gradient(90deg,#d4fff0,#ff8ac6,#d6b3ff,#d4fff0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-cosmicserpent{background:linear-gradient(90deg,#e63950,#ff9a3c,#1b1f3a,#e63950); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-feraldune{background:linear-gradient(90deg,#ff9a3c,#ff8a00,#4fb0ff,#ff9a3c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-emberdelta{background:linear-gradient(90deg,#ff2e9a,#ff2e6b,#d6b3ff,#ff2e9a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-prismaticcascade{background:linear-gradient(90deg,#7cffcb,#e63950,#4f5bd5,#7cffcb); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-wildprairie{background:linear-gradient(90deg,#ffb23d,#67e8f9,#ffffff,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-fabledridge{background:linear-gradient(90deg,#9aa4b2,#4fb0ff,#7b2fff,#9aa4b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-ironfalcon{background:linear-gradient(90deg,#e8fffa,#3b82f6,#0a3d24,#e8fffa); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-frostedwillow{background:linear-gradient(90deg,#a8f0e0,#3a3a3a,#39D9C9,#a8f0e0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-shadowlagoon{background:linear-gradient(90deg,#baff29,#3b82f6,#8a0f1f,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-paintedquartz{background:linear-gradient(90deg,#0f9d63,#baff29,#cfd6e2,#0f9d63); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-echoingfang{background:linear-gradient(90deg,#8ff0ff,#7CFFB2,#7cffcb,#8ff0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-solarfang{background:linear-gradient(90deg,#0891b2,#0a3d24,#9aa4b2,#0891b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-distantaster{background:linear-gradient(90deg,#cd8a4a,#0891b2,#ff9a3c,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-ironvortex{background:linear-gradient(90deg,#9aa4b2,#cd8a4a,#7cffcb,#9aa4b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-paintedcinder{background:linear-gradient(90deg,#b5651d,#e8a869,#67e8f9,#b5651d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-solarcomet{background:linear-gradient(90deg,#7b2fff,#e63950,#3a3a3a,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-rogueharbor{background:linear-gradient(90deg,#ff8ac6,#ff5e7e,#12c98f,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-sacredheron{background:linear-gradient(90deg,#0a3d24,#e8fffa,#ff2e9a,#0a3d24); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-ironquartz{background:linear-gradient(90deg,#00f0ff,#ffffff,#a8f0e0,#00f0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-moltenreef{background:linear-gradient(90deg,#a8f0e0,#8a0f1f,#7CFFB2,#a8f0e0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-solarcurrent{background:linear-gradient(90deg,#ffd76a,#ffb23d,#4fb0ff,#ffd76a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-frostedfang{background:linear-gradient(90deg,#3b82f6,#7b2fff,#ffe45c,#3b82f6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-jadewillow{background:linear-gradient(90deg,#ff5e7e,#ff8a00,#7CFFB2,#ff5e7e); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-prismaticlantern{background:linear-gradient(90deg,#7b2fff,#e63950,#e8a869,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-gildedotter{background:linear-gradient(90deg,#b5651d,#1b1f3a,#ff8ac6,#b5651d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-amberglade{background:linear-gradient(90deg,#ffb23d,#3a0a02,#ff2e6b,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-solarwillow{background:linear-gradient(90deg,#cd8a4a,#12c98f,#3b82f6,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-wildcurrent{background:linear-gradient(90deg,#e63950,#0a3d24,#b5651d,#e63950); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-obsidianfang{background:linear-gradient(90deg,#4fb0ff,#e8fffa,#3a3a3a,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-stormvale{background:linear-gradient(90deg,#ff3b1f,#4fb0ff,#ff8a00,#ff3b1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-distantbloom{background:linear-gradient(90deg,#4fb0ff,#5b0a17,#8ff0ff,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-blazingvale{background:linear-gradient(90deg,#7CFFB2,#baff29,#4f5bd5,#7CFFB2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-feralharbor{background:linear-gradient(90deg,#7cffcb,#a8f0e0,#ff5e7e,#7cffcb); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-hollowonyx{background:linear-gradient(90deg,#3a3a3a,#1b1f3a,#cfd6e2,#3a3a3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-staticmarlin{background:linear-gradient(90deg,#39D9C9,#ff3b1f,#ff2e6b,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-emberdune{background:linear-gradient(90deg,#cfd6e2,#000000,#ffffff,#cfd6e2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-crimsonfrost{background:linear-gradient(90deg,#1b1f3a,#d6b3ff,#ff5e7e,#1b1f3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-rusticdrift{background:linear-gradient(90deg,#ff6a2b,#e8fbff,#d6b3ff,#ff6a2b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-quantumfalcon{background:linear-gradient(90deg,#39D9C9,#e8a869,#3a3a3a,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-ghostlythicket{background:linear-gradient(90deg,#7CFFB2,#ffb23d,#1b1f3a,#7CFFB2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-azureotter{background:linear-gradient(90deg,#5b0a17,#cd8a4a,#fff3c4,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-silverglade{background:linear-gradient(90deg,#7cffcb,#ff6a2b,#b5651d,#7cffcb); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-crimsonglade{background:linear-gradient(90deg,#cd8a4a,#67e8f9,#4f5bd5,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-velvetspire{background:linear-gradient(90deg,#7b2fff,#d6b3ff,#0f9d63,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-frostedthicket{background:linear-gradient(90deg,#ffb23d,#ffd76a,#ffb23d,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-fabledember{background:linear-gradient(90deg,#67e8f9,#ff9a3c,#5b0a17,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-prismaticwillow{background:linear-gradient(90deg,#12c98f,#baff29,#3b82f6,#12c98f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-glasswillow{background:linear-gradient(90deg,#9aa4b2,#cfd6e2,#e8a869,#9aa4b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-wanderingserpent{background:linear-gradient(90deg,#5b0a17,#ff8a00,#ffb23d,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-wistfulmarlin{background:linear-gradient(90deg,#12c98f,#0a3d24,#ffb23d,#12c98f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-echoingsummit{background:linear-gradient(90deg,#d4fff0,#d6b3ff,#b5651d,#d4fff0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-hollowserpent{background:linear-gradient(90deg,#cd8a4a,#ff8a00,#00f0ff,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-gildeddune{background:linear-gradient(90deg,#ffe45c,#8a0f1f,#e8fffa,#ffe45c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-midnightwillow{background:linear-gradient(90deg,#ffd76a,#ff8ac6,#cfd6e2,#ffd76a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-lunarserpent{background:linear-gradient(90deg,#ffb23d,#baff29,#4f5bd5,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-embercascade{background:linear-gradient(90deg,#ff9a3c,#ffe45c,#ff6a2b,#ff9a3c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-vividsummit{background:linear-gradient(90deg,#5b0a17,#0891b2,#ff5e7e,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-wilddelta{background:linear-gradient(90deg,#4f5bd5,#ff8a00,#a8f0e0,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-wistfulquartz{background:linear-gradient(90deg,#4f5bd5,#e63950,#ff2e6b,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-corallynx{background:linear-gradient(90deg,#1b1f3a,#e8a869,#12c98f,#1b1f3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-roguenebula{background:linear-gradient(90deg,#67e8f9,#b46dff,#4f5bd5,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-obsidianmarlin{background:linear-gradient(90deg,#0a3d24,#baff29,#ff2e6b,#0a3d24); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-chromespire{background:linear-gradient(90deg,#3a0a02,#4f5bd5,#baff29,#3a0a02); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-amberbramble{background:linear-gradient(90deg,#baff29,#cd8a4a,#ff6a2b,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-featheredserpent{background:linear-gradient(90deg,#ffb23d,#0a3d24,#e8fbff,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-echoingcurrent{background:linear-gradient(90deg,#9aa4b2,#ff3b1f,#8ff0ff,#9aa4b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-lunarotter{background:linear-gradient(90deg,#e8fffa,#7b2fff,#fff3c4,#e8fffa); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-hollowwillow{background:linear-gradient(90deg,#baff29,#ff2e9a,#ffe45c,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-ironmarsh{background:linear-gradient(90deg,#3a3a3a,#ff2e9a,#b5651d,#3a3a3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-prismaticcomet{background:linear-gradient(90deg,#4fb0ff,#ff3b1f,#e8a869,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-azurefrost{background:linear-gradient(90deg,#7b2fff,#d6b3ff,#0a3d24,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-ironosprey{background:linear-gradient(90deg,#e8a869,#0891b2,#151633,#e8a869); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-chromelagoon{background:linear-gradient(90deg,#baff29,#d4fff0,#8a0f1f,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-prismaticorchard{background:linear-gradient(90deg,#ff3b1f,#000000,#0a3d24,#ff3b1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-distantotter{background:linear-gradient(90deg,#baff29,#fff3c4,#ffd76a,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-prismaticbramble{background:linear-gradient(90deg,#cd8a4a,#ff3b1f,#12c98f,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-crimsonthistle{background:linear-gradient(90deg,#000000,#ff2e6b,#d6b3ff,#000000); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-midnightmirage{background:linear-gradient(90deg,#12c98f,#0a3d24,#ffd76a,#12c98f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-azuremarlin{background:linear-gradient(90deg,#d6b3ff,#ff9a3c,#baff29,#d6b3ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-echoingdune{background:linear-gradient(90deg,#e8fbff,#151633,#d6b3ff,#e8fbff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-featheredquartz{background:linear-gradient(90deg,#39D9C9,#5b0a17,#7b2fff,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-crimsondune{background:linear-gradient(90deg,#ff2e9a,#ff3b1f,#b46dff,#ff2e9a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-ghostlyquartz{background:linear-gradient(90deg,#3a0a02,#39D9C9,#fff3c4,#3a0a02); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-nocturnallynx{background:linear-gradient(90deg,#67e8f9,#ff9a3c,#baff29,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-ambertide{background:linear-gradient(90deg,#e8fbff,#8a0f1f,#8a0f1f,#e8fbff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-lunarrapids{background:linear-gradient(90deg,#000000,#e8fffa,#5b0a17,#000000); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-quantumquartz{background:linear-gradient(90deg,#baff29,#ff3b1f,#e8fffa,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-frozenrapids{background:linear-gradient(90deg,#cfd6e2,#ff2e6b,#7cffcb,#cfd6e2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-electricosprey{background:linear-gradient(90deg,#e8a869,#b5651d,#ff3b1f,#e8a869); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-vividtide{background:linear-gradient(90deg,#000000,#baff29,#4f5bd5,#000000); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-velvetorchard{background:linear-gradient(90deg,#baff29,#ffd76a,#1b1f3a,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-obsidianglade{background:linear-gradient(90deg,#baff29,#cfd6e2,#e8fbff,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-goldenvale{background:linear-gradient(90deg,#67e8f9,#a8f0e0,#3b82f6,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-radiantlagoon{background:linear-gradient(90deg,#0a3d24,#3a3a3a,#9aa4b2,#0a3d24); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-cosmicsummit{background:linear-gradient(90deg,#4f5bd5,#7b2fff,#b5651d,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-sacredfrost{background:linear-gradient(90deg,#e8fbff,#e8fbff,#e8fbff,#e8fbff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-frozenfrost{background:linear-gradient(90deg,#7cffcb,#3a3a3a,#e63950,#7cffcb); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-stormheron{background:linear-gradient(90deg,#67e8f9,#ff6a2b,#d4fff0,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-azuremirage{background:linear-gradient(90deg,#ff8ac6,#a8f0e0,#67e8f9,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-gildedspire{background:linear-gradient(90deg,#3a0a02,#e8fffa,#ffd76a,#3a0a02); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-ancientwillow{background:linear-gradient(90deg,#d6b3ff,#e8fbff,#e8fffa,#d6b3ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-glassthistle{background:linear-gradient(90deg,#a8f0e0,#b46dff,#e63950,#a8f0e0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-echoingheron{background:linear-gradient(90deg,#12c98f,#7CFFB2,#fff3c4,#12c98f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-electricspire{background:linear-gradient(90deg,#a8f0e0,#e63950,#d4fff0,#a8f0e0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-sunkenharbor{background:linear-gradient(90deg,#ff8ac6,#12c98f,#ff8ac6,#ff8ac6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-sunkenbloom{background:linear-gradient(90deg,#7b2fff,#0a3d24,#b46dff,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-wanderingmarlin{background:linear-gradient(90deg,#b5651d,#ffb23d,#ffd76a,#b5651d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-moltenbramble{background:linear-gradient(90deg,#cd8a4a,#7cffcb,#0891b2,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-vividharbor{background:linear-gradient(90deg,#cfd6e2,#3a3a3a,#8ff0ff,#cfd6e2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-wanderingember{background:linear-gradient(90deg,#ff6a2b,#baff29,#1b1f3a,#ff6a2b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-radiantlantern{background:linear-gradient(90deg,#ff8a00,#3a3a3a,#e8fffa,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-cosmicdrift{background:linear-gradient(90deg,#ffb23d,#ff5e7e,#d4fff0,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.6s linear infinite;}
.paint-glassfrost{background:linear-gradient(90deg,#8a0f1f,#12c98f,#3b82f6,#8a0f1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-twilightaster{background:linear-gradient(90deg,#ffffff,#ffd76a,#7cffcb,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-fabledwolf{background:linear-gradient(90deg,#ffffff,#ffffff,#151633,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-blazingcinder{background:linear-gradient(90deg,#ff8a00,#ffd76a,#39D9C9,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-chromebloom{background:linear-gradient(90deg,#ff3b1f,#9aa4b2,#00f0ff,#ff3b1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-shadowfrost{background:linear-gradient(90deg,#d4fff0,#e8fffa,#a8f0e0,#d4fff0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-feralwolf{background:linear-gradient(90deg,#7b2fff,#00f0ff,#a8f0e0,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-obsidianosprey{background:linear-gradient(90deg,#cd8a4a,#d6b3ff,#ff3b1f,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-nocturnalrapids{background:linear-gradient(90deg,#ff5e7e,#12c98f,#fff3c4,#ff5e7e); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-echoingosprey{background:linear-gradient(90deg,#4fb0ff,#cd8a4a,#8a0f1f,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-coralharbor{background:linear-gradient(90deg,#0f9d63,#ff9a3c,#4f5bd5,#0f9d63); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-quantummirage{background:linear-gradient(90deg,#b5651d,#ffd76a,#0891b2,#b5651d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-ironaster{background:linear-gradient(90deg,#e8a869,#7CFFB2,#fff3c4,#e8a869); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-distantharbor{background:linear-gradient(90deg,#e8fffa,#00f0ff,#ff5e7e,#e8fffa); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-frostedgrove{background:linear-gradient(90deg,#cd8a4a,#baff29,#e8a869,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-velvetharbor{background:linear-gradient(90deg,#3b82f6,#b46dff,#ff5e7e,#3b82f6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-quantumlantern{background:linear-gradient(90deg,#3a3a3a,#a8f0e0,#4f5bd5,#3a3a3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-rusticrapids{background:linear-gradient(90deg,#ff8a00,#baff29,#ff5e7e,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-glassmeadow{background:linear-gradient(90deg,#67e8f9,#12c98f,#baff29,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-coralotter{background:linear-gradient(90deg,#67e8f9,#baff29,#ff5e7e,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-fabledtide{background:linear-gradient(90deg,#5b0a17,#ff3b1f,#e8a869,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-rusticprairie{background:linear-gradient(90deg,#67e8f9,#000000,#7cffcb,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-radiantdelta{background:linear-gradient(90deg,#d6b3ff,#8a0f1f,#baff29,#d6b3ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-nocturnallagoon{background:linear-gradient(90deg,#151633,#ffffff,#3b82f6,#151633); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-echoingharbor{background:linear-gradient(90deg,#ff2e9a,#0f9d63,#5b0a17,#ff2e9a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-ironglade{background:linear-gradient(90deg,#ffffff,#00f0ff,#9aa4b2,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-amberlantern{background:linear-gradient(90deg,#a8f0e0,#39D9C9,#d4fff0,#a8f0e0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-hollowgrove{background:linear-gradient(90deg,#0a3d24,#ffb23d,#ff3b1f,#0a3d24); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-sacredspire{background:linear-gradient(90deg,#e8a869,#d4fff0,#ff9a3c,#e8a869); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-lunarhollow{background:linear-gradient(90deg,#d4fff0,#fff3c4,#b5651d,#d4fff0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-featheredmarlin{background:linear-gradient(90deg,#baff29,#ff2e6b,#ff8a00,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-glassaster{background:linear-gradient(90deg,#4fb0ff,#ffffff,#b46dff,#4fb0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-ancientharbor{background:linear-gradient(90deg,#cfd6e2,#3a3a3a,#ff9a3c,#cfd6e2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-feralotter{background:linear-gradient(90deg,#d4fff0,#ffd76a,#ff2e9a,#d4fff0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-obsidiancomet{background:linear-gradient(90deg,#baff29,#b5651d,#baff29,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-sacredhollow{background:linear-gradient(90deg,#5b0a17,#e63950,#12c98f,#5b0a17); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-sunkenheron{background:linear-gradient(90deg,#baff29,#4f5bd5,#baff29,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-distantfang{background:linear-gradient(90deg,#ff6a2b,#cd8a4a,#d6b3ff,#ff6a2b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-crimsonorchard{background:linear-gradient(90deg,#ff3b1f,#ff9a3c,#ff6a2b,#ff3b1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-frozenlagoon{background:linear-gradient(90deg,#9aa4b2,#e8fbff,#00f0ff,#9aa4b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-nocturnalbramble{background:linear-gradient(90deg,#3a3a3a,#3b82f6,#ff9a3c,#3a3a3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-neoncurrent{background:linear-gradient(90deg,#000000,#0f9d63,#ff6a2b,#000000); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-jadecomet{background:linear-gradient(90deg,#67e8f9,#d6b3ff,#ffb23d,#67e8f9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-roguecanyon{background:linear-gradient(90deg,#e63950,#ff3b1f,#a8f0e0,#e63950); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-velvetwolf{background:linear-gradient(90deg,#cd8a4a,#3a0a02,#cfd6e2,#cd8a4a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-glassvortex{background:linear-gradient(90deg,#4f5bd5,#ffffff,#1b1f3a,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-goldenfrost{background:linear-gradient(90deg,#ffe45c,#ffe45c,#ffd76a,#ffe45c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-fabledcomet{background:linear-gradient(90deg,#1b1f3a,#a8f0e0,#baff29,#1b1f3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-rusticfang{background:linear-gradient(90deg,#ff3b1f,#ffb23d,#0a3d24,#ff3b1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-corallantern{background:linear-gradient(90deg,#ff8a00,#ff6a2b,#1b1f3a,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-ambersparrow{background:linear-gradient(90deg,#9aa4b2,#e8a869,#4f5bd5,#9aa4b2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-prismaticvale{background:linear-gradient(90deg,#cfd6e2,#ff9a3c,#ffe45c,#cfd6e2); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-cosmiccurrent{background:linear-gradient(90deg,#baff29,#0891b2,#9aa4b2,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-staticlagoon{background:linear-gradient(90deg,#4f5bd5,#8ff0ff,#fff3c4,#4f5bd5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-electriconyx{background:linear-gradient(90deg,#e8fbff,#a8f0e0,#8a0f1f,#e8fbff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.4s linear infinite;}
.paint-electricmeadow{background:linear-gradient(90deg,#1b1f3a,#5b0a17,#fff3c4,#1b1f3a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
/* ---- Glitch-style family (shared keyframe, per-paint color pair via --g1/--g2) ---- */
@keyframes glitchJitter{
  0%,100%{transform:translate(0,0);}
  4%{transform:translate(-1px,0.5px);}
  8%{transform:translate(1px,-0.5px);}
  12%{transform:translate(0,0);}
  47%{transform:translate(0,0);}
  50%{transform:translate(2px,0) scaleX(1.02);}
  52%{transform:translate(-2px,0) scaleX(0.98);}
  54%{transform:translate(0,0);}
}
.paint-unstablegrid{--g1:#7CFFB2;--g2:#ff2e6b; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-corruptedtransmission{--g1:#9aa4b2;--g2:#3a0a02; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-garbledecho{--g1:#cfd6e2;--g2:#cd8a4a; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-corruptedframe{--g1:#0891b2;--g2:#ffe45c; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-glitchedcode{--g1:#0a3d24;--g2:#ffe45c; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-frayedchannel{--g1:#ff5e7e;--g2:#ffb23d; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-tornfeed{--g1:#8a0f1f;--g2:#e63950; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-fuzzyframe{--g1:#8a0f1f;--g2:#e8a869; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-distortedstatic{--g1:#ff9a3c;--g2:#baff29; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-unstablefeed{--g1:#ff2e6b;--g2:#e8fffa; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-unstablecircuit{--g1:#a8f0e0;--g2:#7CFFB2; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-distortedframe{--g1:#ff2e9a;--g2:#ffd76a; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-splinteredsignal{--g1:#39D9C9;--g2:#ff2e9a; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-fuzzystatic{--g1:#0f9d63;--g2:#0f9d63; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-garbledgrid{--g1:#b5651d;--g2:#e8fbff; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-frayedpixel{--g1:#3b82f6;--g2:#a8f0e0; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-warpedwaveform{--g1:#d6b3ff;--g2:#0f9d63; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-brokenstatic{--g1:#9aa4b2;--g2:#d4fff0; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-frayedecho{--g1:#baff29;--g2:#5b0a17; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-tornrelay{--g1:#baff29;--g2:#b5651d; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-flickeringcircuit{--g1:#ff6a2b;--g2:#b46dff; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-staticbyte{--g1:#00f0ff;--g2:#ff8ac6; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-brokensignal{--g1:#5b0a17;--g2:#7b2fff; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-splinteredwaveform{--g1:#7b2fff;--g2:#151633; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-scrambledwaveform{--g1:#9aa4b2;--g2:#baff29; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-staticgrid{--g1:#d6b3ff;--g2:#151633; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-glitchedframe{--g1:#b5651d;--g2:#baff29; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-statictransmission{--g1:#ff3b1f;--g2:#7b2fff; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-distortedcircuit{--g1:#0a3d24;--g2:#ff8ac6; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-flickeringbyte{--g1:#39D9C9;--g2:#ff2e9a; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-distortedchannel{--g1:#7cffcb;--g2:#3b82f6; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-skewedrelay{--g1:#3a3a3a;--g2:#5b0a17; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-splinteredframe{--g1:#151633;--g2:#7b2fff; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-tornpixel{--g1:#baff29;--g2:#baff29; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
.paint-twitchingwaveform{--g1:#0a3d24;--g2:#e8fffa; position:relative; display:inline-block; color:#e6ffe9; font-weight:800; text-shadow:2px 0 var(--g1), -2px 0 var(--g2), 0 0 8px rgba(255,255,255,0.25); animation:glitchJitter 2.6s steps(1) infinite;}
/* ---- Chip-style: bordered box + glow (shared keyframe, per-paint color via --cc) ---- */
@keyframes chipGlow{0%,100%{box-shadow:0 3px 0 -1px var(--cc), 0 0 6px color-mix(in srgb, var(--cc) 45%, transparent);}50%{box-shadow:0 3px 0 -1px var(--cc), 0 0 12px color-mix(in srgb, var(--cc) 75%, transparent);}}
.paint-coralice{--cc:#cfd6e2; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-emberdivine{--cc:#ff3b1f; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-emeraldbloom{--cc:#9aa4b2; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-solarnova{--cc:#ffb23d; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-embermonstera{--cc:#ffb23d; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-emeralddragon{--cc:#7CFFB2; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-emberice{--cc:#ffb23d; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-ironfox{--cc:#3a3a3a; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-astraldivine{--cc:#5b0a17; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-velvetdragon{--cc:#ffffff; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-solarhalo{--cc:#d6b3ff; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-stormdragon{--cc:#8a0f1f; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-frostice{--cc:#ff8ac6; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-velvetbloom{--cc:#ffb23d; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
.paint-goldendivine{--cc:#0a3d24; position:relative; display:inline-block; padding:0 6px 3px; border-radius:4px; background:rgba(10,10,16,0.6); border:1px solid var(--cc); color:var(--cc); font-weight:700; box-shadow:0 3px 0 -1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 55%, transparent); animation:chipGlow 2.2s ease-in-out infinite;}
/* ---- Flag / tricolor band paints ---- */
.paint-liberty{background:linear-gradient(90deg,#3b82f6 0%,#3b82f6 32%,#ffffff 32%,#ffffff 66%,#ef4444 66%,#ef4444 100%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; font-weight:800;}
.paint-oldglory{background:linear-gradient(90deg,#ef4444 0%,#ef4444 32%,#ffffff 32%,#ffffff 66%,#3b82f6 66%,#3b82f6 100%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; font-weight:800;}
.paint-tricolore{background:linear-gradient(90deg,#3b82f6 0%,#3b82f6 32%,#ffffff 32%,#ffffff 66%,#ef4444 66%,#ef4444 100%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; font-weight:800;}
.paint-patriot{background:linear-gradient(90deg,#0a3d91 0%,#0a3d91 32%,#ffffff 32%,#ffffff 66%,#b22234 66%,#b22234 100%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; font-weight:800;}
.paint-independence{background:linear-gradient(90deg,#ef4444 0%,#ef4444 32%,#ffffff 32%,#ffffff 66%,#1d4ed8 66%,#1d4ed8 100%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; font-weight:800;}

/* ===== Cosmetics modal list ===== */
.cos-grid{display:flex; flex-direction:column; gap:2px; margin:8px 0 18px; max-height:280px; overflow-y:auto; border:1px solid var(--line); border-radius:10px; padding:6px;}
.cos-row{
  display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:8px; cursor:pointer;
  font-size:13.5px; color:var(--text-dim);
}
.cos-row:hover{background:var(--panel-2);}
.cos-row.active{background:rgba(0,229,255,0.08); color:var(--text); box-shadow:0 0 0 1px var(--neon-cyan) inset;}
.cos-row input{accent-color:var(--neon-cyan);}
.cos-swatch{width:26px; text-align:center; font-size:15px; font-weight:700;}
.cos-swatch-none{color:var(--text-faint);}

/* ===== Social side panel ===== */
.social-panel{
  position:fixed; top:0; right:-620px; width:600px; height:100vh; z-index:60;
  background:var(--ink-2); border-left:1px solid var(--line);
  box-shadow:-8px 0 40px -10px rgba(61,220,151,0.15);
  display:flex; flex-direction:column; padding:16px; gap:12px;
  transition:right .25s ease; overflow:hidden;
}
.social-panel.open{right:0;}
.social-panel-backdrop{
  position:fixed; inset:0; z-index:59; background:rgba(4,6,10,0.5);
  opacity:0; pointer-events:none; transition:opacity .25s ease;
}
.social-panel-backdrop.open{opacity:1; pointer-events:auto;}
@media (max-width:520px){
  .social-panel{width:100vw; right:-100vw;}
}
.social-tabs{display:flex; gap:6px; flex-wrap:wrap; row-gap:6px;}
.social-pane{display:flex; flex-direction:column; flex:1; min-height:0; gap:10px;}
.chat-log{flex:1; overflow-y:auto; display:flex; flex-direction:column; gap:6px; font-size:13px; padding-right:4px;}
.chat-line{line-height:1.5; word-break:break-word; position:relative;}
.chat-line.chat-system{color:var(--text-faint); font-style:italic; font-size:12px;}
.chat-line.chat-system.win{color:var(--cyan);}
.chat-user{font-weight:700;}
.chat-user:where(:not([class*=" paint-"])){color:var(--ember-soft);}
.chat-badge{margin-right:3px;}
.chat-flag{margin-right:3px;font-size:0.95em;}
.chat-emote{height:22px; vertical-align:middle; margin:0 2px;}
.chat-delete-btn{
  background:none; border:none; cursor:pointer; opacity:.45; font-size:12px;
  margin-left:6px; padding:0 2px; vertical-align:middle;
}
.chat-delete-btn:hover{opacity:1;}
.chat-report-btn{
  background:none; border:none; cursor:pointer; opacity:.35; font-size:12px;
  margin-left:4px; padding:0 2px; vertical-align:middle;
}
.chat-report-btn:hover{opacity:1;}
.chat-report-btn:disabled{opacity:.6; cursor:default;}
.chat-input-row{display:flex; gap:6px; align-items:flex-end;}
.chat-input-row textarea{
  flex:1; background:var(--panel); border:1px solid var(--line); border-radius:8px;
  color:var(--text); padding:8px 10px; font-size:13px; font-family:inherit;
  resize:none; overflow-y:auto; max-height:120px; min-height:36px; line-height:1.4;
}
.chat-input-row input{flex:1; background:var(--panel); border:1px solid var(--line); border-radius:8px; color:var(--text); padding:8px 10px; font-size:13px;}
.emote-picker{display:flex; flex-direction:column; max-height:260px; padding:8px; background:var(--panel); border-radius:8px; gap:6px;}
.emote-search{width:100%; box-sizing:border-box; padding:6px 8px; border-radius:6px; border:1px solid var(--line, rgba(255,255,255,.15)); background:var(--panel-2, #111); color:var(--text,#fff); position:sticky; top:0; z-index:1;}
.emote-grid{display:flex; flex-wrap:wrap; gap:6px; overflow-y:auto;}
.emote-opt{height:26px; cursor:pointer; border-radius:4px;}
.emote-opt:hover{outline:2px solid var(--ember);}
.tiny{font-size:11px !important;}

.lb-row, .bet-row{display:flex; align-items:center; gap:8px; font-size:12.5px; padding:7px 0; border-bottom:1px solid var(--line-soft);}
.lb-row-3col{gap:6px;}
.lb-row-3col .lb-amt{flex:0 0 auto; min-width:64px; text-align:right; font-size:11.5px;}
.lb-win{color:#39D9C9;}
.lb-lost{color:#ff5a70;}
.lb-wagered{color:var(--cyan);}
.lb-head-3col{display:flex; align-items:center; gap:6px; font-size:10.5px; color:var(--text-dim); text-transform:uppercase; letter-spacing:.04em; padding:0 0 4px;}
.lb-head-3col .lb-head-name{flex:1;}
.lb-head-3col .lb-head-stat{flex:0 0 auto; min-width:64px; text-align:right;}
.lb-rank{width:26px; color:var(--text-faint); font-family:var(--font-mono);}
.lb-name{flex:1; font-weight:600;}
.lb-amt{font-family:var(--font-mono); color:var(--cyan);}

.online-row{display:flex; align-items:center; gap:9px; font-size:12.5px; padding:7px 0; border-bottom:1px solid var(--line-soft);}
.online-name{font-weight:600;}
.online-dot{
  width:9px; height:9px; border-radius:50%;
  background:#3dff7a;
  box-shadow:0 0 6px 2px rgba(61,255,122,0.9), 0 0 14px 4px rgba(61,255,122,0.5);
  animation:onlineDotPulse 1.8s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes onlineDotPulse{
  0%,100%{opacity:1; box-shadow:0 0 6px 2px rgba(61,255,122,0.9), 0 0 14px 4px rgba(61,255,122,0.5);}
  50%{opacity:0.7; box-shadow:0 0 4px 1px rgba(61,255,122,0.6), 0 0 8px 2px rgba(61,255,122,0.3);}
}
.bet-user{width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600;}
.bet-game{flex:1; color:var(--text-dim); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bet-amt{font-family:var(--font-mono); color:var(--text-dim); width:56px; text-align:right;}
.bet-delta{font-family:var(--font-mono); width:70px; text-align:right;}
.bet-delta.pos{color:var(--cyan);}
.bet-delta.neg{color:var(--red);}

.admin-toggle{display:flex; align-items:center; gap:8px; margin-top:12px; font-size:13px; color:var(--text-dim); cursor:pointer;}

/* ===== Risk level buttons (Wheel, and reusable) ===== */
.risk-row{display:flex; gap:6px; margin-bottom:10px;}
.risk-btn{flex:1; padding:8px 0; border-radius:8px; border:1px solid var(--line); background:var(--panel-2); color:var(--text-dim); cursor:pointer; font-size:12.5px; font-weight:600;}
.risk-btn.active{border-color:var(--ember); color:var(--ember-soft); background:rgba(255,106,43,0.12);}

/* ===== Horse racing ===== */
.horse-pick-list{display:flex; flex-direction:column; gap:6px; margin-bottom:12px;}
.horse-pick{
  display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:8px; border:1px solid var(--line);
  background:var(--panel-2); color:var(--text); cursor:pointer; font-size:12.5px; text-align:left;
}
.horse-pick.active{border-color:var(--hc,var(--ember)); box-shadow:0 0 0 1px var(--hc,var(--ember)) inset;}
.horse-swatch{width:10px; height:10px; border-radius:50%; background:var(--hc,var(--ember)); display:inline-block;}
.horse-odds{margin-left:auto; color:var(--cyan); font-family:var(--font-mono);}
.race-track{display:flex; flex-direction:column; gap:10px; width:100%; max-width:420px;}
.race-lane{position:relative; height:28px; background:var(--panel-2); border-radius:6px; overflow:hidden; padding-left:96px; display:flex; align-items:center;}
.race-lane-picked{box-shadow:0 0 0 1px var(--hc,var(--ember)) inset; background:color-mix(in srgb, var(--hc,var(--ember)) 10%, var(--panel-2));}
.race-lane-label{position:absolute; left:6px; top:0; bottom:0; display:flex; align-items:center; gap:5px; font-size:11px; font-weight:600; color:var(--text-dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:88px; z-index:1;}
.race-lane-track{position:relative; flex:1; height:100%;}
.race-horse{position:absolute; top:2px; font-size:20px; transition:left .12s linear;}
.race-finish{position:absolute; right:4px; top:0; bottom:0; width:2px; background:var(--ember);}

/* ===== Rock Paper Scissors ===== */
.rps-row{display:flex; gap:8px;}
.rps-btn{
  flex:1; display:flex; flex-direction:column; align-items:center; gap:4px; padding:14px 0;
  border-radius:10px; border:1px solid var(--line); background:var(--panel-2); color:var(--text); cursor:pointer; font-size:26px;
}
.rps-btn span{font-size:11px; color:var(--text-dim); text-transform:capitalize;}
.rps-btn:hover{border-color:var(--ember);}
.rps-stage{display:flex; align-items:center; justify-content:center; gap:24px; font-size:56px; margin-bottom:14px;}
.rps-side{display:flex; flex-direction:column; align-items:center; gap:4px;}
.rps-side small{font-size:11px; color:var(--text-faint);}
.rps-vs{font-size:14px; color:var(--text-faint); font-family:var(--font-mono);}

/* ===== Railway crossing ===== */
.crossing-scene{position:relative; width:100%; max-width:420px; padding:20px 0;}
.crossing-track{font-size:26px; white-space:nowrap; overflow:hidden; letter-spacing:2px;}
.crossing-barrier{height:4px; background:var(--line); margin-bottom:10px; transition:background .2s;}
.crossing-barrier.down{background:var(--red);}

/* ===== Weekly draw ===== */
.draw-card{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:16px; text-align:center;}
.draw-pot{font-family:var(--font-mono); font-size:34px; font-weight:700; color:var(--neon-cyan); text-shadow:0 0 14px rgba(61,220,151,0.5); margin:6px 0 4px;}

/* ===== Cosmetics: tabs, cases, marketplace (added) ===== */
.cos-tabs{display:flex; gap:6px; margin-bottom:12px;}
.cos-tab{flex:1; padding:9px 0; border-radius:8px; border:1px solid var(--line); background:var(--panel-2); color:var(--text-dim); cursor:pointer; font-size:13px; font-weight:700;}
.cos-tab.active{border-color:var(--neon-cyan); color:var(--text); background:rgba(0,229,255,0.08); box-shadow:0 0 0 1px var(--neon-cyan) inset;}
.rarity-chip{font-size:10px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; border:1px solid; border-radius:5px; padding:1px 6px; margin-left:6px;}

.case-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin:10px 0;}
.case-card{
  position:relative;
  border:1px solid var(--line); border-radius:12px; padding:14px 10px; text-align:center; background:var(--panel-2);
  box-shadow:0 0 0 1px transparent inset; transition:box-shadow .15s;
}
.case-card:hover{box-shadow:0 0 0 1px var(--case-color,var(--neon-cyan)) inset;}
.case-icon{font-size:30px; margin-bottom:6px;}
.case-name{font-weight:800; font-size:13.5px; margin-bottom:4px; color:var(--case-color,var(--text));}
.case-desc{font-size:11.5px; color:var(--text-faint); min-height:32px; margin-bottom:8px;}
.case-rarities{display:flex; flex-wrap:wrap; gap:4px; justify-content:center; margin-bottom:10px;}
.case-open-reveal{margin-top:14px; padding:14px; border:1px solid; border-radius:10px; background:var(--panel-2); font-size:14px; text-align:center; animation:caseRevealPop .35s ease;}
.case-open-reveal.gold-reveal{ background:linear-gradient(135deg, rgba(255,215,0,.16), var(--panel-2) 60%); box-shadow:0 0 24px rgba(255,215,0,.35); animation:caseRevealPop .35s ease, goldRevealPulse 1.6s ease-in-out .35s 2; }
@keyframes goldRevealPulse{ 0%,100%{ box-shadow:0 0 24px rgba(255,215,0,.35); } 50%{ box-shadow:0 0 40px rgba(255,215,0,.65); } }
.case-spin-item.mystery{ filter:saturate(.6); }
.case-spin-item.mystery .csi-glyph{ opacity:.85; }
.case-spin-item.mystery .csi-name{ color:#ffd700; }
@keyframes caseRevealPop{ 0%{ transform:scale(.85); opacity:0; } 100%{ transform:scale(1); opacity:1; } }

/* Case-opening spin reel */
.case-spin-wrap{
  margin-top:14px; position:relative; overflow:hidden; border-radius:10px;
  border:1px solid var(--line); background:var(--panel-2); height:120px;
}
.case-spin-wrap::before, .case-spin-wrap::after{
  content:''; position:absolute; top:0; bottom:0; width:60px; z-index:2; pointer-events:none;
}
.case-spin-wrap::before{ left:0; background:linear-gradient(90deg, var(--panel-2), transparent); }
.case-spin-wrap::after{ right:0; background:linear-gradient(270deg, var(--panel-2), transparent); }
.case-spin-marker{
  position:absolute; left:50%; top:0; bottom:0; width:2px; margin-left:-1px; z-index:3;
  background:var(--neon-cyan); box-shadow:0 0 8px var(--neon-cyan);
}
.case-spin-marker::before, .case-spin-marker::after{
  content:''; position:absolute; left:50%; width:0; height:0; margin-left:-6px;
  border-left:6px solid transparent; border-right:6px solid transparent;
}
.case-spin-marker::before{ top:0; border-top:8px solid var(--neon-cyan); }
.case-spin-marker::after{ bottom:0; border-bottom:8px solid var(--neon-cyan); }
.case-spin-track{
  position:absolute; top:0; left:0; height:100%; display:flex; align-items:center; gap:10px; padding:0 10px;
  will-change:transform;
}
.case-spin-item{
  flex:0 0 90px; height:90px; border-radius:10px; border:2px solid var(--item-color,var(--line));
  background:var(--panel); display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; font-size:11px; text-align:center; padding:6px; box-sizing:border-box;
  box-shadow:0 0 10px -2px var(--item-color,transparent) inset;
}
.case-spin-item.winner{ animation:caseWinnerGlow 1s ease .05s 1; }
@keyframes caseWinnerGlow{
  0%{ box-shadow:0 0 10px -2px var(--item-color,transparent) inset; }
  40%{ box-shadow:0 0 26px 4px var(--item-color,transparent); }
  100%{ box-shadow:0 0 10px -2px var(--item-color,transparent) inset; }
}
.case-spin-item .csi-glyph{ font-size:20px; line-height:1; }
.case-spin-item .csi-name{ font-weight:700; color:var(--text); line-height:1.15; max-height:2.3em; overflow:hidden; }
.case-card.opening{ opacity:.55; pointer-events:none; }

/* Full-screen overlay for the spin + reveal -- sits above the cosmetics
   modal itself (higher z-index than .modal-backdrop) so it can never be
   mistaken for belonging to the page underneath, and can't be missed. */
.case-spin-overlay{
  position:fixed; inset:0; z-index:5000; background:rgba(6,10,14,0.82);
  display:flex; align-items:center; justify-content:center; padding:24px;
  animation:caseOverlayFade .15s ease;
}
@keyframes caseOverlayFade{ 0%{ opacity:0; } 100%{ opacity:1; } }
.case-spin-modal{
  width:min(480px, 100%); border-radius:14px; padding:22px 18px;
  background:var(--panel); border:1px solid var(--case-color,var(--neon-cyan));
  box-shadow:0 0 40px -8px var(--case-color,var(--neon-cyan));
}
.case-spin-modal .case-spin-wrap{ margin-top:0; }
.case-spin-modal .case-open-reveal{ margin-top:0; font-size:15px; }

.market-list-form{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:16px;}
.market-list-form select{flex:2; min-width:160px; background:var(--panel-2); color:var(--text); border:1px solid var(--line); border-radius:8px; padding:8px;}
.market-list-form .input-prefix{flex:1; min-width:100px;}
.market-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; margin-bottom:18px;}
.market-card{border:1px solid var(--line); border-radius:10px; padding:10px; background:var(--panel-2);}
.market-tabs{display:flex; gap:6px; margin-bottom:10px;}
.market-search-row{margin-bottom:12px;}
.market-search-row input{width:100%; background:var(--panel-2); color:var(--text); border:1px solid var(--line); border-radius:8px; padding:8px 10px; font-size:13px;}

/* ---- Direct messages ---- */
.dm-layout{ display:flex; flex-direction:column; height:100%; }
.dm-new-row{ display:flex; gap:6px; margin-bottom:10px; }
.dm-new-row input{ flex:1; background:var(--panel-2); color:var(--text); border:1px solid var(--line); border-radius:8px; padding:8px; }
.dm-thread-row{ display:flex; flex-direction:column; padding:10px; border:1px solid var(--line); border-radius:8px; margin-bottom:6px; cursor:pointer; background:var(--panel-2); }
.dm-thread-row:hover{ border-color:var(--neon-cyan); }
.dm-thread-name{ font-weight:700; }
.dm-conv-head{ display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.dm-conv-title{ font-weight:700; }
.dm-mine{ text-align:right; }
.dm-mine .chat-user{ color:var(--neon-cyan); }

/* ---- Chat/DM attachments (gif/mp4/mp3) ---- */
.chat-attachment{ margin-top:4px; max-width:220px; }
.chat-attachment img, .chat-attachment video{ max-width:100%; border-radius:8px; display:block; }
.chat-attachment audio{ width:220px; }
.market-item{font-weight:700; font-size:13px; margin-bottom:4px;}
.market-seller{margin-bottom:6px;}
.market-price{font-family:var(--font-mono); color:var(--cyan); font-weight:700; margin-bottom:8px;}

/* ===== New slot themes (Pirate / Egypt) + jackpot HUD (added) ===== */
.slot-cabinet.theme-pirate{background:linear-gradient(160deg,#0b2a2e,#031012);}
.slot-cabinet.theme-egypt{background:linear-gradient(160deg,#2e2408,#120e02);}
.slot-cabinet.theme-arctic{background:linear-gradient(160deg,#0d2b3a,#041018);}
.slot-cabinet.theme-candy{background:linear-gradient(160deg,#3a0d2e,#1c0416);}
.jackpot-coins{display:flex; gap:8px; margin-top:10px; flex-wrap:wrap;}
.jcoin{flex:1; min-width:60px; text-align:center; font-size:10px; font-weight:800; letter-spacing:.04em; padding:6px 4px; border-radius:6px; border:1px solid var(--line); color:var(--text-faint);}
.jcoin-mini{border-color:#9aa4b2;}
.jcoin-minor{border-color:#4fb0ff; color:#4fb0ff;}
.jcoin-major{border-color:#b46dff; color:#b46dff;}
.jcoin-grand{border-color:#ffb23d; color:#ffb23d;}
.paylines-indicator{display:flex; gap:3px; flex-wrap:wrap; margin-top:6px;}

/* ===== Designed "7TV-style" badge chips (original art, not scraped) ===== */
.badge-chip{
  display:inline-flex; align-items:center; justify-content:center;
  width:18px; height:18px; border-radius:6px; margin-right:4px;
  vertical-align:-4px; position:relative; font-size:11px;
  box-shadow:0 0 0 1px rgba(255,255,255,0.08) inset;
}
.badge-chip-glyph{ transform:scale(0.85); filter:saturate(1.15); }
.badge-chip.rarity-common{ background:linear-gradient(160deg,#5b6472,#333a44); }
.badge-chip.rarity-rare{ background:linear-gradient(160deg,#2f7fd1,#123356); box-shadow:0 0 6px rgba(79,176,255,0.45), 0 0 0 1px rgba(255,255,255,0.08) inset; }
.badge-chip.rarity-epic{ background:linear-gradient(160deg,#9b4fe0,#3c1466); box-shadow:0 0 6px rgba(180,109,255,0.5), 0 0 0 1px rgba(255,255,255,0.08) inset; }
.badge-chip.rarity-legendary{ background:linear-gradient(160deg,#ffb23d,#7a4600); box-shadow:0 0 8px rgba(255,178,61,0.55), 0 0 0 1px rgba(255,255,255,0.1) inset; }
.badge-chip.rarity-mythic{
  background:linear-gradient(160deg,#ff4fd8,#5a0a49);
  box-shadow:0 0 10px rgba(255,79,216,0.65), 0 0 0 1px rgba(255,255,255,0.12) inset;
  animation:badgePulse 2.4s ease-in-out infinite;
}
@keyframes badgePulse{
  0%,100%{ box-shadow:0 0 8px rgba(255,79,216,0.55), 0 0 0 1px rgba(255,255,255,0.1) inset; }
  50%{ box-shadow:0 0 14px rgba(255,79,216,0.85), 0 0 0 1px rgba(255,255,255,0.18) inset; }
}

/* ===== Additional / previously-missing paint textures ===== */
.paint-nebula{background:linear-gradient(90deg,#ff4fd8,#7b2fff,#39D9C9,#ff4fd8); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-void{background:linear-gradient(90deg,#2b0a3d,#7b2fff,#0a0616,#2b0a3d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.2s linear infinite;}
.paint-circuit{background:linear-gradient(90deg,#00F0FF,#12c98f,#00F0FF,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-phoenix{background:linear-gradient(90deg,#ff6a2b,#ffce54,#ff2e4d,#ff6a2b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-abyss{background:linear-gradient(90deg,#001014,#0891b2,#001014,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.5s linear infinite;}
.paint-copper{color:#c26b3f;}
.paint-slate{color:#8993a4;}
.paint-rose{background:linear-gradient(90deg,#ffb3c6,#ffe3ea,#ffb3c6); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3s linear infinite;}
.paint-honey{background:linear-gradient(90deg,#ffb100,#fff1b8,#ffb100); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-glacier{background:linear-gradient(90deg,#a6e6ff,#eaffff,#a6e6ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-wildfire{background:linear-gradient(90deg,#ff2e00,#ffce00,#ff2e00); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-orchid{background:linear-gradient(90deg,#c66bff,#ffd0f5,#c66bff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-starlight{background:linear-gradient(90deg,#e8f0ff,#8ff0ff,#b98cff,#e8f0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-inferno{background:linear-gradient(90deg,#3a0a02,#ff3b1f,#ffce54,#3a0a02); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-prism{background:linear-gradient(90deg,#ff4fd8,#4fb0ff,#baff29,#ffb23d,#ff4fd8); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.3s linear infinite;}

/* ===== Big paint variety pack (name-inspired, original gradients) ===== */
.paint-tinsel{background:linear-gradient(90deg,#e8e8e8,#fff8d6,#c9c9c9,#e8e8e8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-blueberry{color:#5b6fdb;}
.paint-raspberry{color:#e0356b;}
.paint-peacock{background:linear-gradient(90deg,#0a7e6e,#39D9C9,#2b5fa8,#0a7e6e); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-aquamarine{background:linear-gradient(90deg,#3fe0d0,#c7fff8,#3fe0d0); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-watermelon{background:linear-gradient(90deg,#ff5c7a,#8ff08a,#ff5c7a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-citruspunch{background:linear-gradient(90deg,#ff8a00,#fff35c,#ff5c3d,#ff8a00); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-rhubarb{color:#d65d6e;}
.paint-ultraviolet{background:linear-gradient(90deg,#6a1fd0,#c68bff,#6a1fd0); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-candycorn{background:linear-gradient(90deg,#ff8a00,#fff35c,#ffffff,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-fallleaves{background:linear-gradient(90deg,#b5651d,#e2a13a,#8a3b12,#b5651d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-vaporwave{background:linear-gradient(90deg,#ff6ad5,#8bf3ff,#c774e8,#ff6ad5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-pinklemonade{background:linear-gradient(90deg,#ffb3d1,#fff6b3,#ffb3d1); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-warlock{background:linear-gradient(90deg,#3a0764,#8b2fd6,#1a0330,#3a0764); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-cinder{background:linear-gradient(90deg,#4a1206,#ff5a1f,#1a0602,#4a1206); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-pineapple{color:#e8c02a;}
.paint-toothpaste{background:linear-gradient(90deg,#7fe0ff,#ffffff,#7fe0ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-manapotion{background:linear-gradient(90deg,#2b6fff,#8bc4ff,#2b6fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-seafoam{color:#7fe6c4;}
.paint-nebula2{background:linear-gradient(90deg,#5b2fd6,#ff4fd8,#39D9C9,#5b2fd6); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-unicorn{background:linear-gradient(90deg,#ff9ad5,#c9a4ff,#a4e9ff,#fff2a8,#ff9ad5); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.5s linear infinite;}
.paint-dracula{background:linear-gradient(90deg,#4a0012,#a80028,#1a0006,#4a0012); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-cosmicopal{background:linear-gradient(90deg,#39D9C9,#b46dff,#ff4fd8,#ffb23d,#39D9C9); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-supernova{background:linear-gradient(90deg,#ffffff,#ffce54,#ff6a2b,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.3s linear infinite;}
.paint-northernlight{background:linear-gradient(90deg,#39D9C9,#8ff0ff,#39D9C9,#7bffb0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-rosegold{background:linear-gradient(90deg,#e8a4a0,#ffd9c4,#e8a4a0); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-zestylemon{background:linear-gradient(90deg,#e8e02a,#fff9b0,#e8e02a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-silverflare{background:linear-gradient(90deg,#c9d2de,#ffffff,#8b95a5,#c9d2de); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-electric{background:linear-gradient(90deg,#f5ff3d,#ffffff,#f5ff3d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-nano{background:linear-gradient(90deg,#39D9C9,#ffffff,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-bluetang{color:#2a8fd6;}
.paint-toucan{background:linear-gradient(90deg,#ff8a00,#111111,#ffffff,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-atlantis{background:linear-gradient(90deg,#0a4d5c,#39D9C9,#0a4d5c); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-firebrand{background:linear-gradient(90deg,#ff3d1f,#ff9a3c,#ff3d1f); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-opaltwilight{background:linear-gradient(90deg,#7b2fff,#ff4fd8,#39D9C9,#ffb23d,#7b2fff); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.5s linear infinite;}
.paint-blackice{background:linear-gradient(90deg,#0a0e14,#4fb0ff,#0a0e14); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite;}
.paint-heavyrain{color:#7e8fa3;}
/* ---- Variety pack #3 ---- */
.paint-summergift{background:linear-gradient(90deg,#ff9a3c,#ffe14d,#ff9a3c); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-prehistorick{background:linear-gradient(90deg,#4a6b3a,#8ab86a,#4a6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-gradiencewave2{background:linear-gradient(90deg,#ff9a3c,#ff5e7e,#ffce54,#ff9a3c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-earthlorebrown2{background:linear-gradient(90deg,#5a4a2a,#a68a5a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-sunbrightv2{background:linear-gradient(90deg,#fff3c4,#ffd76a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-forestcake{background:linear-gradient(90deg,#1f6b3a,#c9a04a,#1f6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-viperscale{background:linear-gradient(90deg,#0f9d63,#1a1a1a,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-azurdeep{background:linear-gradient(90deg,#2b5fa8,#c9d9ff,#2b5fa8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-duckingk{background:linear-gradient(90deg,#ffce54,#fff3d6); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-petuniafrost{background:linear-gradient(90deg,#ff9ad5,#a6e6ff,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-icedmatcha{background:linear-gradient(90deg,#8ab86a,#eafff0); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-alpineberry{background:linear-gradient(90deg,#5b2fd6,#ff4fd8,#5b2fd6); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-anthraxglow{background:linear-gradient(90deg,#baff29,#0a3d24,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-deeppurplev2{background:linear-gradient(90deg,#3a0764,#8b2fd6,#3a0764); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-icedancerv2{background:linear-gradient(90deg,#a6e6ff,#eaffff,#4fb0ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-curiousfox{background:linear-gradient(90deg,#ff8a3c,#fff3d6); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-octopusink{background:linear-gradient(90deg,#3a0a4a,#7b2fff,#3a0a4a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-moldycheese{background:linear-gradient(90deg,#c9c04a,#8ab86a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-codersocks{background:linear-gradient(90deg,#39D9C9,#1a1a1a,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-vitalityglow{background:linear-gradient(90deg,#7bff8a,#eafff0); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-hivisyellow{background:linear-gradient(90deg,#fff35c,#1a1a1a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-maelstromv2{background:linear-gradient(90deg,#0a1a4a,#4fb0ff,#0a1a4a,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-infectedgreen{background:linear-gradient(90deg,#baff29,#1a3d0a,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-combustionv2{background:linear-gradient(90deg,#ff3b1f,#ffce54,#ff3b1f); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-evergladev2{background:linear-gradient(90deg,#0a4d1a,#7bff6e,#0a4d1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-lunaryglow{background:linear-gradient(90deg,#8ff0ff,#2b1a4a,#8ff0ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-jackolanternv2{background:linear-gradient(90deg,#ff8a00,#1a1105,#ff8a00); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-bloodyamethyst{background:linear-gradient(90deg,#4a0012,#8b2fd6,#4a0012); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-butterflywingsv2{background:linear-gradient(90deg,#ff9ad5,#c9a4ff,#8ff0ff,#ff9ad5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-finewinev2{background:linear-gradient(90deg,#5a0a1a,#8a1a3a,#5a0a1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-blackpearlv2{background:linear-gradient(90deg,#0a0e14,#4fb0ff,#0a0e14); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-staineglassv2{background:linear-gradient(90deg,#ff2e4d,#ffce54,#4fc3ff,#7b2fff,#ff2e4d); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-candlelit{background:linear-gradient(90deg,#ff9a3c,#fff3d6); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-eclipsev2{background:linear-gradient(90deg,#0a0a0a,#ff8a3c,#0a0a0a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-bluebluryx{background:linear-gradient(90deg,#2b5fa8,#c9d9ff,#2b5fa8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-hallowsv2{background:linear-gradient(90deg,#1a0330,#ff8a00,#1a0330); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-hauntingv2{background:linear-gradient(90deg,#2b1a4a,#8ff0ff,#2b1a4a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-eeriewhisp{background:linear-gradient(90deg,#7b2fff,#0a0616,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-apocalypsev2{background:linear-gradient(90deg,#5a0a0a,#ff2e4d,#1a0505,#5a0a0a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-dreadfulv2{background:linear-gradient(90deg,#1a0505,#8a1a1a,#1a0505); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-paradisepotion{background:linear-gradient(90deg,#39D9C9,#ff9ad5,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-thanksgivingv2{background:linear-gradient(90deg,#ff8a3c,#8a5a1a,#ff8a3c); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-golfshirtv2{background:linear-gradient(90deg,#7bb84a,#eafff0); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-blissfulv2{background:linear-gradient(90deg,#a6e6ff,#eaffff,#a6e6ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-shortcakev2{background:linear-gradient(90deg,#ffb3c6,#fff3e0); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-blankfreeze{background:linear-gradient(90deg,#c9f0ff,#ffffff,#4fb0ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-icebreakerv2{background:linear-gradient(90deg,#a6e6ff,#eaffff,#4fb0ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-northstarv2{background:linear-gradient(90deg,#e8f0ff,#8ff0ff,#b98cff,#e8f0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-discoclassicv2{background:linear-gradient(90deg,#ff2e9a,#ffce54,#4fc3ff,#ff2e9a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-misty_morning{background:linear-gradient(90deg,#c9d2de,#eaf2ff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-vtechglow{background:linear-gradient(90deg,#39D9C9,#0a3d3a,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-grovewhisper{background:linear-gradient(90deg,#1f6b3a,#7bb84a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-verdurev2{background:linear-gradient(90deg,#0f9d63,#7bff8a,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-hollyjollyv2{background:linear-gradient(90deg,#c9302c,#0f9d63,#c9302c); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-gradientkgold{background:linear-gradient(90deg,#ffd76a,#fff3c4); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-verdantsky{background:linear-gradient(90deg,#7bb84a,#a6e6ff,#7bb84a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-bythebeach{background:linear-gradient(90deg,#4fc3ff,#eafcff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-flowwavev2{background:linear-gradient(90deg,#39D9C9,#4fc3ff,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-petrichorv2{background:linear-gradient(90deg,#8a5a3a,#c9a04a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-bluetangv2{background:linear-gradient(90deg,#2a8fd6,#eafcff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-tikipartyv2{background:linear-gradient(90deg,#ff8a3c,#39D9C9,#ff8a3c); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-toucanv2{background:linear-gradient(90deg,#ff8a00,#111111,#ffffff,#ff8a00); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-fourthofjulyv2{background:linear-gradient(90deg,#c9302c,#ffffff,#2b5fa8,#c9302c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-racingstripev2{background:linear-gradient(90deg,#ff2e4d,#ffffff,#ff2e4d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-contrastv2{background:linear-gradient(90deg,#1a1a1a,#ffffff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-brightdayv2{background:linear-gradient(90deg,#fff3c4,#4fc3ff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-civilityv2{background:linear-gradient(90deg,#c9d2de,#eaf2ff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-catchball{background:linear-gradient(90deg,#ff8a3c,#4fc3ff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-saltwatertaffy{background:linear-gradient(90deg,#ff9ad5,#8ff0ff,#ffe14d,#ff9ad5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-heavyrainv2{background:linear-gradient(90deg,#4a5a6a,#c9d2de,#4a5a6a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-smokedv2{background:linear-gradient(90deg,#5a5a5a,#1a1a1a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-invisiblev2{color:#8b95a5;}
.paint-nnys2025paint{background:linear-gradient(90deg,#c9302c,#0f9d63,#ffffff,#c9302c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-valentinesglow{background:linear-gradient(90deg,#ff2e6b,#ffb3c6,#ff2e6b); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-xmasglow{background:linear-gradient(90deg,#c9302c,#0f9d63,#ffd76a,#c9302c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-julyfourth2026{background:linear-gradient(90deg,#c9302c,#ffffff,#2b5fa8,#c9302c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-crimescenev2{background:linear-gradient(90deg,#8a0a0a,#1a0505,#ff2e4d,#8a0a0a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-mystifyv2{background:linear-gradient(90deg,#7b2fff,#c68bff,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-8bitglow{background:linear-gradient(90deg,#39D9C9,#ff4fd8,#ffe14d,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-ghostlyv2{background:linear-gradient(90deg,#e8f0ff,#c9d2de,#e8f0ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-draculav2{background:linear-gradient(90deg,#4a0012,#a80028,#1a0006,#4a0012); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-treespiritv2{background:linear-gradient(90deg,#1f6b3a,#c9a04a,#1f6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-glorpgreen{background:linear-gradient(90deg,#7bff6e,#0a3d24,#7bff6e); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-pickemsglorp{background:linear-gradient(90deg,#7bff6e,#eafff0); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-translatorblack{background:linear-gradient(90deg,#1a1a1a,#4a4a4a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-bunniglow{background:linear-gradient(90deg,#ffb3c6,#fff3e0); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-minecraftevent{background:linear-gradient(90deg,#0f9d63,#8a5a3a,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-helperoldglow{background:linear-gradient(90deg,#c9d2de,#ffffff,#c9d2de); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-eastergiftold{background:linear-gradient(90deg,#ff9ad5,#a6e6ff,#ffe14d,#ff9ad5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
/* ---- Big variety pack #2 (120+ more paints) ---- */
.paint-candycane{background:linear-gradient(90deg,#ff2e4d,#ffffff,#ff2e4d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-spilledglue{color:#eaf2ff;}
.paint-lunarlantern{background:linear-gradient(90deg,#ff9a3c,#2b1a4a,#ff9a3c); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-metallicsheen{background:linear-gradient(90deg,#c7ccd6,#ffffff,#8b95a5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-dreaming{background:linear-gradient(90deg,#b98cff,#8ff0ff,#ffb3e6,#b98cff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-leprechaun{background:linear-gradient(90deg,#0f9d63,#ffce54,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-firefly{background:linear-gradient(90deg,#f5ff3d,#1a1a05,#f5ff3d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-bubblegum{background:linear-gradient(90deg,#ff9ad5,#ffe3f5); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-fairyglow{background:linear-gradient(90deg,#ff9ad5,#c9a4ff,#8ff0ff,#ff9ad5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-monstera{background:linear-gradient(90deg,#1f6b3a,#5bd67a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-fireandice{background:linear-gradient(90deg,#ff4d2b,#4fc3ff,#ff4d2b); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-kittycat{background:linear-gradient(90deg,#e8a34a,#fff3d6); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-junglecanopy{background:linear-gradient(90deg,#0a4d1a,#7bff6e,#0a4d1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-lobsterbisque{background:linear-gradient(90deg,#c9302c,#ff8a6b,#c9302c); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-freshsoda{background:linear-gradient(90deg,#4fd1ff,#eafcff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-solarflarev2{background:linear-gradient(90deg,#ffb23d,#ff4d2b,#ffe14d,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-jupitersrings{background:linear-gradient(90deg,#e8c07a,#8a6a3d,#fff3d6,#e8c07a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-neptunedeep{background:linear-gradient(90deg,#1a3a8f,#4fc3ff,#1a3a8f); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-granddanois{background:linear-gradient(90deg,#d6bfa0,#8a6a4a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-loopinfinite{background:linear-gradient(90deg,#39D9C9,#ffffff,#39D9C9,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-tigerstripe{background:linear-gradient(90deg,#ff8a00,#1a1105,#ff8a00); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-catseye{background:linear-gradient(90deg,#c9d92a,#1a2205,#c9d92a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-fluffypancakes{background:linear-gradient(90deg,#f0c98a,#fff3d6); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-saltypopcorn{background:linear-gradient(90deg,#f5e6a8,#fffdf0); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-cinematron{background:linear-gradient(90deg,#8a1a1a,#1a0505,#ff5a3d,#8a1a1a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-radicalwave{background:linear-gradient(90deg,#ff2e9a,#00f0ff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-righteousglow{background:linear-gradient(90deg,#ffd76a,#ffffff,#ffd76a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-cocktailhour{background:linear-gradient(90deg,#ff9a3c,#ff5e7e); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-gamergirlold{background:linear-gradient(90deg,#ff6ad5,#8bf3ff,#ff6ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-kodakfilm{background:linear-gradient(90deg,#ffce54,#c9302c); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-friedegg{background:linear-gradient(90deg,#fff3c4,#ffb23d); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-tinselshine{background:linear-gradient(90deg,#e8e8e8,#fff8d6,#c9c9c9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-sunsetv2{background:linear-gradient(90deg,#ff7a3c,#ff4d8f,#ffce54); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-dreamcloud{background:linear-gradient(90deg,#dce6ff,#ffffff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-psychicwave{background:linear-gradient(90deg,#8a2be2,#ff69d4,#8a2be2); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-carnationpink{background:linear-gradient(90deg,#ff8fb3,#ffe3ec); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-juicebox{background:linear-gradient(90deg,#ffb23d,#ff5e7e); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-springflowers{background:linear-gradient(90deg,#ff9ad5,#7bff8a,#8ff0ff,#ff9ad5); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-jawbreaker{background:linear-gradient(90deg,#ff2e4d,#ffce54,#4fc3ff,#0f9d63,#ff2e4d); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.5s linear infinite;}
.paint-pacificchill{background:linear-gradient(90deg,#0a5f7a,#7bd6ff,#0a5f7a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-spaceshipglow{background:linear-gradient(90deg,#0a0e2a,#4fb0ff,#c9d9ff,#0a0e2a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-gonabuhtone{background:linear-gradient(90deg,#8a8f9a,#c9ced6); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-sunlightray{background:linear-gradient(90deg,#fff3c4,#ffd76a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-aquaspot{background:linear-gradient(90deg,#3fc9e0,#1a4a5c,#3fc9e0); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-zoomburst{background:linear-gradient(90deg,#ffb23d,#ff4d2b,#ffb23d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-gamergirlneon{background:linear-gradient(90deg,#ff2e9a,#00f0ff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-neapolitanswirl{background:linear-gradient(90deg,#ffb3c6,#fff3d6,#8a5a3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-golemstone{background:linear-gradient(90deg,#6b5b4a,#a89a86); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-cichlidscale{background:linear-gradient(90deg,#2b8f7a,#7b2fff,#ffce54,#2b8f7a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-seaweedsway{background:linear-gradient(90deg,#1f6b3a,#7bd68a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-silverflarev2{background:linear-gradient(90deg,#c9d2de,#ffffff,#8b95a5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-faintlilac{background:linear-gradient(90deg,#d9c9ff,#f0e9ff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-bluemarble{background:linear-gradient(90deg,#2b5fa8,#c9d9ff,#2b5fa8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-reverberate{background:linear-gradient(90deg,#7b2fff,#39D9C9,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-prideglow{background:linear-gradient(90deg,#ff2e4d,#ff9a3c,#ffe14d,#0f9d63,#4fc3ff,#7b2fff,#ff2e4d); background-size:700% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-friendshipbond{background:linear-gradient(90deg,#ffce54,#ff8fb3); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-diabolflame{background:linear-gradient(90deg,#4a0012,#ff2e4d,#1a0006,#4a0012); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-sushinigiri{background:linear-gradient(90deg,#ffffff,#ff2e4d,#1a1a1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-etherealmist{background:linear-gradient(90deg,#e8f0ff,#b98cff,#8ff0ff,#e8f0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-slurpeeblue{background:linear-gradient(90deg,#4fc3ff,#eafcff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-tiedyewave{background:linear-gradient(90deg,#ff2e4d,#ffce54,#0f9d63,#4fc3ff,#7b2fff,#ff2e4d); background-size:600% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-gamblingaddict{background:linear-gradient(90deg,#0f9d63,#ffce54,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-jaycemaruglow{background:linear-gradient(90deg,#ff2e9a,#4fc3ff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-seafoamv2{background:linear-gradient(90deg,#7fe6c4,#eafff8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-crystalbuh{background:linear-gradient(90deg,#8ff0ff,#e8fbff,#8ff0ff,#b98cff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-scarletember{background:linear-gradient(90deg,#c9302c,#ff5a3d,#c9302c); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-frenzieddash{background:linear-gradient(90deg,#ff4d2b,#ffce54,#ff4d2b); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-refreshingmint{background:linear-gradient(90deg,#7cffcb,#d4fff0); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-frutigeraero{background:linear-gradient(90deg,#4fc3ff,#7bff6e,#ffffff,#4fc3ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-unicornglow{background:linear-gradient(90deg,#ff9ad5,#c9a4ff,#a4e9ff,#fff2a8,#ff9ad5); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-demedeme{background:linear-gradient(90deg,#ffce54,#1a1a1a,#ffce54); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-divisionline{background:linear-gradient(90deg,#c9a04a,#fff3d6); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-anodizedmetal{background:linear-gradient(90deg,#3a7bd5,#00d2ff,#3a7bd5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-tramontgrass{background:linear-gradient(90deg,#7fe0ff,#ffffff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-diabolsatan{background:linear-gradient(90deg,#1a0006,#ff2e4d,#4a0012,#1a0006); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-cumfireglow{background:linear-gradient(90deg,#ff4d2b,#ffce54,#ff4d2b); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-coolbuhchill{background:linear-gradient(90deg,#8fd6ff,#eafcff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-seasidebreeze{background:linear-gradient(90deg,#0a5f7a,#7bd6ff,#0a5f7a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-edgerunnerglow{background:linear-gradient(90deg,#ffce54,#00f0ff,#ff2e9a,#ffce54); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.5s linear infinite;}
.paint-honeycombdrip{background:linear-gradient(90deg,#ffb100,#fff1b8,#ffb100); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-paintedegg{background:linear-gradient(90deg,#ff9ad5,#8ff0ff,#ffe14d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 0s linear infinite;}
.paint-manapotionv2{background:linear-gradient(90deg,#2b6fff,#8bc4ff,#2b6fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-ribbonknot{background:linear-gradient(90deg,#ff6a8a,#ffe3ea); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-strawberrycreme{background:linear-gradient(90deg,#ff8fa8,#fff3e0,#ff8fa8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-lemonbreeze{background:linear-gradient(90deg,#fff35c,#f5ffe0); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-imppurple{background:linear-gradient(90deg,#6a1fd0,#1a0330,#6a1fd0); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-blackice2{background:linear-gradient(90deg,#050a10,#4fb0ff,#050a10); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-whitechoc{background:linear-gradient(90deg,#fff3e0,#e8d6b8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-pinklemonadev2{background:linear-gradient(90deg,#ffb3d1,#fff6b3,#ffb3d1); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-snowberrytwist{background:linear-gradient(90deg,#ffffff,#ff5a7a,#ffffff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-chocolatecoat{background:linear-gradient(90deg,#4a2f1a,#8a5a3a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-rosepetal{background:linear-gradient(90deg,#ffb3c6,#ff8fa8,#ffb3c6); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-radicalburst{background:linear-gradient(90deg,#ff2e9a,#00f0ff,#ffe14d,#ff2e9a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-ambuhinglow{background:linear-gradient(90deg,#ffb23d,#ff4d2b,#ffb23d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-tuttifrutti{background:linear-gradient(90deg,#ff2e4d,#ffce54,#0f9d63,#4fc3ff,#ff2e4d); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-starlightcity{background:linear-gradient(90deg,#0a0e2a,#8ff0ff,#b98cff,#0a0e2a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-warmernights{background:linear-gradient(90deg,#ff9a3c,#2b1a4a,#ff9a3c); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-syrupdrizzle{background:linear-gradient(90deg,#8a4a1a,#c98a3a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-golemk{background:linear-gradient(90deg,#5a4a3a,#8a7a6a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-mesmerize{background:linear-gradient(90deg,#7b2fff,#ff4fd8,#39D9C9,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-indianleaf{background:linear-gradient(90deg,#1f6b3a,#c9a04a,#1f6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-dinosaurscale{background:linear-gradient(90deg,#4a6b3a,#8ab86a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-kawaiipop{background:linear-gradient(90deg,#ff9ad5,#fff3e0,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-frostbitten{background:linear-gradient(90deg,#c9f0ff,#4fb0ff,#c9f0ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-jellybeanmix{background:linear-gradient(90deg,#ff2e4d,#ffce54,#0f9d63,#4fc3ff,#ff2e4d); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-plinkplonk{background:linear-gradient(90deg,#ffce54,#4fc3ff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-dinkdonkbell{background:linear-gradient(90deg,#ff9a3c,#ffe14d); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-oinksploink{background:linear-gradient(90deg,#ffb3c6,#ff8fa8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-clipawards{background:linear-gradient(90deg,#ffd76a,#ff4fd8,#39D9C9,#ffd76a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-emeralddoppler{background:linear-gradient(90deg,#0f9d63,#7CFFB2,#0a3d24,#0f9d63); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-heathenglow{background:linear-gradient(90deg,#8a1a1a,#ff5a3d,#8a1a1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-virulentooze{background:linear-gradient(90deg,#baff29,#0a3d24,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-pigmentsplash{background:linear-gradient(90deg,#ff2e9a,#ffce54,#4fc3ff,#ff2e9a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-recyclinggreen{background:linear-gradient(90deg,#0f9d63,#7bff8a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-eldenlordgold{background:linear-gradient(90deg,#8a6a2a,#ffd76a,#3a2a0a,#8a6a2a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.5s linear infinite;}
.paint-gradiencewave{background:linear-gradient(90deg,#ff9a3c,#ff5e7e,#ffce54); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-earthlorebrown{background:linear-gradient(90deg,#5a4a2a,#a68a5a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-tennisballfuzz{background:linear-gradient(90deg,#d4ff4a,#f5ffd6); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-calmoceanwave{background:linear-gradient(90deg,#0a5f7a,#7bd6ff,#eafcff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-empirepurple{background:linear-gradient(90deg,#4a1a8a,#8a5aff,#4a1a8a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-icedancer{background:linear-gradient(90deg,#a6e6ff,#eaffff,#a6e6ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-golddustglow{background:linear-gradient(90deg,#ffb23d,#ff8a3c,#ffe14d,#ffb23d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-nebulav3{background:linear-gradient(90deg,#ff4fd8,#7b2fff,#39D9C9,#ff4fd8); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-mystifypurple{background:linear-gradient(90deg,#7b2fff,#c68bff,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-hobgoblingreen{background:linear-gradient(90deg,#3a6b1a,#7bb84a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-treespirit{background:linear-gradient(90deg,#1f6b3a,#c9a04a,#1f6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-dreamdust{background:linear-gradient(90deg,#0a5f2a,#7bff8a,#0a1a0a,#0a5f2a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-blissfulglow{background:linear-gradient(90deg,#ff9ad5,#fff3e0,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-mintcookie{background:linear-gradient(90deg,#7cffcb,#3a2a1a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-relicgold{background:linear-gradient(90deg,#8a6a2a,#3a2a0a,#ffd76a,#8a6a2a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-icebreakerchill{background:linear-gradient(90deg,#a6e6ff,#eaffff,#4fb0ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-ashensequoia{background:linear-gradient(90deg,#2a2a2a,#5a6b4a,#2a2a2a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-porcelaindoll{background:linear-gradient(90deg,#fff3e0,#ff9ad5,#e8d6c4,#fff3e0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-axolotlpink{background:linear-gradient(90deg,#ff9ad5,#fff3e0,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-choco_ribbon{background:linear-gradient(90deg,#4a2f1a,#8a5a3a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-healthpackred{background:linear-gradient(90deg,#ff2e4d,#ffffff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-jadestoneglow{background:linear-gradient(90deg,#0a5f4a,#7bffcb,#0a5f4a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-sentineleye{background:linear-gradient(90deg,#4fb0ff,#0a0e2a,#4fb0ff,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-plantthornv2{background:linear-gradient(90deg,#1f6b3a,#0a2a10); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-heatseekerburn{background:linear-gradient(90deg,#ff2e4d,#ff8a3c,#ff2e4d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-retrogradepurple{background:linear-gradient(90deg,#4a1a8a,#8a5aff,#4a1a8a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-citylightsglow{background:linear-gradient(90deg,#ffce54,#4fc3ff,#ff2e9a,#ffce54); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-laboratoryglow{background:linear-gradient(90deg,#7fe6c4,#eafff8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-tuxedocatv2{background:linear-gradient(90deg,#1a1a1a,#ffffff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-sourgummy{background:linear-gradient(90deg,#baff29,#ff9ad5,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-summersod{background:linear-gradient(90deg,#7bb84a,#3a6b1a); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
/* ---- Variety pack #4 (150+ more paints) ---- */
.paint-windswept{background:linear-gradient(90deg,#ff2e4d,#ffce54,#ff2e4d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-amberlight{background:linear-gradient(90deg,#4fc3ff,#eafcff,#4fc3ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-cobaltdrift{background:linear-gradient(90deg,#0f9d63,#7bff8a,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-twilightrune{background:linear-gradient(90deg,#7b2fff,#ff4fd8,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-marblefizz{background:linear-gradient(90deg,#ffb23d,#ff6a2b,#ffb23d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-copperstorm{background:linear-gradient(90deg,#39D9C9,#8ff0ff,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-quartzbloom{background:linear-gradient(90deg,#ff9ad5,#fff3e0,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-velvetdune{background:linear-gradient(90deg,#2b5fa8,#c9d9ff,#2b5fa8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-frostedember{background:linear-gradient(90deg,#8a5a3a,#e8c07a,#8a5a3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-papayaglow{background:linear-gradient(90deg,#c9d2de,#ffffff,#8b95a5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-cidermist{background:linear-gradient(90deg,#baff29,#0a3d24,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-auricvein{background:linear-gradient(90deg,#ff6a8a,#ffe3ea); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-nightbloom{background:linear-gradient(90deg,#e8e02a,#fff9b0,#e8e02a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-staticfizz{background:linear-gradient(90deg,#5b2fd6,#a4e9ff,#5b2fd6); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-moonshadow{background:linear-gradient(90deg,#8a1a1a,#ff5a3d,#8a1a1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-sundial{background:linear-gradient(90deg,#0a5f7a,#7bd6ff,#0a5f7a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-riverstone{background:linear-gradient(90deg,#1f6b3a,#c9a04a,#1f6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-vermilion{background:linear-gradient(90deg,#ff2e9a,#00f0ff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-cloudburst{background:linear-gradient(90deg,#fff3e0,#e8d6c4); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-staticneon{background:linear-gradient(90deg,#0a0e2a,#4fb0ff,#0a0e2a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-wisteria{background:linear-gradient(90deg,#ffd76a,#ffffff,#ffd76a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-marigolddusk{background:linear-gradient(90deg,#4a1206,#ff5a1f,#1a0602,#4a1206); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-snapdragon{background:linear-gradient(90deg,#7fe6c4,#eafff8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-foxglove{background:linear-gradient(90deg,#8a2be2,#ff69d4,#8a2be2); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-larkspur{background:linear-gradient(90deg,#ff2e4d,#ffce54,#ff2e4d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-hyacinth{background:linear-gradient(90deg,#4fc3ff,#eafcff,#4fc3ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-ashwood{background:linear-gradient(90deg,#0f9d63,#7bff8a,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-driftwood{background:linear-gradient(90deg,#7b2fff,#ff4fd8,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-ironwood{background:linear-gradient(90deg,#ffb23d,#ff6a2b,#ffb23d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-redwoodglow{background:linear-gradient(90deg,#39D9C9,#8ff0ff,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-cedarsmoke{background:linear-gradient(90deg,#ff9ad5,#fff3e0,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-birchlight{background:linear-gradient(90deg,#2b5fa8,#c9d9ff,#2b5fa8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-willowwhisper{background:linear-gradient(90deg,#8a5a3a,#e8c07a,#8a5a3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-sagebrush{background:linear-gradient(90deg,#c9d2de,#ffffff,#8b95a5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-thistledown{background:linear-gradient(90deg,#baff29,#0a3d24,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-meadowlight{background:linear-gradient(90deg,#ff6a8a,#ffe3ea); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-prairiedusk{background:linear-gradient(90deg,#e8e02a,#fff9b0,#e8e02a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-canyonember{background:linear-gradient(90deg,#5b2fd6,#a4e9ff,#5b2fd6); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-mesaglow{background:linear-gradient(90deg,#8a1a1a,#ff5a3d,#8a1a1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-basalt{background:linear-gradient(90deg,#0a5f7a,#7bd6ff,#0a5f7a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-obsidianvein{background:linear-gradient(90deg,#1f6b3a,#c9a04a,#1f6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-onyxtrace{background:linear-gradient(90deg,#ff2e9a,#00f0ff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-opalescence{background:linear-gradient(90deg,#fff3e0,#e8d6c4); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-garnetdrop{background:linear-gradient(90deg,#0a0e2a,#4fb0ff,#0a0e2a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-topazwash{background:linear-gradient(90deg,#ffd76a,#ffffff,#ffd76a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-peridotspark{background:linear-gradient(90deg,#4a1206,#ff5a1f,#1a0602,#4a1206); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-citrinefade{background:linear-gradient(90deg,#7fe6c4,#eafff8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-aquamarinewave{background:linear-gradient(90deg,#8a2be2,#ff69d4,#8a2be2); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-tourmaline{background:linear-gradient(90deg,#ff2e4d,#ffce54,#ff2e4d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-moonstone{background:linear-gradient(90deg,#4fc3ff,#eafcff,#4fc3ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-sunstone{background:linear-gradient(90deg,#0f9d63,#7bff8a,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-bloodstone{background:linear-gradient(90deg,#7b2fff,#ff4fd8,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-malachite{background:linear-gradient(90deg,#ffb23d,#ff6a2b,#ffb23d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-turquoisevein{background:linear-gradient(90deg,#39D9C9,#8ff0ff,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-lapisdrift{background:linear-gradient(90deg,#ff9ad5,#fff3e0,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-jasper{background:linear-gradient(90deg,#2b5fa8,#c9d9ff,#2b5fa8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-agateswirl{background:linear-gradient(90deg,#8a5a3a,#e8c07a,#8a5a3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-chalcedony{background:linear-gradient(90deg,#c9d2de,#ffffff,#8b95a5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-coralreef{background:linear-gradient(90deg,#baff29,#0a3d24,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-kelpforest{background:linear-gradient(90deg,#ff6a8a,#ffe3ea); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-tidepool{background:linear-gradient(90deg,#e8e02a,#fff9b0,#e8e02a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-driftglass{background:linear-gradient(90deg,#5b2fd6,#a4e9ff,#5b2fd6); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-seaglass{background:linear-gradient(90deg,#8a1a1a,#ff5a3d,#8a1a1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-whitecap{background:linear-gradient(90deg,#0a5f7a,#7bd6ff,#0a5f7a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-rippletide{background:linear-gradient(90deg,#1f6b3a,#c9a04a,#1f6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-barnacle{background:linear-gradient(90deg,#ff2e9a,#00f0ff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-anemone{background:linear-gradient(90deg,#fff3e0,#e8d6c4); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-starfishglow{background:linear-gradient(90deg,#0a0e2a,#4fb0ff,#0a0e2a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-sanddollar{background:linear-gradient(90deg,#ffd76a,#ffffff,#ffd76a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-shoreline{background:linear-gradient(90deg,#4a1206,#ff5a1f,#1a0602,#4a1206); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-harborlight{background:linear-gradient(90deg,#7fe6c4,#eafff8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-lighthouse{background:linear-gradient(90deg,#8a2be2,#ff69d4,#8a2be2); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-fogbank{background:linear-gradient(90deg,#ff2e4d,#ffce54,#ff2e4d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-mistral{background:linear-gradient(90deg,#4fc3ff,#eafcff,#4fc3ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-zephyr{background:linear-gradient(90deg,#0f9d63,#7bff8a,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-galeforce{background:linear-gradient(90deg,#7b2fff,#ff4fd8,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-cycloneeye{background:linear-gradient(90deg,#ffb23d,#ff6a2b,#ffb23d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-squall{background:linear-gradient(90deg,#39D9C9,#8ff0ff,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-rimefrost{background:linear-gradient(90deg,#ff9ad5,#fff3e0,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-blizzard{background:linear-gradient(90deg,#2b5fa8,#c9d9ff,#2b5fa8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-permafrost{background:linear-gradient(90deg,#8a5a3a,#e8c07a,#8a5a3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-icicle{background:linear-gradient(90deg,#c9d2de,#ffffff,#8b95a5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-snowdrift{background:linear-gradient(90deg,#baff29,#0a3d24,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-hoarfrost{background:linear-gradient(90deg,#ff6a8a,#ffe3ea); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-sleetstorm{background:linear-gradient(90deg,#e8e02a,#fff9b0,#e8e02a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-thunderhead{background:linear-gradient(90deg,#5b2fd6,#a4e9ff,#5b2fd6); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-staticcharge{background:linear-gradient(90deg,#8a1a1a,#ff5a3d,#8a1a1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-lightningvein{background:linear-gradient(90deg,#0a5f7a,#7bd6ff,#0a5f7a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-ozone{background:linear-gradient(90deg,#1f6b3a,#c9a04a,#1f6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-auroraveil{background:linear-gradient(90deg,#ff2e9a,#00f0ff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
/* ---- Variety pack #4 ---- */
.paint-plasmacore{background:linear-gradient(90deg,#ff2ee0,#7b2fff,#00f0ff,#ff2ee0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-midnightgold{background:linear-gradient(90deg,#151633,#ffd76a,#151633); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.1s linear infinite;}
.paint-seaglass{background:linear-gradient(90deg,#a8f0e0,#e8fffa,#a8f0e0); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-cherrycola{background:linear-gradient(90deg,#8a0f1f,#ff2e4d,#8a0f1f); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-blushpetal{background:linear-gradient(90deg,#ffd6e6,#ffb3cf,#ffd6e6); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-inkstorm{background:linear-gradient(90deg,#1b1f3a,#4f5bd5,#1b1f3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-goldenember{background:linear-gradient(90deg,#ffb23d,#ff5e3a,#ffb23d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-glacierveil{background:linear-gradient(90deg,#bfe9ff,#5fc4ff,#e8fbff,#bfe9ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.3s linear infinite;}
.paint-vantablack{background:linear-gradient(90deg,#000,#3a3a3a,#000); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.9s linear infinite; text-shadow:0 0 6px rgba(255,255,255,0.15);}
.paint-neonpulse{background:linear-gradient(90deg,#39D9C9,#ff2e9a,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-copperrust{background:linear-gradient(90deg,#b5651d,#e8a869,#b5651d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-hologram{background:linear-gradient(90deg,#ff2e9a,#ffd76a,#39D9C9,#7b2fff,#ff2e9a); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-solstice{background:linear-gradient(90deg,#fff3e0,#e8d6c4); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-equinox{background:linear-gradient(90deg,#0a0e2a,#4fb0ff,#0a0e2a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-eclipseshadow{background:linear-gradient(90deg,#ffd76a,#ffffff,#ffd76a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-zenith{background:linear-gradient(90deg,#4a1206,#ff5a1f,#1a0602,#4a1206); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-meridian{background:linear-gradient(90deg,#7fe6c4,#eafff8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-horizonline{background:linear-gradient(90deg,#8a2be2,#ff69d4,#8a2be2); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-vantage{background:linear-gradient(90deg,#ff2e4d,#ffce54,#ff2e4d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-overlook{background:linear-gradient(90deg,#4fc3ff,#eafcff,#4fc3ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-skylineglow{background:linear-gradient(90deg,#0f9d63,#7bff8a,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-rooftopneon{background:linear-gradient(90deg,#7b2fff,#ff4fd8,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-alleyway{background:linear-gradient(90deg,#ffb23d,#ff6a2b,#ffb23d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-subwayflicker{background:linear-gradient(90deg,#39D9C9,#8ff0ff,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-arcadestatic{background:linear-gradient(90deg,#ff9ad5,#fff3e0,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-pixeldust{background:linear-gradient(90deg,#2b5fa8,#c9d9ff,#2b5fa8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-bytefade{background:linear-gradient(90deg,#8a5a3a,#e8c07a,#8a5a3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-circuittrace{background:linear-gradient(90deg,#c9d2de,#ffffff,#8b95a5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-motherboard{background:linear-gradient(90deg,#baff29,#0a3d24,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-dialup{background:linear-gradient(90deg,#ff6a8a,#ffe3ea); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-cassettefade{background:linear-gradient(90deg,#e8e02a,#fff9b0,#e8e02a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-vhsstatic{background:linear-gradient(90deg,#5b2fd6,#a4e9ff,#5b2fd6); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-polaroidfade{background:linear-gradient(90deg,#8a1a1a,#ff5a3d,#8a1a1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-kodachrome{background:linear-gradient(90deg,#0a5f7a,#7bd6ff,#0a5f7a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-sepiawash{background:linear-gradient(90deg,#1f6b3a,#c9a04a,#1f6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-daguerreotype{background:linear-gradient(90deg,#ff2e9a,#00f0ff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-vintagevellum{background:linear-gradient(90deg,#fff3e0,#e8d6c4); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-parchment{background:linear-gradient(90deg,#0a0e2a,#4fb0ff,#0a0e2a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-inkwell{background:linear-gradient(90deg,#ffd76a,#ffffff,#ffd76a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-quilltrace{background:linear-gradient(90deg,#4a1206,#ff5a1f,#1a0602,#4a1206); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-manuscript{background:linear-gradient(90deg,#7fe6c4,#eafff8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-cipher{background:linear-gradient(90deg,#8a2be2,#ff69d4,#8a2be2); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-runecarving{background:linear-gradient(90deg,#ff2e4d,#ffce54,#ff2e4d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-glyphtrace{background:linear-gradient(90deg,#4fc3ff,#eafcff,#4fc3ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-sigilbloom{background:linear-gradient(90deg,#0f9d63,#7bff8a,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-talismanglow{background:linear-gradient(90deg,#7b2fff,#ff4fd8,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-amuletshine{background:linear-gradient(90deg,#ffb23d,#ff6a2b,#ffb23d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-charmbracelet{background:linear-gradient(90deg,#39D9C9,#8ff0ff,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-locket{background:linear-gradient(90deg,#ff9ad5,#fff3e0,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-heirloom{background:linear-gradient(90deg,#2b5fa8,#c9d9ff,#2b5fa8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-antiquebrass{background:linear-gradient(90deg,#8a5a3a,#e8c07a,#8a5a3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-pewterdusk{background:linear-gradient(90deg,#c9d2de,#ffffff,#8b95a5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-tinware{background:linear-gradient(90deg,#baff29,#0a3d24,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-foundryember{background:linear-gradient(90deg,#ff6a8a,#ffe3ea); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-blacksmith{background:linear-gradient(90deg,#e8e02a,#fff9b0,#e8e02a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-anvilspark{background:linear-gradient(90deg,#5b2fd6,#a4e9ff,#5b2fd6); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-forgefire{background:linear-gradient(90deg,#8a1a1a,#ff5a3d,#8a1a1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-smelter{background:linear-gradient(90deg,#0a5f7a,#7bd6ff,#0a5f7a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-alchemistvial{background:linear-gradient(90deg,#1f6b3a,#c9a04a,#1f6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-potionfizz{background:linear-gradient(90deg,#ff2e9a,#00f0ff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-elixirglow{background:linear-gradient(90deg,#fff3e0,#e8d6c4); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-tincture{background:linear-gradient(90deg,#0a0e2a,#4fb0ff,#0a0e2a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-distillery{background:linear-gradient(90deg,#ffd76a,#ffffff,#ffd76a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-brewhouse{background:linear-gradient(90deg,#4a1206,#ff5a1f,#1a0602,#4a1206); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-maltedbarley{background:linear-gradient(90deg,#7fe6c4,#eafff8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-hopfield{background:linear-gradient(90deg,#8a2be2,#ff69d4,#8a2be2); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-vineyarddusk{background:linear-gradient(90deg,#ff2e4d,#ffce54,#ff2e4d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-cellardark{background:linear-gradient(90deg,#4fc3ff,#eafcff,#4fc3ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-barrelaged{background:linear-gradient(90deg,#0f9d63,#7bff8a,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-oakcask{background:linear-gradient(90deg,#7b2fff,#ff4fd8,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-corkpop{background:linear-gradient(90deg,#ffb23d,#ff6a2b,#ffb23d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-decanterglow{background:linear-gradient(90deg,#39D9C9,#8ff0ff,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-gobletshine{background:linear-gradient(90deg,#ff9ad5,#fff3e0,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-chalice{background:linear-gradient(90deg,#2b5fa8,#c9d9ff,#2b5fa8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-graillight{background:linear-gradient(90deg,#8a5a3a,#e8c07a,#8a5a3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-crownjewel{background:linear-gradient(90deg,#c9d2de,#ffffff,#8b95a5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-scepter{background:linear-gradient(90deg,#baff29,#0a3d24,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-regalia{background:linear-gradient(90deg,#ff6a8a,#ffe3ea); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-coronation{background:linear-gradient(90deg,#e8e02a,#fff9b0,#e8e02a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-throneroom{background:linear-gradient(90deg,#5b2fd6,#a4e9ff,#5b2fd6); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-castlekeep{background:linear-gradient(90deg,#8a1a1a,#ff5a3d,#8a1a1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-rampart{background:linear-gradient(90deg,#0a5f7a,#7bd6ff,#0a5f7a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-portcullis{background:linear-gradient(90deg,#1f6b3a,#c9a04a,#1f6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-drawbridge{background:linear-gradient(90deg,#ff2e9a,#00f0ff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-moatreflection{background:linear-gradient(90deg,#fff3e0,#e8d6c4); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-watchtower{background:linear-gradient(90deg,#0a0e2a,#4fb0ff,#0a0e2a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-bannerwave{background:linear-gradient(90deg,#ffd76a,#ffffff,#ffd76a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-heraldry{background:linear-gradient(90deg,#4a1206,#ff5a1f,#1a0602,#4a1206); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-coatofarms{background:linear-gradient(90deg,#7fe6c4,#eafff8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-tapestryweave{background:linear-gradient(90deg,#8a2be2,#ff69d4,#8a2be2); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-loomthread{background:linear-gradient(90deg,#ff2e4d,#ffce54,#ff2e4d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-spindle{background:linear-gradient(90deg,#4fc3ff,#eafcff,#4fc3ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-silkroad{background:linear-gradient(90deg,#0f9d63,#7bff8a,#0f9d63); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-caravandusk{background:linear-gradient(90deg,#7b2fff,#ff4fd8,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-bazaarglow{background:linear-gradient(90deg,#ffb23d,#ff6a2b,#ffb23d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-spicemarket{background:linear-gradient(90deg,#39D9C9,#8ff0ff,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-lanternrow{background:linear-gradient(90deg,#ff9ad5,#fff3e0,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-souk{background:linear-gradient(90deg,#2b5fa8,#c9d9ff,#2b5fa8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-oasismirage{background:linear-gradient(90deg,#8a5a3a,#e8c07a,#8a5a3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-dunesea{background:linear-gradient(90deg,#c9d2de,#ffffff,#8b95a5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-sirocco{background:linear-gradient(90deg,#baff29,#0a3d24,#baff29); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-mirageshimmer{background:linear-gradient(90deg,#ff6a8a,#ffe3ea); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-sandstorm{background:linear-gradient(90deg,#e8e02a,#fff9b0,#e8e02a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-bedrock{background:linear-gradient(90deg,#5b2fd6,#a4e9ff,#5b2fd6); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-faultline{background:linear-gradient(90deg,#8a1a1a,#ff5a3d,#8a1a1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-tectonic{background:linear-gradient(90deg,#0a5f7a,#7bd6ff,#0a5f7a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.0s linear infinite;}
.paint-magmavein{background:linear-gradient(90deg,#1f6b3a,#c9a04a,#1f6b3a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-lavafield{background:linear-gradient(90deg,#ff2e9a,#00f0ff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-ashcloud{background:linear-gradient(90deg,#fff3e0,#e8d6c4); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-cindercone{background:linear-gradient(90deg,#0a0e2a,#4fb0ff,#0a0e2a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-geysermist{background:linear-gradient(90deg,#ffd76a,#ffffff,#ffd76a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3.0s linear infinite;}
.paint-hotspring{background:linear-gradient(90deg,#4a1206,#ff5a1f,#1a0602,#4a1206); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-sulfurvent{background:linear-gradient(90deg,#7fe6c4,#eafff8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.paint-caldera{background:linear-gradient(90deg,#8a2be2,#ff69d4,#8a2be2); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}

/* ---------------- Battle Pass ---------------- */
.chat-user-wrap, .lb-name-wrap{ display:inline-flex; align-items:center; gap:3px; }
.paint-christmas{background:linear-gradient(90deg,#c0392b,#2ecc71,#c0392b); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-valentine{background:linear-gradient(90deg,#ff4d6d,#ffb3c6,#ff4d6d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-stpatrick{background:linear-gradient(90deg,#0b8457,#7CFC97,#0b8457); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-easter{background:linear-gradient(90deg,#b18cff,#ffe08c,#8cf0ff,#b18cff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-halloween{background:linear-gradient(90deg,#ff7b00,#2b0033,#ff7b00); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-ownerbday{background:linear-gradient(90deg,#39D9C9,#FF6A2B,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-streamday{background:linear-gradient(90deg,#8B5CF6,#22D3EE,#8B5CF6); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}

.bp-header{ padding:10px 4px 16px; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:10px; }
.bp-header-actions{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:6px; }
.bp-progress{ height:8px; border-radius:6px; background:rgba(255,255,255,.08); overflow:hidden; margin:8px 0; }
.bp-progress-fill{ height:100%; background:linear-gradient(90deg,#39D9C9,#8B5CF6); }
.chip-premium{ display:inline-block; padding:2px 10px; border-radius:20px; background:rgba(139,92,246,.2); color:#c9a9ff; font-size:12px; }
.bp-table{ display:flex; flex-direction:column; gap:2px; max-height:50vh; overflow-y:auto; }
.bp-row{ display:grid; grid-template-columns:50px 1fr 1fr; align-items:center; gap:8px; padding:6px 4px; border-radius:6px; }
.bp-row.unlocked{ background:rgba(57,217,201,.06); }
.bp-row-head{ font-size:11px; text-transform:uppercase; color:var(--muted,#888); }
.bp-tier{ font-weight:700; opacity:.7; }
.bp-reward{ display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:13px; }
.bp-premium-col{ color:#c9a9ff; }

/* ---------------- Themed case paints ---------------- */
@keyframes thermalCycle{ 0%{filter:hue-rotate(0deg) saturate(1.4);} 100%{filter:hue-rotate(360deg) saturate(1.4);} }
.paint-thermal-scope,.paint-thermal-vision,.paint-thermal-core{
  background:linear-gradient(90deg,#ff3b30,#ffd60a,#34c759,#0a84ff,#af52de,#ff3b30);
  background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  animation:paintShift 2s linear infinite, thermalCycle 4s linear infinite;
}
.paint-frostbyte{background:linear-gradient(90deg,#8ff0ff,#ffffff,#4fb0ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-chromegrind{background:linear-gradient(90deg,#c7ccd1,#ffffff,#7a8290,#c7ccd1); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-obsidianice{background:linear-gradient(90deg,#0a0e1a,#8ff0ff,#0a0e1a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-toastwave{background:linear-gradient(90deg,#c47a3d,#ffd76a,#c47a3d); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-neonstatic{background:linear-gradient(90deg,#ff2e9a,#00f0ff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-gingerbeard{background:linear-gradient(90deg,#a85c2a,#ffb35c,#a85c2a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-r67gold{background:linear-gradient(90deg,#ffd76a,#fff8dc,#c9a227,#ffd76a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-turbostripe{background:linear-gradient(90deg,#0a84ff,#ffffff,#0a84ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-nitroburst{background:linear-gradient(90deg,#39D9C9,#ffffff,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-checkerdrift{background:linear-gradient(90deg,#111,#fff,#111,#fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-octaneglow{background:linear-gradient(90deg,#FF6A2B,#ffd76a,#FF6A2B); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-boostflame{background:linear-gradient(90deg,#ff4d5e,#ffce54,#ff6a2b,#ff4d5e); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}

/* ---------------- Daily/Weekly Shop ---------------- */
.shop-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:10px; }
.shop-item{ display:flex; align-items:center; gap:6px; padding:10px; border-radius:10px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); flex-wrap:wrap; }
.shop-item-icon{ font-size:16px; }
.shop-item-name{ font-weight:600; margin-right:auto; }

/* ===== Rewards tab ===== */
.rw-card{
  display:flex; align-items:center; gap:12px; padding:12px 14px; margin-bottom:10px;
  border-radius:12px; background:rgba(255,255,255,.04); border:1px solid var(--line);
}
.rw-card.rw-green{ background:rgba(15,157,99,0.08); border-color:rgba(15,157,99,0.35); }
.rw-icon{ font-size:20px; width:30px; text-align:center; flex-shrink:0; }
.rw-body{ flex:1; min-width:0; }
.rw-title{ font-weight:700; font-size:14px; }
.rw-sub{ font-size:12px; color:var(--text-dim); margin-top:2px; }
.rw-chip{
  font-size:11px; font-weight:700; padding:5px 10px; border-radius:999px;
  background:var(--panel-2); color:var(--text-dim); border:1px solid var(--line); white-space:nowrap;
}
.rw-chip-active{ color:#3dff7a; border-color:rgba(61,255,122,0.4); background:rgba(61,255,122,0.08); }
.rw-block{ flex-direction:column; align-items:stretch; }
.rw-row-top{ display:flex; align-items:center; gap:12px; }
.rw-progress{ height:6px; border-radius:999px; background:var(--panel-2); margin-top:10px; overflow:hidden; }
.rw-progress-fill{ height:100%; border-radius:999px; transition:width .3s ease; }
.rw-promo-row{ display:flex; gap:8px; }
.rw-promo-row input{
  flex:1; background:var(--panel); border:1px solid var(--line); border-radius:8px;
  color:var(--text); padding:8px 10px; font-size:13px;
}

/* ===== News & Updates feeds ===== */
.feed-list{ display:flex; flex-direction:column; gap:12px; max-height:60vh; overflow-y:auto; padding-right:4px; }
.feed-item{ padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid var(--line); }
.feed-item-head{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.feed-emoji{ font-size:15px; }
.feed-title{ font-weight:700; font-size:13.5px; flex:1; min-width:0; }
.feed-date{ font-size:11px; color:var(--text-faint); font-family:var(--font-mono); white-space:nowrap; }
.feed-tag{ font-size:10.5px; font-weight:700; padding:3px 8px; border-radius:999px; border:1px solid var(--line); color:var(--text-dim); }
.feed-tag-fix{ color:#ff6a6a; border-color:rgba(255,106,106,0.4); background:rgba(255,106,106,0.08); }
.feed-tag-feature{ color:#3dff7a; border-color:rgba(61,255,122,0.4); background:rgba(61,255,122,0.08); }
.feed-tag-change{ color:#8ff0ff; border-color:rgba(143,240,255,0.4); background:rgba(143,240,255,0.08); }
.feed-body{ font-size:12.5px; color:var(--text-dim); margin:6px 0 0; line-height:1.5; }

/* ---------------- Chat FAB + panel header ---------------- */
.chat-fab{
  position:fixed; bottom:22px; right:22px; z-index:70;
  width:52px; height:52px; border-radius:50%; font-size:20px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--neon-cyan,#00F0FF),var(--neon-pink,#FF2E9A));
  color:#04121a; box-shadow:0 6px 24px -4px rgba(61,220,151,.5);
  animation:fabPulse 2.6s ease-in-out infinite;
  transition:transform .15s ease;
}
.chat-fab:hover{ transform:scale(1.08); }
@keyframes fabPulse{ 0%,100%{ box-shadow:0 6px 24px -4px rgba(61,220,151,.5);} 50%{ box-shadow:0 6px 32px 2px rgba(255,176,0,.55);} }
.social-panel-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.social-panel-close{
  background:none; border:none; color:var(--text-faint,#9aa4b2); font-size:22px; line-height:1;
  cursor:pointer; padding:2px 8px; border-radius:6px;
}
.social-panel-close:hover{ background:rgba(255,255,255,.08); color:var(--text); }

/* ===== Missing paint CSS fix: Limited Edition case, Battle Pass exclusives,
   Secret Battle Pass (SECRETZ code), and Mogul Season mini pass. These were
   defined in auth.js's PAINT_LIST but never got a CSS rule, so they
   rendered as plain unstyled text ("Aa..." with no color/animation). ===== */

/* ---- Limited Edition launch-week case ---- */
.paint-comet{background:linear-gradient(90deg,#8fb4ff,#e8f3ff,#4f7cff,#8fb4ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-starburst{background:linear-gradient(90deg,#ffce54,#ffffff,#ff9a3d,#ffce54); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-eventhorizon{background:linear-gradient(90deg,#050510,#7b2fff,#00F0FF,#050510); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-firstlight{background:linear-gradient(90deg,#ffffff,#ffe9b3,#ff4fd8,#4fb0ff,#ffffff); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}

/* ---- Battle Pass premium-track exclusives ---- */
.paint-pass-ember{background:linear-gradient(90deg,#ff6a2b,#ffb08a,#ff6a2b); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-pass-frost{background:linear-gradient(90deg,#39D9C9,#e8fffb,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-pass-glimmer{background:linear-gradient(90deg,#ffe9b3,#ffffff,#ffce54,#ffe9b3); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-pass-riftwalk{background:linear-gradient(90deg,#7b2fff,#00F0FF,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-pass-hologram{background:linear-gradient(90deg,#c9a4ff,#a4e9ff,#ff9ad5,#c9a4ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.5s linear infinite;}
.paint-pass-magenta{background:linear-gradient(90deg,#ff2e9a,#ff8ac6,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-pass-goldrelic{background:linear-gradient(90deg,#8a6a1f,#ffd76a,#fff3c4,#8a6a1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-pass-obsidian{background:linear-gradient(90deg,#0a0a10,#3a3a4a,#0a0a10,#5c5c72); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.7s linear infinite;}
.paint-pass-solstice{background:linear-gradient(90deg,#ff6a2b,#ffce54,#7b2fff,#ff6a2b); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-pass-wraith{background:linear-gradient(90deg,#1a0a2e,#7b2fff,#1a0a2e,#c68bff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-pass-tempest{background:linear-gradient(90deg,#0a2540,#00F0FF,#0a2540,#4f7cff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-pass-mirage{background:linear-gradient(90deg,#ff9a3d,#ffce54,#4fb0ff,#ff9a3d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-pass-eclipse{background:linear-gradient(90deg,#050510,#ff2e9a,#00F0FF,#050510); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-pass-genesis{background:linear-gradient(90deg,#39D9C9,#baff29,#39D9C9,#ffce54); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-pass-zenith{background:linear-gradient(90deg,#ffffff,#00F0FF,#7b2fff,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-pass-oblivion{background:linear-gradient(90deg,#000000,#3a0a4a,#000000,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 3s linear infinite;}
.paint-pass-starforge{background:linear-gradient(90deg,#ff6a2b,#ffffff,#ffce54,#ff2e4d,#ff6a2b); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.3s linear infinite;}
.paint-pass-infinity{background:linear-gradient(90deg,#ff4fd8,#7b2fff,#00F0FF,#baff29,#ffce54,#ff4fd8); background-size:600% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.1s linear infinite;}

/* ---- Prestige Battle Pass ---- */
.paint-prestige-aurora{background:linear-gradient(90deg,#4fb0ff,#baff29,#4fb0ff,#00F0FF); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-prestige-voidgold{background:linear-gradient(90deg,#0a0a10,#ffd76a,#0a0a10,#fff3c4); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-prestige-crimson{background:linear-gradient(90deg,#3a0a0a,#ff2e4d,#3a0a0a,#ff9a3d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-prestige-abyss{background:linear-gradient(90deg,#050a1e,#7b2fff,#050a1e,#00F0FF); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-prestige-royal{background:linear-gradient(90deg,#1a0a2e,#c68bff,#1a0a2e,#ffd76a); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-prestige-ascendant{background:linear-gradient(90deg,#ffffff,#ffce54,#ff4fd8,#00F0FF,#ffffff); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-prestige-eternum{background:linear-gradient(90deg,#ff4fd8,#ffd76a,#7b2fff,#00F0FF,#baff29,#ff4fd8); background-size:600% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1s linear infinite;}

/* ---- Secret Battle Pass (promo code SECRETZ) ---- */
.paint-secretz-shadowveil{background:linear-gradient(90deg,#0a0a14,#3a3a5e,#0a0a14,#5c5c9e); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.6s linear infinite;}
.paint-secretz-voidglass{background:linear-gradient(90deg,#0a1a1e,#39D9C9,#0a1a1e,#4f7cff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-secretz-cipherglow{background:linear-gradient(90deg,#00F0FF,#ff2e9a,#baff29,#00F0FF); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-secretz-hexbloom{background:linear-gradient(90deg,#7b2fff,#ff9ad5,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-secretz-nullpulse{background:linear-gradient(90deg,#050510,#ff2e4d,#050510,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}

/* ---- Mogul Season weekly mini pass ---- */
.paint-mogul-runway{background:linear-gradient(90deg,#e8e8e8,#ffffff,#c9c9c9,#e8e8e8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-mogul-blackout{background:linear-gradient(90deg,#0a0a0a,#3a3a3a,#0a0a0a,#5c5c5c); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.5s linear infinite;}
.paint-mogul-stadium{background:linear-gradient(90deg,#ffce54,#ffffff,#ff9a3d,#ffce54); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.5s linear infinite;}
.paint-mogul-platinum{background:linear-gradient(90deg,#e0e0e0,#ffffff,#a8a8c0,#e0e0e0); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}

/* ---- Mogul Season extension tiers ---- */
.paint-mogul-encore{background:linear-gradient(90deg,#c9c9c9,#ffffff,#8a8a8a,#c9c9c9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-mogul-headliner{background:linear-gradient(90deg,#ffce54,#ff9a3d,#ffffff,#ffce54); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-mogul-anthem{background:linear-gradient(90deg,#7b2fff,#ffce54,#7b2fff,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-mogul-legacy{background:linear-gradient(90deg,#ffffff,#ffce54,#ff2e9a,#7b2fff,#ffffff); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.2s linear infinite;}

/* ---- Neon Static Season ---- */
.paint-static-neonhaze{background:linear-gradient(90deg,#7b2fff,#ff4fd8,#7b2fff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-static-lucid{background:linear-gradient(90deg,#4f7cff,#c9a4ff,#4f7cff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-static-afterglow{background:linear-gradient(90deg,#ff9ad5,#ffe9b3,#ff9ad5); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-static-starlit{background:linear-gradient(90deg,#0a0a20,#00F0FF,#0a0a20,#7b2fff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
.paint-static-eternal{background:linear-gradient(90deg,#39D9C9,#ffffff,#7b2fff,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.5s linear infinite;}
.paint-static-legend{background:linear-gradient(90deg,#050510,#ff4fd8,#00F0FF,#050510,#7b2fff); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.2s linear infinite;}

/* ---- Westside Season ---- */
.paint-westside-lowrider{background:linear-gradient(90deg,#ff6a2b,#c9302c,#ff6a2b); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.3s linear infinite;}
.paint-westside-sunset{background:linear-gradient(90deg,#ff9a3d,#ff4fd8,#7b2fff,#ff9a3d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-westside-boulevard{background:linear-gradient(90deg,#39D9C9,#4f7cff,#39D9C9); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-westside-golden{background:linear-gradient(90deg,#ffd76a,#fff3c4,#ffd76a,#ff9a3d); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-westside-legend{background:linear-gradient(90deg,#8a6a1f,#ffd76a,#ffffff,#8a6a1f); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-westside-icon{background:linear-gradient(90deg,#ff6a2b,#ffce54,#7b2fff,#00F0FF,#ff6a2b); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.3s linear infinite;}

/* Twitch-account link reward */
.paint-7tv-sync{background:linear-gradient(90deg,#7b2fff,#00F0FF,#7b2fff,#39D9C9); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.8s linear infinite;}
/* Bogless — promo-exclusive, inspired by a teal/cyan bolt icon */
.paint-bogless{background:linear-gradient(100deg,#0b1420,#39D9C9,#00F0FF,#0b1420,#39D9C9); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}

/* Mini pass: Gamble Kingz (30 tiers) */
.paint-gk-bronze{background:linear-gradient(90deg,#8a5a2f,#cd8a52,#8a5a2f); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.4s linear infinite;}
.paint-gk-silver{background:linear-gradient(90deg,#a8a8b8,#eaeaf2,#a8a8b8); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.2s linear infinite;}
.paint-gk-gold{background:linear-gradient(90deg,#ffce54,#fff3c4,#ffce54); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2s linear infinite;}
.paint-gk-platinum{background:linear-gradient(90deg,#dfe6ee,#ffffff,#b8c2d0,#dfe6ee); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-gk-diamond{background:linear-gradient(90deg,#8ff0ff,#ffffff,#39D9C9,#8ff0ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.7s linear infinite;}
.paint-gk-crown{background:linear-gradient(90deg,#ffce54,#7b2fff,#ffce54); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-gk-throne{background:linear-gradient(90deg,#3a0a4a,#ffce54,#3a0a4a,#7b2fff); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.5s linear infinite;}
.paint-gk-empire{background:linear-gradient(90deg,#ff2e4d,#ffce54,#7b2fff,#ff2e4d); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}
.paint-gk-dynasty{background:linear-gradient(90deg,#050510,#ffce54,#ff2e9a,#050510,#7b2fff); background-size:600% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.3s linear infinite;}
.paint-gk-kingz{background:linear-gradient(90deg,#000000,#ffce54,#ff2e4d,#7b2fff,#00F0FF,#000000); background-size:700% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.1s linear infinite;}

/* Mini pass: Frost Circuit */
.paint-frost-drift{background:linear-gradient(90deg,#8ff0ff,#ffffff,#8ff0ff); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-frost-glacier2{background:linear-gradient(90deg,#4fd8ff,#ffffff,#39D9C9,#4fd8ff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-frost-blizzard{background:linear-gradient(90deg,#ffffff,#8ff0ff,#4f7cff,#ffffff); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-frost-icecore{background:linear-gradient(90deg,#0a2a3a,#8ff0ff,#ffffff,#0a2a3a,#4f7cff); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.4s linear infinite;}

/* Mini pass: Neon Rally */
.paint-rally-ignition{background:linear-gradient(90deg,#ff6a2b,#ffce54,#ff6a2b); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.1s linear infinite;}
.paint-rally-drift{background:linear-gradient(90deg,#ff2e9a,#7b2fff,#ff2e9a); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.9s linear infinite;}
.paint-rally-checkpoint{background:linear-gradient(90deg,#baff29,#00F0FF,#baff29); background-size:400% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.6s linear infinite;}
.paint-rally-finishline{background:linear-gradient(90deg,#000000,#ffffff,#000000,#ff2e4d); background-size:500% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 1.3s linear infinite;}

/* ===== Settings: extra features ===== */
:root{ --accent: var(--cyan); }

/* Reduced motion — kills transitions/animations for anyone who wants a
   calmer, non-flashy site. */
body.reduce-motion *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }

/* Compact mode — tightens up padding across cards/modals for a denser UI. */
body.compact-mode .admin-card{ padding:10px; }
body.compact-mode .modal{ padding:16px; }
body.compact-mode .cos-row{ padding:4px 6px !important; }

.accent-swatches{ display:flex; gap:8px; flex-wrap:wrap; }
.accent-swatch{
  width:28px; height:28px; border-radius:50%; cursor:pointer; border:2px solid transparent;
  box-shadow:0 0 0 1px var(--line) inset;
}
.accent-swatch.active{ border-color:#fff; }

.chat-time{ color:var(--text-faint); font-size:10.5px; margin-right:4px; font-family:var(--font-mono); }

/* Matrix language: falling green code rain behind everything */
#matrixRainCanvas{
  position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:0.55;
}
body.lang-mx{ --accent: #00ff6a; }
body.lang-mx .side-label, body.lang-mx h3, body.lang-mx h4{ text-shadow:0 0 6px rgba(0,255,106,0.5); }

/* Aussie language: labels render upside-down (unicode flip), so give them a
   touch of extra line-height/spacing so the flipped diacritics don't clip. */
body.lang-au .side-label, body.lang-au .btn, body.lang-au h3, body.lang-au h4{ line-height:1.6; }

/* ============================================================
   SETTINGS > APPEARANCE — theme mode, rounded corners, glow toggle.
   These attributes/classes were already being set by settings.js but had
   no matching CSS, so picking a theme or flipping a toggle did nothing.
   ============================================================ */
html[data-theme-mode="darker"]{
  --ink:#000000; --ink-2:#020304; --panel:#050708; --panel-2:#0a0d10;
  --line:#16191d; --line-soft:#101316;
}
html[data-theme-mode="midnight"]{
  --ink:#03040c; --ink-2:#060a1a; --panel:#0a0e24; --panel-2:#0f1530;
  --line:#1c2550; --line-soft:#161e42; --accent:#4d6bff;
}
html[data-theme-mode="highcontrast"]{
  --ink:#000000; --ink-2:#000000; --panel:#0a0a0a; --panel-2:#141414;
  --line:#ffffff; --line-soft:#888888; --text:#ffffff; --text-dim:#e6e6e6;
  --text-faint:#c9c9c9;
}
html[data-theme-mode="highcontrast"] .btn, html[data-theme-mode="highcontrast"] .admin-card{
  border-width:2px;
}

html.no-rounded, html.no-rounded *{ border-radius:0 !important; }

html.no-glow *{ box-shadow:none !important; text-shadow:none !important; }
html.no-glow .glow, html.no-glow [class*="glow"]{ filter:none !important; }

/* ============================================================
   Legends Pass — shared animated paint-effect families.
   Each generated Legends paint (see legendspass.js) sets three
   CSS custom properties (--pc1/--pc2/--pc3, its own colors) and
   picks ONE of the classes below, so 5000 unique-colored paints
   only need ~12 real animations defined once, instead of 5000
   hand-written ones.
   ============================================================ */
.pe-shift{ background:linear-gradient(90deg, var(--pc1), var(--pc2), var(--pc3), var(--pc1)); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:peShift 2.4s linear infinite; }
@keyframes peShift{ 0%{background-position:0% center;} 100%{background-position:200% center;} }

.pe-pulse{ color:var(--pc1); animation:pePulse 1.4s ease-in-out infinite; }
@keyframes pePulse{ 0%,100%{ color:var(--pc1); text-shadow:0 0 4px color-mix(in srgb, var(--pc1) 50%, transparent);} 50%{ color:var(--pc2); text-shadow:0 0 10px color-mix(in srgb, var(--pc2) 80%, transparent);} }

.pe-rainbow{ background:linear-gradient(90deg, var(--pc1), var(--pc2), var(--pc3)); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:peRainbow 3.2s linear infinite; }
@keyframes peRainbow{ 0%{filter:hue-rotate(0deg);} 100%{filter:hue-rotate(360deg);} }

.pe-glow{ color:var(--pc1); animation:peGlow 1.8s ease-in-out infinite; }
@keyframes peGlow{ 0%,100%{ text-shadow:0 0 3px var(--pc1), 0 0 6px var(--pc2);} 50%{ text-shadow:0 0 10px var(--pc1), 0 0 18px var(--pc2), 0 0 24px var(--pc3);} }

.pe-wave{ background:linear-gradient(90deg, var(--pc1), var(--pc2)); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; display:inline-block; animation:peWave 2.6s ease-in-out infinite; }
@keyframes peWave{ 0%,100%{ transform:skewX(0deg);} 50%{ transform:skewX(-3deg) translateY(-1px);} }

.pe-glitch{ color:var(--pc1); position:relative; animation:peGlitch 2.8s steps(1) infinite; }
@keyframes peGlitch{ 0%,92%,100%{ color:var(--pc1); text-shadow:none; transform:translate(0,0);} 93%{ color:var(--pc2); text-shadow:1px 0 var(--pc3); transform:translate(-1px,0);} 95%{ color:var(--pc3); text-shadow:-1px 0 var(--pc2); transform:translate(1px,0);} 97%{ color:var(--pc1); transform:translate(0,0);} }

.pe-chrome{ background:linear-gradient(120deg, var(--pc1) 0%, var(--pc2) 30%, #fff 45%, var(--pc3) 60%, var(--pc1) 100%); background-size:250% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:peChrome 3.6s linear infinite; }
@keyframes peChrome{ 0%{background-position:0% center;} 100%{background-position:200% center;} }

.pe-neon{ color:var(--pc1); animation:peNeon 1.6s ease-in-out infinite alternate; }
@keyframes peNeon{ 0%{ text-shadow:0 0 2px var(--pc1), 0 0 4px var(--pc1);} 100%{ text-shadow:0 0 6px var(--pc2), 0 0 14px var(--pc2), 0 0 22px var(--pc3);} }

.pe-holo{ background:linear-gradient(100deg, var(--pc1), var(--pc2), var(--pc3), var(--pc2), var(--pc1)); background-size:350% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:peHolo 4s linear infinite; filter:saturate(1.3); }
@keyframes peHolo{ 0%{background-position:0% center; filter:hue-rotate(0deg) saturate(1.3);} 100%{background-position:250% center; filter:hue-rotate(30deg) saturate(1.3);} }

.pe-aurora{ background:linear-gradient(180deg, var(--pc1), var(--pc2) 50%, var(--pc3)); background-size:100% 300%; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:peAurora 5s ease-in-out infinite; }
@keyframes peAurora{ 0%,100%{background-position:0 0%;} 50%{background-position:0 100%;} }

.pe-frost{ color:var(--pc1); animation:peFrost 2.2s ease-in-out infinite; }
@keyframes peFrost{ 0%,100%{ filter:brightness(1) saturate(0.9); text-shadow:0 0 4px color-mix(in srgb, var(--pc2) 60%, transparent);} 50%{ filter:brightness(1.25) saturate(1.1); text-shadow:0 0 9px color-mix(in srgb, var(--pc3) 80%, transparent);} }

.pe-static{ background:linear-gradient(90deg, var(--pc1), var(--pc2), var(--pc3)); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }

/* ---------------- Party games (Tic-Tac-Toe / Connect Four) ---------------- */
.party-lobby{ max-width:420px; }
.party-online-list{ display:flex; flex-direction:column; gap:8px; margin-top:12px; }
.party-online-row{ display:flex; align-items:center; justify-content:space-between; background:var(--panel,#1a1a22); border-radius:8px; padding:8px 12px; }
.party-match{ display:flex; flex-direction:column; align-items:center; gap:14px; }
.ttt-grid{ display:grid; grid-template-columns:repeat(3,72px); grid-template-rows:repeat(3,72px); gap:6px; }
.ttt-cell{ font-size:28px; font-weight:800; background:var(--panel,#1a1a22); border:1px solid rgba(255,255,255,.08); border-radius:8px; cursor:pointer; color:var(--text,#fff); }
.ttt-cell:hover{ outline:2px solid var(--ember); }
.c4-grid{ display:grid; grid-template-columns:repeat(var(--c4-cols,7),40px); gap:4px; background:#0b3f8a; padding:8px; border-radius:10px; }
.c4-col{ display:flex; flex-direction:column; gap:4px; background:transparent; border:none; cursor:pointer; padding:0; }
.c4-cell{ width:40px; height:40px; border-radius:50%; background:#08234f; display:block; }
.c4-cell.c4-red{ background:#e53935; }
.c4-cell.c4-yellow{ background:#fdd835; }
.c4-col:hover .c4-cell:not(.c4-red):not(.c4-yellow){ background:#123a7a; }
.party-invite-banner{ position:fixed; bottom:20px; right:20px; z-index:9999; background:var(--panel,#1a1a22); border:1px solid var(--ember); border-radius:10px; padding:14px 16px; display:flex; align-items:center; gap:10px; box-shadow:0 8px 24px rgba(0,0,0,.4); }
.thumb-party{background:linear-gradient(150deg,#1a2e6b,#2f4fb0 55%,#12204a);}

/* ---------------- KV polling chat widget ---------------- */
.kvchat-widget{ position:fixed; bottom:20px; left:20px; width:260px; background:var(--panel,#1a1a22); border:1px solid rgba(255,255,255,.1); border-radius:10px; z-index:9998; box-shadow:0 8px 24px rgba(0,0,0,.4); font-size:13px; }
.kvchat-header{ display:flex; justify-content:space-between; align-items:center; padding:8px 10px; font-weight:700; border-bottom:1px solid rgba(255,255,255,.08); }
.kvchat-body{ padding:10px; }
.kvchat-body.hidden{ display:none; }
.kvchat-auth input, .kvchat-input-row input{ width:100%; box-sizing:border-box; margin-bottom:6px; padding:6px 8px; border-radius:6px; border:1px solid rgba(255,255,255,.15); background:#111; color:#fff; }
.kvchat-auth-btns{ display:flex; gap:6px; }
.kvchat-auth-btns .btn{ flex:1; }
.kvchat-log{ height:220px; overflow-y:auto; display:flex; flex-direction:column; gap:4px; margin-bottom:8px; }
.kvchat-msg{ word-break:break-word; }
.kvchat-input-row{ display:flex; gap:6px; }
.kvchat-input-row input{ margin-bottom:0; }

/* ---------------- Wagered PvP duels (Coinflip Duel, Dice Duel) ---------------- */
.party-room{ max-width:420px; display:flex; flex-direction:column; gap:10px; }
.cfd-coin{ font-size:64px; text-align:center; transition:transform .15s ease; }
.cfd-coin.cfd-spin{ animation:cfdSpin .9s ease; }
@keyframes cfdSpin{ 0%{transform:rotateY(0);} 100%{transform:rotateY(1080deg);} }
.dice-duel-row{ display:flex; align-items:center; justify-content:center; gap:24px; margin:8px 0; }
.dice-duel-side{ display:flex; flex-direction:column; align-items:center; gap:6px; }
.dice-duel-vs{ font-weight:800; color:var(--text-faint); }
.die-face{ font-size:48px; }

/* ---------------- Crash Together (shared multiplayer round) ---------------- */
.cl-mult{ font-size:48px; font-weight:800; font-family:var(--font-mono); color:var(--text); }
.cl-mult.cl-running{ color:var(--ember); }
.cl-mult.cl-crashed{ color:var(--red,#ff4d5e); }
.cl-player-row{ display:flex; justify-content:space-between; background:var(--panel-2); border:1px solid var(--line-soft); border-radius:8px; padding:6px 10px; margin-bottom:4px; font-size:13px; }

/* ============================================================
   VISUAL REFRESH v2 — softer depth, glass surfaces, smoother motion.
   Appended rather than rewriting the rules above so every existing
   selector keeps working; these rules just override the look-and-feel
   on shared components (buttons, cards, modals, panels) site-wide.
   ============================================================ */
:root{
  --ease-smooth: cubic-bezier(.22,1,.36,1);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --shadow-sm:0 2px 10px -2px rgba(0,0,0,0.35);
  --shadow-md:0 12px 32px -8px rgba(0,0,0,0.45);
  --shadow-lg:0 24px 64px -16px rgba(0,0,0,0.55);
  --glass-bg: linear-gradient(155deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
}

::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:var(--line); border-radius:99px; border:2px solid var(--ink); }
::-webkit-scrollbar-thumb:hover{ background:var(--text-faint); }
*{ scrollbar-color: var(--line) transparent; scrollbar-width: thin; }

.btn{
  border-radius:var(--radius-sm);
  box-shadow:var(--glass-bg), inset 0 1px 0 rgba(255,255,255,0.06), var(--shadow-sm);
  transition:transform .18s var(--ease-smooth), box-shadow .18s var(--ease-smooth), border-color .18s var(--ease-smooth);
}
.btn:hover{ transform:translateY(-2px) scale(1.015); box-shadow:0 0 0 1px rgba(61,220,151,0.3), var(--shadow-md); }
.btn:active{ transform:translateY(0) scale(.98); }
.btn-accent{ border-radius:var(--radius-sm); box-shadow:var(--shadow-md), 0 0 0 1px rgba(255,255,255,0.08) inset; }
.btn-accent:hover{ box-shadow:0 16px 40px -10px rgba(255,90,31,0.6), 0 0 0 1px rgba(255,255,255,0.1) inset; }

.game-card{
  border-radius:var(--radius-lg);
  background:linear-gradient(165deg, var(--panel-2), var(--panel));
  box-shadow:var(--shadow-sm);
  transition:transform .22s var(--ease-smooth), border-color .22s var(--ease-smooth), box-shadow .22s var(--ease-smooth);
}
.game-card:hover{
  transform:translateY(-6px) scale(1.015);
  box-shadow:var(--shadow-lg), 0 0 0 1px rgba(61,220,151,0.35) inset;
}

.modal{
  border-radius:var(--radius-lg);
  background:linear-gradient(175deg, rgba(21,25,34,0.96), rgba(15,19,26,0.98));
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow-lg), 0 0 0 1px rgba(61,220,151,0.08) inset;
  animation:modalPopIn .22s var(--ease-smooth);
}
@keyframes modalPopIn{ from{ opacity:0; transform:translateY(8px) scale(.98); } to{ opacity:1; transform:translateY(0) scale(1); } }
.modal-backdrop{ backdrop-filter:blur(6px) saturate(1.1); }

.admin-balance, .chip-amt, .quick-amounts, .kvchat-widget{ border-radius:var(--radius-md); }
.chip-amt{ transition:transform .15s var(--ease-smooth), border-color .15s var(--ease-smooth); }
.chip-amt:hover{ transform:translateY(-1px); }

.cl-player-row, .payout-table{ border-radius:var(--radius-sm); }

@media (prefers-reduced-motion: reduce){
  .btn, .game-card, .modal, .chip-amt{ transition:none; animation:none; }
}

/* ---------------- Leaderboard filters (daily/all-time, wagered/win) ---------------- */
.lb-filters{ display:flex; justify-content:space-between; gap:10px; margin-bottom:14px; flex-wrap:wrap; }
.lb-filter-group{ display:flex; gap:6px; background:var(--ink-2); padding:4px; border-radius:var(--radius-sm); border:1px solid var(--line-soft); }
.lb-filter-btn{ opacity:.6; }
.lb-filter-btn.active{ opacity:1; border-color:var(--neon-cyan); box-shadow:0 0 10px rgba(61,220,151,0.25); }

/* ---------------- Achievements tab ---------------- */
.ach-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(240px,1fr)); gap:12px; }
.ach-card{ display:flex; gap:12px; align-items:flex-start; background:var(--panel-2); border:1px solid var(--line-soft); border-radius:var(--radius-md); padding:12px 14px; }
.ach-card.locked{ opacity:.5; }
.ach-card.unlocked{ border-color:rgba(61,220,151,0.35); box-shadow:0 0 16px -6px rgba(61,220,151,0.35); }
.ach-icon{ font-size:26px; line-height:1; }
.ach-name{ font-weight:700; font-size:14px; }
.ach-desc{ font-size:12.5px; color:var(--text-dim); margin-top:2px; }
.ach-reward{ font-size:12px; color:var(--ember-soft); margin-top:6px; font-family:var(--font-mono); }

/* ---------------- Friends panel ---------------- */
.rckt-friend-section-title{ font-family:var(--font-display); font-size:13px; color:var(--text-dim); margin:14px 0 8px; text-transform:uppercase; letter-spacing:.5px; }
.rckt-friend-section-title:first-child{ margin-top:0; }
.rckt-friend-row{ display:flex; align-items:center; justify-content:space-between; gap:8px; background:var(--panel-2); border:1px solid var(--line-soft); border-radius:var(--radius-sm); padding:8px 12px; margin-bottom:6px; }
.rckt-friend-name{ cursor:pointer; font-weight:600; }
.rckt-friend-name:hover{ color:var(--neon-cyan); }
.rckt-friend-row button{ background:var(--ink-2); border:1px solid var(--line); color:var(--text); border-radius:7px; padding:5px 10px; font-size:12px; cursor:pointer; }
.rckt-friend-row button:hover{ border-color:var(--neon-cyan); }
.rckt-friend-empty{ color:var(--text-faint); font-size:13px; padding:8px 0; }
.rckt-add-friend-row{ display:flex; gap:8px; margin-bottom:14px; }
.rckt-add-friend-row input{ flex:1; }

/* ---------------- Profile page overlay (friends.js) ---------------- */
.rckt-profile-overlay{ position:fixed; inset:0; background:rgba(6,8,12,0.75); backdrop-filter:blur(6px); z-index:10000; display:flex; align-items:center; justify-content:center; padding:20px; }
.rckt-profile-card{ position:relative; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-lg); padding:28px; max-width:360px; width:100%; box-shadow:var(--shadow-lg); }
.rckt-profile-close{ position:absolute; top:14px; right:14px; background:none; border:none; color:var(--text-faint); font-size:20px; cursor:pointer; }
.rckt-profile-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.rckt-profile-name{ font-family:var(--font-display); font-size:20px; font-weight:700; }
.rckt-profile-level{ font-size:12px; color:var(--text-dim); background:var(--ink-2); border-radius:999px; padding:4px 10px; }
.rckt-profile-bio{ color:var(--text-dim); font-size:13px; margin-bottom:14px; }
.rckt-profile-social{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.rckt-profile-social-link{ display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:var(--ink-2); border:1px solid var(--line); text-decoration:none; font-size:15px; transition:border-color .15s, transform .15s; }
.rckt-profile-social-link:hover{ border-color:var(--neon-cyan); transform:translateY(-1px); }

/* ---------------- Social links editor (cosmetics.js profile tab) ---------------- */
.social-links-edit{ display:flex; flex-direction:column; gap:8px; width:100%; }
.social-link-row{ display:flex; align-items:center; gap:8px; }
.social-link-icon{ width:26px; text-align:center; flex-shrink:0; font-size:15px; }
.social-link-input{ flex:1; background:var(--ink-2); border:1px solid var(--line); color:var(--text); border-radius:9px; padding:8px 10px; font-family:inherit; font-size:13px; min-width:0; }
.social-link-input:focus{ outline:none; border-color:var(--neon-cyan); }
.rckt-profile-stats{ display:flex; gap:14px; margin:14px 0; }
.rckt-profile-stats > div{ flex:1; text-align:center; background:var(--ink-2); border-radius:var(--radius-sm); padding:10px 4px; }
.rckt-profile-stats strong{ display:block; font-family:var(--font-mono); font-size:16px; }
.rckt-profile-stats span{ font-size:11px; color:var(--text-faint); }
.rckt-profile-actions{ display:flex; gap:8px; margin-top:16px; }
.rckt-profile-btn{ flex:1; background:linear-gradient(180deg, var(--panel-2), var(--panel)); border:1px solid var(--line); color:var(--text); border-radius:var(--radius-sm); padding:9px; font-weight:600; cursor:pointer; }
.rckt-profile-btn:hover{ border-color:var(--neon-cyan); }
.rckt-profile-btn:disabled{ opacity:.5; cursor:not-allowed; }

.rckt-level-badge{ font-family:var(--font-mono); font-size:11px; background:var(--ink-2); border:1px solid var(--line); border-radius:999px; padding:2px 7px; color:var(--text-dim); }

/* ---------------- Avatars (profile card, profile tab, chat) ---------------- */
.rckt-profile-avatar{ width:56px; height:56px; border-radius:50%; object-fit:cover; border:2px solid var(--line); flex-shrink:0; }
.rckt-profile-avatar-placeholder{
  width:56px; height:56px; border-radius:50%; border:2px solid var(--line); flex-shrink:0;
  display:flex; align-items:center; justify-content:center; background:var(--ink-2); color:var(--text-dim);
  font-family:var(--font-display); font-size:22px;
}
.profile-tab{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding:6px 0 2px; }
.profile-avatar-preview{ width:96px; height:96px; border-radius:50%; overflow:hidden; border:2px solid var(--line); background:var(--ink-2); display:flex; align-items:center; justify-content:center; }
.profile-avatar-preview img{ width:100%; height:100%; object-fit:cover; }
.profile-avatar-placeholder{ font-family:var(--font-display); font-size:34px; color:var(--text-dim); }
.avatar-status{ font-size:12px; color:var(--text-faint); }
.avatar-status-pending{ color:var(--gold, #d8a94a); }
.avatar-status-approved{ color:var(--neon-cyan); }
.profile-avatar-actions{ display:flex; gap:8px; margin-top:2px; }
.chat-avatar{ width:20px; height:20px; border-radius:50%; object-fit:cover; vertical-align:middle; margin-right:5px; display:inline-block; }
.chat-avatar-placeholder{
  width:20px; height:20px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  background:var(--ink-2); color:var(--text-faint); font-size:10px; vertical-align:middle; margin-right:5px;
}
.blocked-row{ display:flex; align-items:center; justify-content:space-between; padding:6px 0; border-bottom:1px solid var(--line); font-size:13px; }
.rckt-profile-btn-danger{ border-color:var(--loss, #e5484d); color:var(--loss, #e5484d); }
.money-log-row{ display:flex; align-items:center; justify-content:space-between; padding:7px 0; border-bottom:1px solid var(--line); font-size:13px; font-family:var(--font-mono); }
.money-log-out{ color:var(--loss, #e5484d); }
.money-log-in{ color:var(--win, #2ecc71); }

/* ---------------- Chat reactions + mentions ---------------- */
.chat-reactions{ display:inline-flex; gap:4px; margin-left:6px; vertical-align:middle; flex-wrap:wrap; }
.chat-reaction-chip{ background:var(--ink-2); border:1px solid var(--line-soft); border-radius:999px; padding:1px 7px; font-size:11.5px; cursor:pointer; color:var(--text-dim); }
.chat-reaction-chip:hover{ border-color:var(--neon-cyan); }
.chat-reaction-chip.mine{ border-color:var(--neon-cyan); background:rgba(61,220,151,0.12); color:var(--text); }
.chat-reaction-add{ background:none; border:1px dashed var(--line-soft); border-radius:999px; width:20px; height:20px; line-height:1; color:var(--text-faint); cursor:pointer; font-size:12px; }
.chat-reaction-add:hover{ border-color:var(--neon-cyan); color:var(--text); }
.chat-reaction-picker{ position:fixed; z-index:10001; display:flex; gap:4px; background:var(--panel); border:1px solid var(--line); border-radius:999px; padding:6px 8px; box-shadow:var(--shadow-md); }
.chat-reaction-picker button{ background:none; border:none; font-size:16px; cursor:pointer; padding:2px; border-radius:6px; }
.chat-reaction-picker button:hover{ background:var(--ink-2); }
.chat-mention{ color:var(--neon-cyan); font-weight:600; }
.chat-line.chat-mention-mine{ background:rgba(61,220,151,0.08); border-radius:6px; padding:2px 6px; margin:1px -6px; }

/* ---------------- Radio panel ---------------- */
.radio-panel{ position:fixed; bottom:20px; right:20px; width:340px; max-width:calc(100vw - 32px); background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); z-index:9000; overflow:hidden; }
.radio-panel.hidden{ display:none; }
.radio-head{ display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:var(--panel-2); border-bottom:1px solid var(--line-soft); font-weight:700; font-family:var(--font-display); }
.radio-close{ background:none; border:none; color:var(--text-faint); font-size:18px; cursor:pointer; }
.radio-close:hover{ color:var(--text); }
#radioBody{ padding:14px; }
.radio-input-row{ display:flex; gap:8px; }
.radio-input-row input{ flex:1; min-width:0; }
.radio-error{ color:var(--ember-soft); font-size:12px; margin-top:8px; }
.radio-player{ margin-top:12px; border-radius:var(--radius-sm); overflow:hidden; background:#000; }
.radio-player.youtube iframe{ width:100%; aspect-ratio:16/9; border:0; display:block; }
.radio-player.spotify iframe{ width:100%; height:152px; border:0; display:block; }
.radio-meta{ display:flex; align-items:center; justify-content:space-between; margin-top:8px; font-size:12px; color:var(--text-faint); }