:root{
  --ink:#05070c;
  --ink-2:#0a0e18;
  --panel:#0e1420;
  --panel-2:#141c2c;
  --line:#1e2a40;
  --line-soft:#182236;
  --ember:#FF6A2B;
  --ember-soft:#ffb08a;
  --cyan:#39D9C9;
  --red:#FF4D5E;
  --neon-cyan:#00F0FF;
  --neon-magenta:#FF2E9A;
  --neon-purple:#7B2FFF;
  --glow-cyan:0 0 16px rgba(0,240,255,0.45);
  --glow-magenta:0 0 16px rgba(255,46,154,0.4);
  --text:#EDEFF5;
  --text-dim:#9AA2B4;
  --text-faint:#5c6478;
  --font-display:'Space Grotesk', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --radius:14px;
  --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); }

*{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(0,240,255,0.10), transparent 60%),
    radial-gradient(900px 500px at 100% 0%, rgba(255,46,154,0.09), transparent 55%),
    radial-gradient(700px 500px at 50% 110%, rgba(123,47,255,0.10), transparent 60%),
    repeating-linear-gradient(0deg, rgba(0,240,255,0.025) 0 1px, transparent 1px 42px),
    repeating-linear-gradient(90deg, rgba(0,240,255,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(0,240,255,0.55)) drop-shadow(0 0 14px rgba(123,47,255,0.30)); }
  50%{ filter:drop-shadow(0 0 10px rgba(255,46,154,0.6)) drop-shadow(0 0 20px rgba(0,240,255,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(0,240,255,.35), transparent 60%),
    radial-gradient(2px 2px at 80% 30%, rgba(255,46,154,.3), transparent 60%),
    radial-gradient(2px 2px at 40% 70%, rgba(123,47,255,.3), transparent 60%),
    radial-gradient(1.5px 1.5px at 60% 85%, rgba(0,240,255,.25), transparent 60%),
    radial-gradient(1.5px 1.5px at 90% 60%, rgba(255,46,154,.2), transparent 60%),
    radial-gradient(1.5px 1.5px at 25% 50%, rgba(123,47,255,.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:4px;
  padding:18px 8px; overflow-y:auto;
}
.side-item{
  display:flex; flex-direction:column; align-items:center; gap:5px;
  background:none; border:none; border-radius:10px; cursor:pointer;
  padding:10px 4px; color:var(--text-faint);
  transition:background .15s ease, color .15s ease;
}
.side-item:hover{background:var(--panel); color:var(--text);}
.side-item.active{
  background:linear-gradient(160deg, rgba(0,240,255,0.14), rgba(123,47,255,0.10));
  color:var(--neon-cyan);
  box-shadow:0 0 0 1px rgba(0,240,255,0.25) inset;
}
.side-icon{font-size:22px; line-height:1;}
.side-label{font-size:9.5px; font-weight:700; letter-spacing:.3px; text-align:center;}
.side-divider{height:1px; background:var(--line); margin:6px 6px; flex-shrink:0;}
.side-item.chat-open{
  background:linear-gradient(160deg, rgba(255,46,154,0.16), rgba(123,47,255,0.10));
  color:var(--neon-magenta);
  box-shadow:0 0 0 1px rgba(255,46,154,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(0,240,255,0.15), 0 8px 30px -12px rgba(0,240,255,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(0,240,255,0.7));}
.logo em{font-style:normal; color:var(--neon-magenta); margin-left:2px; text-shadow:0 0 10px rgba(255,46,154,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(0,240,255,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(0,240,255,0.25); transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn-ghost{background:transparent; box-shadow:none;}
.btn-accent{
  background:linear-gradient(100deg, var(--neon-cyan), var(--neon-magenta) 60%, var(--neon-purple));
  background-size:200% auto;
  border-color:transparent; color:#04101a; font-weight:700;
  box-shadow:0 6px 22px -6px rgba(0,240,255,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,46,154,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(0,240,255,0.06) inset, 0 20px 60px -30px rgba(0,240,255,0.25);
}
.hero-copy::after{
  content:"";
  position:absolute; right:-60px; top:-60px; width:220px; height:220px;
  background:radial-gradient(circle, rgba(0,240,255,0.22), transparent 70%);
}
.eyebrow{
  font-family:var(--font-mono); font-size:11px; letter-spacing:1.6px; color:var(--neon-cyan);
  font-weight:600; text-shadow:0 0 8px rgba(0,240,255,0.5);
}
.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:linear-gradient(100deg,var(--neon-cyan),var(--neon-magenta)); border-color:transparent; color:#04101a; box-shadow:0 0 12px rgba(0,240,255,0.35);}

.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(0,240,255,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:420px;}
.pk-slot{
  flex:1; text-align:center; font-family:var(--font-mono); font-size:11px;
  padding:6px 2px; border-radius:6px; background:var(--panel-2); color:var(--text-dim);
  transition:transform .15s ease, background .15s ease, color .15s ease;
}
.pk-slot[data-hi="1"]{ background:rgba(57,217,201,0.15); color:var(--cyan); }
.pk-slot-hit{ transform:scale(1.15); background:var(--ember)!important; color:#1a0900!important; }
#pkBall{ filter:drop-shadow(0 0 6px rgba(57,217,201,.8)); }
.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(0,240,255,0.08) inset, 0 30px 80px -30px rgba(0,240,255,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);}

.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,46,154,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);}

@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(0,240,255,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,46,154,0.4); color:var(--neon-magenta);}
.cosmetics-btn:hover{box-shadow:0 0 12px rgba(255,46,154,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(0,240,255,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,46,154,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,46,154,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-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;}}

/* ---- 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:0 5px; border-radius:4px;
  background:#000; color:#39ff6a;
  text-shadow:0 0 4px #39ff6a, 0 0 10px rgba(57,255,106,0.6), 0 2px 0 rgba(0,0,0,0.8);
  font-weight:700; letter-spacing:0.3px;
  animation:matrixFlicker 1.6s steps(2,jump-none) infinite;
}
@keyframes matrixFlicker{
  0%,100%{opacity:1; text-shadow:0 0 4px #39ff6a, 0 0 10px rgba(57,255,106,0.6), 0 2px 0 rgba(0,0,0,0.8);}
  20%{opacity:0.85; text-shadow:0 0 2px #39ff6a, 0 0 6px rgba(57,255,106,0.4), 0 2px 0 rgba(0,0,0,0.8);}
  35%{opacity:1; text-shadow:0 0 6px #39ff6a, 0 0 14px rgba(57,255,106,0.75), 0 2px 0 rgba(0,0,0,0.8);}
  60%{opacity:0.9;}
  80%{opacity:1;}
}

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

/* ===== 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:-360px; width:340px; height:100vh; z-index:60;
  background:var(--ink-2); border-left:1px solid var(--line);
  box-shadow:-8px 0 40px -10px rgba(0,240,255,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;}
.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;}
.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-emote{height:22px; vertical-align:middle; margin:0 2px;}
.chat-input-row{display:flex; gap:6px;}
.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-wrap:wrap; gap:6px; max-height:120px; overflow-y:auto; padding:8px; background:var(--panel); border-radius:8px;}
.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-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;}
.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(0,240,255,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{
  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;}

.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-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;}
.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; }
.rank-list-head{ display:flex; justify-content:space-between; align-items:center; margin:12px 0 6px; font-size:12px; font-weight:700; letter-spacing:.03em; color:var(--text-dim); }
.rank-list{ display:flex; flex-direction:column; gap:6px; max-height:420px; overflow-y:auto; padding-right:2px; }
.rank-row{
  display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px;
  background:rgba(255,255,255,.03); border:1px solid var(--line);
}
.rank-row-current{ background:rgba(185,140,255,0.10); border-color:rgba(185,140,255,0.5); }
.rank-row-left{ display:flex; align-items:center; gap:10px; flex:1; min-width:0; }
.rank-dot{ width:10px; height:10px; border-radius:50%; flex-shrink:0; }
.rank-row-name{ font-weight:700; font-size:13px; }
.rank-row-right{ text-align:right; margin-left:auto; }
.rank-row-reward{ font-weight:700; font-size:13px; color:var(--gold, #ffd76a); }
.rank-check{ color:#3dff7a; font-weight:800; font-size:15px; width:20px; text-align:center; flex-shrink:0; }
.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(0,240,255,.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(0,240,255,.5);} 50%{ box-shadow:0 6px 32px 2px rgba(255,46,154,.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;}

/* ---- 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; }

/* ---- Variety pack #3 paints ---- */
.paint-coralreef{background:linear-gradient(90deg,#ff7e6b,#ffd6a5,#ff7e6b); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-mochamist{color:#a67856;}
.paint-glowworm{background:linear-gradient(90deg,#baff29,#e8fff0,#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-stormcloud{color:#7c8a99;}
.paint-goldenhour{background:linear-gradient(90deg,#ffb23d,#ff6a2b,#ffd76a); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-neonrivet{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 2.2s linear infinite;}
.paint-cottonclouds{color:#e8eef5;}
.paint-emberglow{background:linear-gradient(90deg,#ff5e3a,#ffce54,#ff5e3a); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-sapphiretide{background:linear-gradient(90deg,#1e6fd9,#8ff0ff,#1e6fd9); 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-lilacdusk{background:linear-gradient(90deg,#b98cff,#ffd0f5,#b98cff); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-crimsontide{background:linear-gradient(90deg,#c9184a,#ff8fa3,#c9184a); 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-mintbreeze{color:#8fe6c2;}
.paint-copperflare{background:linear-gradient(90deg,#c26b3f,#ffce9c,#c26b3f); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-voidglass{background:linear-gradient(90deg,#12002b,#7b2fff,#0a0616,#12002b); 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-solsticegold{background:linear-gradient(90deg,#ffe066,#ff9d3d,#ffe066,#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-mirrorshard{background:linear-gradient(90deg,#e8e8ff,#8ff0ff,#ff4fd8,#e8e8ff); 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-plumshadow{color:#6e4f6e;}
.paint-icyviolet{background:linear-gradient(90deg,#a6e6ff,#b98cff,#a6e6ff); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-honeyglass{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.2s linear infinite;}
.paint-riverstone{color:#9aa9ad;}
.paint-dustyrose{color:#d8a3ab;}
.paint-neonlagoon{background:linear-gradient(90deg,#00c2a8,#00F0FF,#00c2a8); 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-obsidianflame{background:linear-gradient(90deg,#1a1a1a,#ff3b1f,#1a1a1a,#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-frostedberry{background:linear-gradient(90deg,#ff8ac6,#a6e6ff,#ff8ac6); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-sunbleached{color:#e8d6a0;}
.paint-verdigris{background:linear-gradient(90deg,#3fae8f,#a8e6cf,#3fae8f); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-cherryblossomv2{background:linear-gradient(90deg,#ffb3c6,#fff0f5,#ffb3c6); 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-ashenwake{color:#8f8f8f;}
.paint-galacticteal{background:linear-gradient(90deg,#0a7e6e,#39D9C9,#7b2fff,#0a7e6e); 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-blushgold{background:linear-gradient(90deg,#ffd76a,#ffb3c6,#ffd76a); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-inkwell{color:#4a4a63;}
.paint-neonorchid{background:linear-gradient(90deg,#c66bff,#00F0FF,#c66bff); 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-glasspetal{background:linear-gradient(90deg,#ffd0f5,#e8fbff,#ffd0f5); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-cobaltburst{background:linear-gradient(90deg,#1e3fd9,#8ff0ff,#1e3fd9); 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-dawnhaze{color:#f3d9c4;}
.paint-emberviolet{background:linear-gradient(90deg,#7b2fff,#ff6a2b,#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-frostglass{background:linear-gradient(90deg,#c7fff8,#a6e6ff,#c7fff8); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-mythrilweave{background:linear-gradient(90deg,#b0c4de,#e8f0ff,#8ff0ff,#b0c4de); 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-tigerlily{background:linear-gradient(90deg,#ff6a2b,#ffce54,#ff6a2b); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:paintShift 2.8s linear infinite;}
.paint-shadowsteel{background:linear-gradient(90deg,#2b2b3d,#8993a4,#2b2b3d); 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-auroraveil{background:linear-gradient(90deg,#39D9C9,#b98cff,#8ff0ff,#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;}