/* ===============================================================================================
   GENERE PAR scripts/gen-teinte-neutres.mjs - NE PAS EDITER A LA MAIN.
   Regenerer : node scripts/gen-teinte-neutres.mjs .

   Couche de TEINTE des neutres. Chaque regle du jeu 1.0 qui pose un blanc, un noir ou un gris ECRIT EN
   DUR recoit ici sa jumelle scopee body.ui-v2, ou le meme ton est reconstruit sur la teinte du fond
   d'ecran (--h) et sa saturation (--satk). Flag coupe, ce fichier ne s'applique a rien : le jeu 1.0
   garde exactement ses couleurs.

   Ce qui a de la COULEUR n'est jamais touche : un neutre est reconnu a son ecart RGB (max - min <= 12),
   donc raretes, monnaie et marque sont hors perimetre par construction.

   Les 8 jetons de pilotage vivent dans style.css (bloc V2) et sont exposes aux curseurs du labo :
     --tw-s / --tw-l  le BLANC teinte     --tb-s / --tb-l  le NOIR teinte     --tg-s  les gris
     --k-surface --k-edge --k-text --k-shadow : la FORCE de la teinte, par categorie d'element.
   =============================================================================================== */
body:where(.ui-v2) {
  --text: hsl(var(--n-hi-text));
  --cell-empty: hsl(var(--n-hi-surface) / 0.045);
}
:where(body.ui-v2) .view-title,
:where(body.ui-v2) .home-id-name,
:where(body.ui-v2) .hud-value,
:where(body.ui-v2) .hud-label,
:where(body.ui-v2) .mode-caption,
:where(body.ui-v2) .best-banner,
:where(body.ui-v2) .tro-total,
:where(body.ui-v2) #ovTierUp .panel-title,
:where(body.ui-v2) #ovTierUp .tu-tier,
:where(body.ui-v2) #ovCosmetic .panel-title,
:where(body.ui-v2) #ovCosmetic .card-foot,
:where(body.ui-v2) .champ-standing,
:where(body.ui-v2) .champ-hint {
  text-shadow: -1.2px -1.2px 0 hsl(var(--n-lo-shadow) / 0.6), 1.2px -1.2px 0 hsl(var(--n-lo-shadow) / 0.6), -1.2px 1.2px 0 hsl(var(--n-lo-shadow) / 0.6), 1.2px 1.2px 0 hsl(var(--n-lo-shadow) / 0.6), 0 2px 0 hsl(var(--n-lo-shadow) / 0.6);
}
@media (orientation: landscape) and (max-height: 520px) { :where(body.ui-v2) #rotateLock p {
  color: hsl(var(--n-hi-text));
} }
:where(body.ui-v2) #splash .sp-dots i {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .seg.on {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 1px 0 hsl(var(--n-lo-shadow) / 0.25);
}
:where(body.ui-v2) .seg[data-diff="hard"].on,
:where(body.ui-v2) .seg[data-bdiff="hard"].on {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .seg[data-coll].on {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .mode-menu {
  border: 1px solid hsl(var(--n-hi-edge) / 0.12);
  box-shadow: 0 12px 30px hsl(var(--n-lo-shadow) / 0.45);
}
:where(body.ui-v2) .mode-item {
  color: var(--text, hsl(var(--n-hi-text)));
  background-color: hsl(var(--n-hi-surface) / 0.05);
}
:where(body.ui-v2) .mode-item.on {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .free-bar {
  background-color: hsl(var(--n-hi-surface) / 0.07);
}
:where(body.ui-v2) .free-bar #freeLabel {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 1px 0 hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .asc-goal {
  color: var(--text, hsl(var(--n-hi-text)));
}
:where(body.ui-v2) .asc-star {
  background-color: hsl(var(--n-hi-surface) / 0.18);
}
:where(body.ui-v2) .asc-track {
  background-color: hsl(var(--n-lo-surface) / 0.3);
  box-shadow: inset 0 0 0 1px hsl(var(--n-hi-shadow) / 0.14);
}
:where(body.ui-v2) #ascProgNum {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 1px 0 hsl(var(--n-lo-shadow) / 0.95);
}
:where(body.ui-v2) .asc-mk-star {
  background-color: hsl(var(--n-hi-surface) / 0.9);
  filter: drop-shadow(0 1px 2px hsl(var(--n-lo-shadow) / 0.85));
}
:where(body.ui-v2) .asc-mk-num {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 1px 0 hsl(var(--n-lo-shadow) / 0.95);
}
:where(body.ui-v2) .asc-finish {
  box-shadow: 0 3px 0 #c98a08, 0 4px 10px hsl(var(--n-lo-shadow) / 0.28);
}
:where(body.ui-v2) .asc-finish:active {
  box-shadow: 0 1px 0 #c98a08, 0 2px 6px hsl(var(--n-lo-shadow) / 0.28);
}
:where(body.ui-v2) .ae-tile {
  background-color: hsl(var(--n-hi-surface) / 0.04);
}
:where(body.ui-v2) .ae-continue {
  box-shadow: 0 3px 0 #1f7d4c, 0 4px 10px hsl(var(--n-lo-shadow) / 0.28);
}
:where(body.ui-v2) .ae-continue:active {
  box-shadow: 0 1px 0 #1f7d4c, 0 2px 6px hsl(var(--n-lo-shadow) / 0.28);
}
:where(body.ui-v2) .btn.ae-menu {
  border: 2px solid hsl(var(--n-hi-edge) / 0.85);
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .home-id-name {
  text-shadow: 0 2px 0 hsl(var(--n-lo-shadow) / 0.45);
}
:where(body.ui-v2) .logo-word span {
  text-shadow: 0 5px 0 hsl(var(--n-lo-shadow) / 0.45);
}
:where(body.ui-v2) .btn {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .btn-primary {
  text-shadow: 0 2px 0 hsl(var(--n-lo-shadow) / 0.25);
}
:where(body.ui-v2) .btn-ghost {
  box-shadow: 0 5px 0 hsl(var(--n-lo-shadow) / 0.4);
}
:where(body.ui-v2) .btn-ghost:active {
  box-shadow: 0 1px 0 hsl(var(--n-lo-shadow) / 0.4);
}
:where(body.ui-v2) .count-pill {
  background-color: hsl(var(--n-hi-surface) / 0.1);
}
:where(body.ui-v2) .card {
  box-shadow: inset 0 1px 0 hsl(var(--n-hi-shadow) / 0.05), 0 10px 24px hsl(var(--n-lo-shadow) / 0.35);
}
:where(body.ui-v2) .streak-dots i {
  background-color: hsl(var(--n-hi-surface) / 0.1);
}
:where(body.ui-v2) .sweep-badge {
  box-shadow: 0 2px 0 hsl(var(--n-lo-shadow) / 0.3), 0 0 14px rgba(255, 200, 61, 0.7);
}
body:where(.ui-v2)[data-view="game"] .hud-label {
  color: hsl(var(--n-hi-text));
  -webkit-text-stroke: 1.1px hsl(var(--n-lo-text) / 0.6);
  text-shadow: 0 1px 2px hsl(var(--n-lo-shadow) / 0.55);
}
body:where(.ui-v2)[data-view="game"] .hud-value {
  -webkit-text-stroke: 1.4px hsl(var(--n-lo-text) / 0.5);
  text-shadow: 0 2px 3px hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .rush-bar span {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .rush-bar.fuse {
  background-color: hsl(var(--n-lo-surface) / 0.34);
  border-color: hsl(var(--n-hi-edge) / 0.16);
}
:where(body.ui-v2) .rush-bar.fuse i {
  box-shadow: 0 0 8px rgba(255, 180, 70, 0.55), inset 0 0 0 1px hsl(var(--n-lo-shadow) / 0.2);
}
:where(body.ui-v2) .rush-bar.fuse i::after {
  background: radial-gradient(circle, hsl(var(--n-hi-surface)) 0%, #ffe06a 35%, #ff8a2a 62%, rgba(255,120,40,0) 74%);
}
:where(body.ui-v2) .rush-bar.fuse span {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 1px 0 hsl(var(--n-lo-shadow) / 0.95);
}
:where(body.ui-v2) #rewindFx {
  background: repeating-linear-gradient(0deg, hsl(var(--n-lo-surface) / 0) 0 3px, hsl(var(--n-lo-surface) / 0.22) 3px 4px), linear-gradient(110deg, rgba(120, 160, 255, 0.06), rgba(255, 120, 160, 0.06));
}
:where(body.ui-v2) #rewindFx > i {
  background: linear-gradient(180deg, transparent, hsl(var(--n-hi-surface) / 0.55), transparent);
}
:where(body.ui-v2) #board {
  background-color: hsl(var(--n-lo-surface) / 0.72);
  background-color: color-mix(in srgb, var(--board-tint, var(--wp-tint, #6a5acd)) 8%, hsl(var(--n-lo-surface) / 0.72));
  border: 2px solid hsl(var(--n-hi-edge) / 0.28);
  box-shadow: 0 0 0 1px hsl(var(--n-lo-shadow) / 0.45), 0 6px 22px hsl(var(--n-lo-shadow) / 0.4), inset 0 0 0 1px hsl(var(--n-hi-shadow) / 0.06);
}
:where(body.ui-v2) #boardShine {
  background-image: linear-gradient(115deg, hsl(var(--n-hi-surface) / 0) 42%, hsl(var(--n-hi-surface) / 0.06) 47%, hsl(var(--n-hi-surface) / 0.13) 50%, hsl(var(--n-hi-surface) / 0.06) 53%, hsl(var(--n-hi-surface) / 0) 58%);
}
:where(body.ui-v2) .gem-sparkle {
  background-color: hsl(var(--n-hi-surface));
  filter: drop-shadow(0 0 3px var(--sc, hsl(var(--n-hi-shadow))));
}
:where(body.ui-v2) .nav-badge {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .ach-sec-head {
  text-shadow: 0 2px 0 hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .ach-prog {
  background-color: hsl(var(--n-hi-surface) / 0.1);
}
:where(body.ui-v2) .daily-featured .featured-ribbon {
  color: hsl(var(--n-hi-text)) !important;
  text-shadow: 0 1px 2px hsl(var(--n-lo-shadow) / 0.35);
}
:where(body.ui-v2) #view-goals .daily-featured .daily-card {
  background-color: hsl(var(--n-hi-surface)) !important;
  border-color: hsl(var(--n-hi-edge)) !important;
}
:where(body.ui-v2) #view-goals .daily-featured .daily-bonus {
  background-color: hsl(var(--n-hi-surface));
  border-color: hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .streak-widget {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .streak-pip.done .sp-day,
:where(body.ui-v2) .streak-pip.done .sp-amt {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .cell.filled,
:where(body.ui-v2) .pcell {
  box-shadow: inset 0 2px 3px hsl(var(--n-hi-shadow) / 0.28), inset 0 -3px 5px hsl(var(--n-lo-shadow) / 0.24);
}
:where(body.ui-v2) .cell.filled.material.flat {
  box-shadow: inset 0 calc(var(--cell) * 0.12 * var(--bevel, 1)) calc(var(--cell) * 0.04) hsl(var(--n-hi-shadow) / 0.62), inset calc(var(--cell) * 0.09 * var(--bevel, 1)) 0 calc(var(--cell) * 0.045) hsl(var(--n-hi-shadow) / 0.3), inset 0 calc(var(--cell) * -0.15 * var(--bevel, 1)) calc(var(--cell) * 0.055) hsl(var(--n-lo-shadow) / 0.5), inset calc(var(--cell) * -0.09 * var(--bevel, 1)) 0 calc(var(--cell) * 0.055) hsl(var(--n-lo-shadow) / 0.3);
}
:where(body.ui-v2) .pcell.material.flat {
  box-shadow: inset 0 calc(var(--mcell) * 0.12 * var(--bevel, 1)) calc(var(--mcell) * 0.04) hsl(var(--n-hi-shadow) / 0.62), inset 0 calc(var(--mcell) * -0.15 * var(--bevel, 1)) calc(var(--mcell) * 0.055) hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .cell.filled.gem.gemv2,
:where(body.ui-v2) .pcell.gem.gemv2 {
  background-image: linear-gradient(135deg, hsl(var(--n-hi-surface) / 0.4) 0%, hsl(var(--n-hi-surface) / 0.08) 34%, hsl(var(--n-hi-surface) / 0) 56%, hsl(var(--n-lo-surface) / 0.18) 100%);
  box-shadow: inset 0 0 0 1px hsl(var(--n-hi-shadow) / 0.22), inset 0 -3px 5px hsl(var(--n-lo-shadow) / 0.16), inset 0 0 8px hsl(var(--n-hi-shadow) / 0.14);
}
:where(body.ui-v2) .cell.filled.sprite .spr-art {
  filter: drop-shadow(0 1px 1px hsl(var(--n-lo-shadow) / 0.35));
}
:where(body.ui-v2) .cell.filled.junk {
  background: repeating-linear-gradient(45deg, hsl(var(--n-lo-surface)), hsl(var(--n-lo-surface)) 5px, hsl(var(--n-lo-surface)) 5px, hsl(var(--n-lo-surface)) 10px);
  box-shadow: inset 0 2px 3px hsl(var(--n-hi-shadow) / 0.1), inset 0 -3px 5px hsl(var(--n-lo-shadow) / 0.3);
}
:where(body.ui-v2) .cell.filled.garbage {
  border: 2px solid hsl(var(--n-lo-edge) / 0.92);
  box-shadow: 0 0 0 1.5px hsl(var(--n-hi-shadow) / 0.3), inset 0 2px 3px hsl(var(--n-hi-shadow) / 0.2), inset 0 -3px 6px hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .cell.filled.garbage::after {
  background: radial-gradient(circle at 18% 18%, hsl(var(--n-hi-surface) / 0.65) 0 1.6px, hsl(var(--n-lo-surface) / 0.45) 2px, transparent 2.8px), radial-gradient(circle at 82% 18%, hsl(var(--n-hi-surface) / 0.65) 0 1.6px, hsl(var(--n-lo-surface) / 0.45) 2px, transparent 2.8px), radial-gradient(circle at 18% 82%, hsl(var(--n-hi-surface) / 0.65) 0 1.6px, hsl(var(--n-lo-surface) / 0.45) 2px, transparent 2.8px), radial-gradient(circle at 82% 82%, hsl(var(--n-hi-surface) / 0.65) 0 1.6px, hsl(var(--n-lo-surface) / 0.45) 2px, transparent 2.8px);
}
:where(body.ui-v2) .cell.filled.garbage.g-hp1 {
  box-shadow: 0 0 0 1.5px rgba(255, 150, 100, 0.55), inset 0 0 10px rgba(220, 70, 45, 0.55), inset 0 -3px 6px hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .cell.filled.solid {
  background: radial-gradient(circle at 22% 22%, hsl(var(--n-hi-surface) / 0.5) 0 1.5px, transparent 2px), radial-gradient(circle at 78% 22%, hsl(var(--n-hi-surface) / 0.5) 0 1.5px, transparent 2px), radial-gradient(circle at 22% 78%, hsl(var(--n-hi-surface) / 0.5) 0 1.5px, transparent 2px), radial-gradient(circle at 78% 78%, hsl(var(--n-hi-surface) / 0.5) 0 1.5px, transparent 2px), linear-gradient(150deg, #6b7180 0%, #474d5b 45%, #333845 100%);
  box-shadow: inset 0 2px 2px hsl(var(--n-hi-shadow) / 0.22), inset 0 -4px 6px hsl(var(--n-lo-shadow) / 0.55), inset 0 0 0 2px hsl(var(--n-lo-shadow) / 0.3);
}
:where(body.ui-v2) .cf-close:active {
  background-color: hsl(var(--n-hi-surface) / 0.08);
}
:where(body.ui-v2) .cf-slot {
  background-color: hsl(var(--n-hi-surface) / 0.035);
}
:where(body.ui-v2) .ach-pop {
  background-color: hsl(var(--n-lo-surface) / 0.95);
  background-color: color-mix(in srgb, var(--wp-tint, #6a5acd) 14%, hsl(var(--n-lo-surface) / 0.95));
  box-shadow: 0 6px 20px hsl(var(--n-lo-shadow) / 0.45);
}
:where(body.ui-v2) .rt-gem-unlock {
  border-top: 1px solid hsl(var(--n-hi-edge) / 0.12);
}
:where(body.ui-v2) .syn-card {
  box-shadow: inset 0 1px 0 hsl(var(--n-hi-shadow) / 0.14), 0 6px 16px rgba(35,10,70,.4);
}
:where(body.ui-v2) .syn-card-title {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .syn-card-title .syn-num {
  color: hsl(var(--n-hi-text));
  box-shadow: 0 2px 5px rgba(120,10,80,.4), inset 0 1px 0 hsl(var(--n-hi-shadow) / 0.45);
}
:where(body.ui-v2) .syn-card-desc {
  color: hsl(var(--n-hi-text) / 0.9);
}
:where(body.ui-v2) .ov-smash .ovs-lab {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .swap-mark {
  box-shadow: 0 0 0 2px hsl(var(--n-lo-shadow) / 0.28), 0 0 14px 3px rgba(255, 213, 74, 0.7);
}
:where(body.ui-v2) .swap-arrow {
  filter: drop-shadow(0 1px 2px hsl(var(--n-lo-shadow) / 0.45));
}
:where(body.ui-v2) .pu-shape i {
  background-color: hsl(var(--n-lo-surface) / 0.07);
}
:where(body.ui-v2) .pu-shape i.on {
  box-shadow: inset 0 -2px 0 hsl(var(--n-lo-shadow) / 0.15), 0 1px 3px hsl(var(--n-lo-shadow) / 0.22);
}
:where(body.ui-v2) .rr-cur-img {
  filter: drop-shadow(0 6px 10px hsl(var(--n-lo-shadow) / 0.3));
}
:where(body.ui-v2) .rr-cur-badge {
  color: hsl(var(--n-hi-text));
  border: 2.5px solid hsl(var(--n-hi-edge));
  box-shadow: 0 3px 0 hsl(var(--n-lo-shadow) / 0.22), 0 5px 10px hsl(var(--n-lo-shadow) / 0.25);
}
:where(body.ui-v2) .rr-qty {
  color: hsl(var(--n-hi-text));
  border: 2.5px solid hsl(var(--n-hi-edge));
  box-shadow: 0 2px 0 hsl(var(--n-lo-shadow) / 0.2), 0 4px 8px hsl(var(--n-lo-shadow) / 0.24);
  text-shadow: 0 1px 2px hsl(var(--n-lo-shadow) / 0.3);
}
:where(body.ui-v2) .bonus-pop {
  text-shadow: 0 0 10px rgba(255, 200, 61, 0.9), 0 2px 0 hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .score-pop {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 0 12px var(--gold), 0 2px 0 hsl(var(--n-lo-shadow) / 0.4);
}
:where(body.ui-v2) .tray-slot {
  background-color: hsl(var(--n-lo-surface) / 0.55);
  background-color: color-mix(in srgb, var(--wp-tint, #6a5acd) 14%, hsl(var(--n-lo-surface) / 0.55));
}
:where(body.ui-v2) #dragPiece {
  filter: drop-shadow(0 14px 18px hsl(var(--n-lo-shadow) / 0.5));
}
:where(body.ui-v2) #comboBurst {
  text-shadow: 0 0 24px var(--mint), 0 4px 0 hsl(var(--n-lo-shadow) / 0.4);
}
:where(body.ui-v2) #milestonePop {
  text-shadow: 0 0 18px rgba(255, 200, 61, 0.8), 0 3px 0 hsl(var(--n-lo-shadow) / 0.4);
}
:where(body.ui-v2) #milestoneBanner {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 0 28px var(--gold), 0 4px 0 hsl(var(--n-lo-shadow) / 0.45);
}
:where(body.ui-v2) #celebration .cel-flash {
  background: radial-gradient(circle at 50% 42%, hsl(var(--n-hi-surface) / 0.85), rgba(255, 200, 61, 0.3) 45%, transparent 75%);
}
:where(body.ui-v2) #celebration .cel-text {
  filter: drop-shadow(0 0 26px rgba(255, 200, 61, 0.65)) drop-shadow(0 5px 0 hsl(var(--n-lo-shadow) / 0.4));
}
:where(body.ui-v2) .mix-bar {
  box-shadow: 0 6px 18px hsl(var(--n-lo-shadow) / 0.4);
  border: 1px solid hsl(var(--n-hi-edge) / 0.06);
}
:where(body.ui-v2) .mix-slot.empty {
  border: 1.5px dashed hsl(var(--n-hi-edge) / 0.15);
  background-color: hsl(var(--n-hi-surface) / 0.025);
}
:where(body.ui-v2) .mix-slots .bc-cell {
  box-shadow: 0 0 0 2px #ffce54, 0 2px 7px hsl(var(--n-lo-shadow) / 0.45);
}
:where(body.ui-v2) .block-chip.in-mix::after {
  box-shadow: 0 1px 3px hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .block-chip.locked::after {
  filter: drop-shadow(0 1px 2px hsl(var(--n-lo-shadow) / 0.65));
}
:where(body.ui-v2) .block-buy-card {
  background: linear-gradient(180deg, hsl(var(--n-hi-surface)), #f3ecfb);
  border: 2.5px solid hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .bb-prev-wrap {
  background: radial-gradient(circle at 50% 38%, hsl(var(--n-hi-surface)), #ece4f8 82%);
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.9), 0 9px 22px rgba(90, 60, 140, 0.2);
}
:where(body.ui-v2) .swatch-row i {
  background-image: linear-gradient(160deg, hsl(var(--n-hi-surface) / 0.45), hsl(var(--n-lo-surface) / 0.15) 80%);
}
:where(body.ui-v2) .btn-sso {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .board-rank {
  background-color: hsl(var(--n-hi-surface) / 0.07);
}
:where(body.ui-v2) .board-rank.rank-2 {
  background: linear-gradient(180deg, hsl(var(--n-hi-surface)), #b9c0cc);
}
:where(body.ui-v2) .board-rank-badge {
  filter: drop-shadow(0 1px 2px hsl(var(--n-lo-shadow) / 0.35));
}
:where(body.ui-v2) .board-rank-num {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 1px 2px hsl(var(--n-lo-shadow) / 0.85), 0 0 3px hsl(var(--n-lo-shadow) / 0.6);
}
:where(body.ui-v2) .board-round {
  background-color: hsl(var(--n-hi-surface) / 0.07);
}
:where(body.ui-v2) .board-score {
  -webkit-text-stroke: 2px hsl(var(--n-lo-text));
  text-shadow: 0 1px 1px hsl(var(--n-lo-shadow) / 0.55);
}
:where(body.ui-v2) .board-ava .avatar-pic {
  box-shadow: inset 0 0 0 1.5px hsl(var(--n-hi-shadow) / 0.16);
}
:where(body.ui-v2) .topbar-profile .avatar-pic {
  box-shadow: inset 0 0 0 1.5px hsl(var(--n-hi-shadow) / 0.18);
}
:where(body.ui-v2) .profile-nav {
  border-top: 1px solid hsl(var(--n-hi-edge) / 0.08);
}
:where(body.ui-v2) .frame-silver {
  background: linear-gradient(135deg, hsl(var(--n-hi-surface)), #c4cad4 45%, #8a909c 70%, hsl(var(--n-hi-surface)));
}
:where(body.ui-v2) #ovProfile .profile-panel {
  background-color: var(--ink, hsl(var(--n-lo-surface)));
}
:where(body.ui-v2) #ovProfile .profile-nav {
  background-color: var(--ink, hsl(var(--n-lo-surface)));
}
:where(body.ui-v2) .profile-avatar-big .avatar-pic {
  box-shadow: 0 6px 18px hsl(var(--n-lo-shadow) / 0.4), inset 0 0 0 3px hsl(var(--n-hi-shadow) / 0.2);
}
:where(body.ui-v2) .pstat {
  background-color: hsl(var(--n-hi-surface) / 0.05);
}
:where(body.ui-v2) .avatar-cell {
  background-color: hsl(var(--n-hi-surface) / 0.04);
}
:where(body.ui-v2) .avatar-edit {
  box-shadow: 0 2px 6px hsl(var(--n-lo-shadow) / 0.4);
}
:where(body.ui-v2) .avatar-edit svg {
  fill: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .overlay {
  background-color: hsl(var(--n-lo-surface) / 0.82);
}
:where(body.ui-v2) .overlay.reward-sheet {
  background-color: var(--bg, hsl(var(--n-lo-surface)));
}
:where(body.ui-v2) #ovCosmetic {
  background-color: var(--rr-bg, var(--bg, hsl(var(--n-lo-surface)))) !important;
}
:where(body.ui-v2) .overlay.reward-sheet > .panel {
  background-image: linear-gradient(180deg, rgba(18, 14, 32, .92), hsl(var(--n-lo-surface) / 0.97));
}
:where(body.ui-v2) #ovAscEnd {
  background: linear-gradient(to bottom, hsl(var(--n-lo-surface) / 0.04) 0, hsl(var(--n-lo-surface) / 0.1) 52px, hsl(var(--n-lo-surface) / 0.86) 150px);
}
:where(body.ui-v2) .panel {
  box-shadow: 0 30px 60px hsl(var(--n-lo-shadow) / 0.55);
}
:where(body.ui-v2) .tb-ic {
  filter: drop-shadow(0 2px 3px hsl(var(--n-lo-shadow) / 0.4));
}
:where(body.ui-v2) .trophy-bar .tb-bar {
  background-color: hsl(var(--n-hi-surface) / 0.12);
}
:where(body.ui-v2) .xp-rider {
  box-shadow: 0 4px 14px -2px rgba(255, 200, 70, .85), inset 0 0 0 3px hsl(var(--n-hi-shadow) / 0.4);
}
:where(body.ui-v2) .tro-rank-badge {
  background: linear-gradient(150deg, var(--r2, hsl(var(--n-hi-surface))), var(--r1, hsl(var(--h) calc(var(--tg-s) * var(--satk, 1) * var(--k-surface, 1)) 53%)));
  border: 3px solid hsl(var(--n-hi-edge) / 0.4);
  box-shadow: 0 5px 14px -3px var(--r1, hsl(var(--n-lo-shadow))), inset 0 2px 5px hsl(var(--n-hi-shadow) / 0.45), inset 0 -3px 6px hsl(var(--n-lo-shadow) / 0.25);
}
:where(body.ui-v2) .tro-rank-badge img {
  filter: drop-shadow(0 1px 1px hsl(var(--n-lo-shadow) / 0.35));
}
:where(body.ui-v2) .tro-rank-badge.img img {
  filter: drop-shadow(0 4px 7px hsl(var(--n-lo-shadow) / 0.45));
}
:where(body.ui-v2) .tro-ribbon-bg {
  filter: drop-shadow(0 5px 8px hsl(var(--n-lo-shadow) / 0.42));
}
:where(body.ui-v2) .tro-ribbon-txt {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 2px 0 hsl(var(--n-lo-shadow) / 0.6);
}
:where(body.ui-v2) .tro-road::before {
  background-color: hsl(var(--n-hi-surface) / 0.085);
}
:where(body.ui-v2) .tro-chip {
  border: 1.5px solid hsl(var(--n-hi-edge) / 0.08);
}
:where(body.ui-v2) .champ-pct {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .champ-tier {
  background-color: hsl(var(--n-hi-surface) / 0.045);
  border: 1px solid hsl(var(--n-hi-edge) / 0.08);
}
:where(body.ui-v2) .champ-tier-badge {
  filter: drop-shadow(0 2px 3px hsl(var(--n-lo-shadow) / 0.4)) grayscale(0.7) brightness(0.78);
}
:where(body.ui-v2) .champ-tier.on .champ-tier-badge {
  filter: drop-shadow(0 2px 4px hsl(var(--n-lo-shadow) / 0.45));
}
:where(body.ui-v2) .champ-box-ic {
  filter: drop-shadow(0 1px 2px hsl(var(--n-lo-shadow) / 0.4));
}
:where(body.ui-v2) #ovCosmetic::before {
  background: linear-gradient(180deg, hsl(var(--n-lo-surface) / 0.4) 0%, transparent 18%, transparent 82%, hsl(var(--n-lo-surface) / 0.4) 100%);
}
:where(body.ui-v2) #ovCosmetic .cos-row {
  background-color: hsl(var(--n-lo-surface) / 0.26);
}
:where(body.ui-v2) .cos-tile .cos-art {
  border: 3px solid var(--rc, hsl(var(--h) calc(var(--tg-s) * var(--satk, 1) * var(--k-edge, 1)) 53%));
  box-shadow: 0 6px 16px hsl(var(--n-lo-shadow) / 0.4), 0 0 18px var(--rc);
  background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--rc, hsl(var(--h) calc(var(--tg-s) * var(--satk, 1) * var(--k-surface, 1)) 53%)) 42%, #1c1533), color-mix(in srgb, var(--rc, hsl(var(--h) calc(var(--tg-s) * var(--satk, 1) * var(--k-surface, 1)) 53%)) 15%, #120e1f));
}
:where(body.ui-v2) .cos-tag {
  color: hsl(var(--n-hi-text));
  box-shadow: 0 2px 5px hsl(var(--n-lo-shadow) / 0.35);
}
:where(body.ui-v2) .tu-rays {
  background: radial-gradient(circle, hsl(var(--n-lo-surface) / 0.55) 0%, hsl(var(--n-lo-surface)) 42%, hsl(var(--n-lo-surface)) 100%), repeating-conic-gradient(from 0deg, hsl(var(--n-hi-surface) / 0.6) 0deg 5deg, transparent 5deg 16deg);
}
:where(body.ui-v2) .tu-ring {
  border: 5px solid color-mix(in srgb, var(--r1) 80%, hsl(var(--n-hi-edge)));
}
:where(body.ui-v2) .tu-rank-up {
  color: hsl(var(--n-hi-text));
  box-shadow: 0 2px 6px hsl(var(--n-lo-shadow) / 0.4);
}
:where(body.ui-v2) #ovTierUp::before {
  background: linear-gradient(180deg, hsl(var(--n-lo-surface) / 0.4) 0%, transparent 18%, transparent 82%, hsl(var(--n-lo-surface) / 0.4) 100%);
}
:where(body.ui-v2) .board-sw {
  border: 2px solid hsl(var(--n-hi-edge) / 0.18);
}
:where(body.ui-v2) .board-sw.on {
  border-color: hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .continue-bar {
  background-color: hsl(var(--n-hi-surface) / 0.08);
}
:where(body.ui-v2) #ovBox.rarity-bg {
  background-color: var(--rr-bg, var(--dp-bg, hsl(var(--n-lo-surface))));
}
:where(body.ui-v2) .box-light {
  background: radial-gradient(circle, color-mix(in srgb, var(--rc, hsl(var(--n-hi-surface))) 62%, transparent) 0%, color-mix(in srgb, var(--rc, hsl(var(--n-hi-surface))) 22%, transparent) 34%, transparent 68%);
}
:where(body.ui-v2) .box-flash {
  background: radial-gradient(circle, hsl(var(--n-hi-surface)) 0%, color-mix(in srgb, var(--rc, hsl(var(--n-hi-surface))) 70%, hsl(var(--n-hi-surface))) 26%, transparent 62%);
}
:where(body.ui-v2) .box-shock {
  border: 6px solid color-mix(in srgb, var(--rc, hsl(var(--n-hi-edge))) 80%, hsl(var(--n-hi-edge)));
}
:where(body.ui-v2) .odds-list li {
  background-color: hsl(var(--n-hi-surface) / 0.04);
}
:where(body.ui-v2) .odds-box {
  background-color: hsl(var(--n-hi-surface) / 0.04);
}
:where(body.ui-v2) .odds-rar-grid {
  background-color: hsl(var(--n-hi-surface) / 0.04);
}
@media (min-width: 700px) { body:where(.ui-v2) {
  background-color: hsl(var(--n-lo-surface));
} }
@media (min-width: 700px) { :where(body.ui-v2) #app {
  background-color: hsl(var(--n-lo-surface) / 0.28);
} }
@media (min-width: 700px) { body:where(.ui-v2)[data-view="game"] .hud-value,
body:where(.ui-v2)[data-view="game"] .hud-label {
  text-shadow: 0 1px 0 hsl(var(--n-lo-shadow) / 0.55);
} }
@media (min-width: 700px) and (min-height: 760px) { :where(body.ui-v2) #app {
  box-shadow: 0 0 60px hsl(var(--n-lo-shadow) / 0.5);
} }
:where(body.ui-v2) .mix-bar {
  background: linear-gradient(180deg, hsl(var(--n-hi-surface)), hsl(var(--n-hi-surface))) !important;
}
:where(body.ui-v2) #view-collection .style-prev {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .hud-stars i {
  color: hsl(var(--n-hi-text) / 0.16);
}
:where(body.ui-v2) .bonus-col {
  box-shadow: 0 8px 26px hsl(var(--n-lo-shadow) / 0.5), inset 0 0 0 2px var(--sc, hsl(var(--n-hi-shadow) / 0.2));
}
:where(body.ui-v2) .bonus-cell {
  background-color: hsl(var(--n-hi-surface) / 0.06);
}
:where(body.ui-v2) .bonus-cell.on {
  box-shadow: inset 0 0 0 2.5px var(--sc, hsl(var(--n-hi-shadow)));
}
:where(body.ui-v2) .bonus-cell > b {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 1px 2px hsl(var(--n-lo-shadow) / 0.75);
}
:where(body.ui-v2) .bonus-ic::before {
  box-shadow: 0 1px 3px hsl(var(--n-lo-shadow) / 0.16);
}
:where(body.ui-v2) .bonus-btn b {
  box-shadow: 0 2px 4px hsl(var(--n-lo-shadow) / 0.4);
}
:where(body.ui-v2) .deal-badge {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .pass-banner {
  color: hsl(var(--n-hi-text));
  border: 1px solid hsl(var(--n-hi-edge) / 0.18);
}
:where(body.ui-v2) #ovRound .btn-gold {
  box-shadow: 0 4px 0 hsl(var(--n-lo-shadow) / 0.3);
}
:where(body.ui-v2) .bonus-uses i {
  background-color: hsl(var(--n-hi-surface) / 0.12);
}
:where(body.ui-v2) .fx-ring {
  border: 3px solid var(--rc, hsl(var(--n-hi-edge)));
  box-shadow: 0 0 12px var(--rc, hsl(var(--n-hi-shadow))), inset 0 0 8px var(--rc, hsl(var(--n-hi-shadow)));
}
:where(body.ui-v2) .fx-glint {
  background: radial-gradient(circle at 50% 42%, var(--gc, hsl(var(--n-hi-surface))), transparent 70%);
}
:where(body.ui-v2) .box-slot.slot-pop::after {
  box-shadow: 0 0 0 3px hsl(var(--n-hi-shadow) / 0.82), 0 0 26px 7px rgba(255,238,180,.85);
}
:where(body.ui-v2) .slot-art {
  filter: drop-shadow(0 6px 12px hsl(var(--n-lo-shadow) / 0.4));
}
:where(body.ui-v2) .boxdetail-panel .bd-art .box-img {
  filter: drop-shadow(0 10px 16px hsl(var(--n-lo-shadow) / 0.45));
}
:where(body.ui-v2) .rays {
  background: radial-gradient(circle, hsl(var(--n-lo-surface) / 0.55) 0%, hsl(var(--n-lo-surface)) 42%, hsl(var(--n-lo-surface)) 100%), repeating-conic-gradient(from 0deg, var(--ray-a) 0deg 6deg, transparent 6deg 18deg);
}
:where(body.ui-v2) .cer-ray .rw {
  background: linear-gradient(90deg, hsl(var(--n-hi-surface) / 0.62) 0%, hsl(var(--n-hi-surface) / 0.34) 34%, hsl(var(--n-hi-surface) / 0.12) 66%, hsl(var(--n-hi-surface) / 0) 92%);
}
:where(body.ui-v2) .cer-rings i {
  border: 6px solid var(--rc, hsl(var(--n-hi-edge)));
}
:where(body.ui-v2) .cer-fx .sp,
:where(body.ui-v2) .cer-fx .fw {
  background-color: var(--rc, hsl(var(--n-hi-surface)));
}
:where(body.ui-v2) .cer-stars span {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .wp-swatch {
  border: 1px solid hsl(var(--n-hi-edge) / 0.18);
}
:where(body.ui-v2) .bonus-swatch {
  background-color: hsl(var(--n-hi-surface) / 0.06);
}
:where(body.ui-v2) .go-box {
  background-color: hsl(var(--n-hi-surface) / 0.05);
}
:where(body.ui-v2) .loot-art {
  filter: drop-shadow(0 4px 10px hsl(var(--n-lo-shadow) / 0.45));
}
:where(body.ui-v2) .loot-tile {
  background-color: hsl(var(--n-hi-surface) / 0.06);
  box-shadow: 0 6px 16px hsl(var(--n-lo-shadow) / 0.5), inset 0 0 0 1px hsl(var(--n-hi-shadow) / 0.18);
}
:where(body.ui-v2) .loot-tile.tile-bonus {
  background-color: hsl(var(--n-hi-surface) / 0.08);
}
:where(body.ui-v2) .loot-tile.tile-wp {
  border: 2.5px solid var(--rc, hsl(var(--n-hi-edge)));
}
:where(body.ui-v2) .loot-amt {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 2px 0 hsl(var(--n-lo-shadow) / 0.6);
}
:where(body.ui-v2) .loot-name {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 2px 0 hsl(var(--n-lo-shadow) / 0.65);
}
:where(body.ui-v2) .loot-target {
  box-shadow: 0 6px 18px hsl(var(--n-lo-shadow) / 0.45);
}
:where(body.ui-v2) .style-tile {
  background-color: hsl(var(--n-hi-surface) / 0.06);
  box-shadow: inset 0 0 0 1px hsl(var(--n-hi-shadow) / 0.16);
}
:where(body.ui-v2) .theme-card.is-locked {
  background-color: hsl(var(--n-hi-surface) / 0.015);
}
:where(body.ui-v2) .shop-set {
  border: 1px solid hsl(var(--n-hi-edge) / 0.08);
  box-shadow: 0 6px 16px hsl(var(--n-lo-shadow) / 0.35);
}
:where(body.ui-v2) .ssc-ex {
  border: 1px solid hsl(var(--n-hi-edge) / 0.15);
}
:where(body.ui-v2) .style-prev {
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--rc, hsl(var(--h) calc(var(--tg-s) * var(--satk, 1) * var(--k-shadow, 1)) 53%)) 55%, transparent), 0 6px 16px hsl(var(--n-lo-shadow) / 0.35);
}
:where(body.ui-v2) .style-prev.equipped {
  box-shadow: inset 0 0 0 2.5px var(--mint), 0 6px 16px hsl(var(--n-lo-shadow) / 0.35);
}
:where(body.ui-v2) .prev-lock {
  filter: drop-shadow(0 2px 4px hsl(var(--n-lo-shadow) / 0.6));
}
:where(body.ui-v2) .prev-edition {
  box-shadow: 0 2px 6px hsl(var(--n-lo-shadow) / 0.35);
}
:where(body.ui-v2) .mix-preview {
  background-color: hsl(var(--n-hi-surface) / 0.03);
  border: 1px solid hsl(var(--n-hi-edge) / 0.06);
}
:where(body.ui-v2) .gemcard {
  box-shadow: inset 0 0 0 1.5px var(--rc, hsl(var(--h) calc(var(--tg-s) * var(--satk, 1) * var(--k-shadow, 1)) 53%)), 0 0 var(--glow, 0px) color-mix(in srgb, var(--rc, hsl(var(--h) calc(var(--tg-s) * var(--satk, 1) * var(--k-shadow, 1)) 53%)) var(--glow-op, 0%), transparent), 0 6px 16px hsl(var(--n-lo-shadow) / 0.35);
}
:where(body.ui-v2) .gem-art {
  background-color: var(--c, hsl(var(--h) calc(var(--tg-s) * var(--satk, 1) * var(--k-surface, 1)) 53%));
  background-image: linear-gradient(135deg, hsl(var(--n-hi-surface) / 0.4) 0%, hsl(var(--n-hi-surface) / 0.08) 34%, hsl(var(--n-hi-surface) / 0) 56%, hsl(var(--n-lo-surface) / 0.18) 100%);
  box-shadow: inset 0 0 0 1px hsl(var(--n-hi-shadow) / 0.22), inset 0 -3px 5px hsl(var(--n-lo-shadow) / 0.16), inset 0 0 8px hsl(var(--n-hi-shadow) / 0.14);
}
:where(body.ui-v2) .gem-bar {
  background-color: hsl(var(--n-hi-surface) / 0.12);
}
:where(body.ui-v2) .gemcard.rar-meteorite {
  box-shadow: inset 0 0 0 2px var(--rc), 0 0 10px color-mix(in srgb, var(--rc) 60%, transparent), 0 0 24px color-mix(in srgb, var(--rc) 32%, transparent), 0 6px 16px hsl(var(--n-lo-shadow) / 0.35);
}
:where(body.ui-v2) .pu-count {
  background-color: var(--rc, hsl(var(--h) calc(var(--tg-s) * var(--satk, 1) * var(--k-surface, 1)) 53%));
  box-shadow: 0 0 0 2px rgba(10, 6, 26, 0.55), 0 2px 5px hsl(var(--n-lo-shadow) / 0.4);
}
:where(body.ui-v2) #ovPuInfo .puinfo-own {
  color: hsl(var(--n-hi-text));
  border: 3px solid hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .pui-q {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .gem-slots-bar {
  box-shadow: 0 6px 18px hsl(var(--n-lo-shadow) / 0.4);
  border: 1px solid hsl(var(--n-hi-edge) / 0.06);
}
:where(body.ui-v2) .gem-slot.empty {
  border: 1.5px dashed hsl(var(--n-hi-edge) / 0.16);
  background-color: hsl(var(--n-hi-surface) / 0.025);
}
:where(body.ui-v2) .gem-slot.filled {
  box-shadow: 0 0 0 2px #ffce54, 0 2px 7px hsl(var(--n-lo-shadow) / 0.45);
}
:where(body.ui-v2) .gd-chip.on {
  box-shadow: inset 0 0 0 2.5px var(--rc, hsl(var(--h) calc(var(--tg-s) * var(--satk, 1) * var(--k-shadow, 1)) 53%)), 0 0 10px color-mix(in srgb, var(--rc, hsl(var(--h) calc(var(--tg-s) * var(--satk, 1) * var(--k-shadow, 1)) 53%)) 45%, transparent);
}
:where(body.ui-v2) .gd-chip-lock {
  filter: drop-shadow(0 2px 4px hsl(var(--n-lo-shadow) / 0.5));
}
:where(body.ui-v2) .style-hero {
  border: 3px solid var(--rc, hsl(var(--n-hi-edge)));
  box-shadow: 0 12px 32px hsl(var(--n-lo-shadow) / 0.5), 0 0 26px color-mix(in srgb, var(--rc, hsl(var(--n-hi-shadow))) 38%, transparent);
}
:where(body.ui-v2) .prev-play {
  background-color: hsl(var(--n-lo-surface) / 0.42);
  box-shadow: 0 4px 14px hsl(var(--n-lo-shadow) / 0.5), inset 0 0 0 2px hsl(var(--n-hi-shadow) / 0.5);
}
:where(body.ui-v2) .prev-play::before {
  border-left: 20px solid hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .prev-play.playing::before {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .shop-box-tile {
  background-color: hsl(var(--n-hi-surface) / 0.92);
  border: 2.5px solid hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .shop-box-tile .sb-price {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .bundle-full {
  background-color: var(--rar-bg, hsl(var(--n-hi-surface) / 0.92));
  border: 2.5px solid var(--rar-edge, hsl(var(--n-hi-edge)));
}
:where(body.ui-v2) .shop-deal-tile {
  background-color: hsl(var(--n-hi-surface) / 0.92);
  border: 2.5px solid hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .shop-deal-tile .sd-free {
  color: hsl(var(--n-hi-text)) !important;
}
:where(body.ui-v2) .shop-limited {
  color: hsl(var(--n-hi-text));
  border: 2.5px solid hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .shop-limited .deal-badge {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .shop-limited .sl-art {
  filter: drop-shadow(0 3px 5px hsl(var(--n-lo-shadow) / 0.3));
}
:where(body.ui-v2) .shop-limited .sl-amount {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .shop-wheel-card {
  color: hsl(var(--n-hi-text));
  border: 2.5px solid hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .wheel-index {
  filter: drop-shadow(0 3px 4px hsl(var(--n-lo-shadow) / 0.32));
}
:where(body.ui-v2) .wheel-disc::before {
  background: radial-gradient(circle at 50% 30%, hsl(var(--n-hi-surface) / 0.42), hsl(var(--n-hi-surface) / 0) 52%), radial-gradient(circle at 50% 60%, hsl(var(--n-lo-surface) / 0) 56%, hsl(var(--n-lo-surface) / 0.26) 100%);
}
:where(body.ui-v2) .wh-ic .coin-mini,
:where(body.ui-v2) .wh-ic .jewel-mini {
  filter: drop-shadow(0 2px 3px hsl(var(--n-lo-shadow) / 0.5));
}
:where(body.ui-v2) .wh-ic .box-img,
:where(body.ui-v2) .wh-img {
  filter: drop-shadow(0 2px 3px hsl(var(--n-lo-shadow) / 0.55));
}
:where(body.ui-v2) .wh-amt {
  color: hsl(var(--n-hi-text));
  -webkit-text-stroke: 2.2px hsl(var(--n-lo-text) / 0.62);
  text-shadow: 0 1px 2px hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .wh-lb {
  text-shadow: 0 1px 0 hsl(var(--n-hi-shadow) / 0.6);
}
:where(body.ui-v2) .wheel-hub {
  background: radial-gradient(circle, hsl(var(--n-hi-surface)), #ffe0b0);
}
:where(body.ui-v2) .shop-deal-tile .sd-cos-frame {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .promo-tag {
  color: hsl(var(--n-hi-text));
  box-shadow: 0 3px 8px hsl(var(--n-lo-shadow) / 0.3);
}
:where(body.ui-v2) .soon-tag {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) input[type="range"] {
  background-color: hsl(var(--n-hi-surface) / 0.1);
}
:where(body.ui-v2) .lvl-badge {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .lvl-track {
  background-color: hsl(var(--n-hi-surface) / 0.08);
}
:where(body.ui-v2) .home-lv {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .home-stat {
  background-color: hsl(var(--n-hi-surface) / 0.05);
  border: 1px solid hsl(var(--n-hi-edge) / 0.08);
}
:where(body.ui-v2) .lvl-rw {
  background-color: hsl(var(--n-hi-surface) / 0.06);
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .hold-slot {
  background-color: hsl(var(--n-lo-surface) / 0.5);
  background-color: color-mix(in srgb, var(--wp-tint, #6a5acd) 16%, hsl(var(--n-lo-surface) / 0.5));
}
:where(body.ui-v2) .hold-slot.hold-buy {
  background-color: color-mix(in srgb, var(--gold, #ffc83d) 12%, hsl(var(--n-lo-surface) / 0.6));
}
:where(body.ui-v2) #levelUp .lvl-num {
  filter: drop-shadow(0 0 22px rgba(176, 122, 255, 0.6)) drop-shadow(0 4px 0 hsl(var(--n-lo-shadow) / 0.4));
}
:where(body.ui-v2) #levelUp .lvl-reward {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 1px 0 hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .lvl-row {
  background-color: hsl(var(--n-hi-surface) / 0.03);
}
:where(body.ui-v2) .lvl-row-badge {
  background-color: hsl(var(--n-hi-surface) / 0.08);
}
:where(body.ui-v2) .lvl-row-icon {
  background-color: hsl(var(--n-hi-surface) / 0.05);
}
:where(body.ui-v2) .lvl-mini-track {
  background-color: hsl(var(--n-hi-surface) / 0.1);
}
:where(body.ui-v2) .lvl-row.next .lvl-row-badge {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .lvl-row.masked .lvl-row-icon {
  background-color: hsl(var(--n-hi-surface) / 0.03);
}
:where(body.ui-v2) .levelup-burst {
  background: radial-gradient(circle, transparent 0%, transparent 42%, hsl(var(--n-hi-surface)) 68%, hsl(var(--n-hi-surface)) 100%), conic-gradient(from 0deg, rgba(255,200,61,.14) 0deg, transparent 22deg, rgba(176,122,255,.14) 44deg, transparent 66deg, rgba(77,196,255,.14) 88deg, transparent 110deg, rgba(255,200,61,.14) 132deg, transparent 154deg, rgba(176,122,255,.14) 176deg, transparent 198deg, rgba(77,196,255,.14) 220deg, transparent 242deg, rgba(255,200,61,.14) 264deg, transparent 286deg, rgba(176,122,255,.14) 308deg, transparent 330deg, rgba(77,196,255,.14) 352deg);
}
:where(body.ui-v2) .levelup-reward {
  background-color: hsl(var(--n-hi-surface) / 0.04);
}
:where(body.ui-v2) .levelup-reward .lvl-row-icon {
  background-color: hsl(var(--n-hi-surface) / 0.05);
}
:where(body.ui-v2) .gem-toast {
  text-shadow: 0 1px 0 hsl(var(--n-lo-shadow) / 0.65);
}
:where(body.ui-v2) .jewel-pop-toast {
  background-color: hsl(var(--n-lo-surface) / 0.72);
  text-shadow: 0 2px 0 hsl(var(--n-lo-shadow) / 0.7);
}
:where(body.ui-v2) .score-tally .st-num {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 3px 0 hsl(var(--n-lo-shadow) / 0.65);
}
:where(body.ui-v2) .score-tally .st-mult {
  text-shadow: 0 2px 0 hsl(var(--n-lo-shadow) / 0.7);
}
:where(body.ui-v2) .tg-gem {
  filter: drop-shadow(0 1px 2px hsl(var(--n-lo-shadow) / 0.5));
}
:where(body.ui-v2) .star-bar {
  background-color: hsl(var(--n-hi-surface) / 0.07);
}
:where(body.ui-v2) .sb-head {
  filter: drop-shadow(0 2px 5px hsl(var(--n-lo-shadow) / 0.55));
}
:where(body.ui-v2) .star-pop {
  filter: drop-shadow(0 0 26px rgba(255, 200, 61, 0.7)) drop-shadow(0 6px 16px hsl(var(--n-lo-shadow) / 0.5));
}
:where(body.ui-v2) .praise-pop {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 2px 0 #c98a00, 0 0 22px rgba(255, 200, 61, 0.75), 0 4px 0 hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .game-hint .gh-hand {
  filter: drop-shadow(0 3px 6px hsl(var(--n-lo-shadow) / 0.5));
}
:where(body.ui-v2) .game-hint .gh-bubble {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) #pp-consent {
  border: 1px solid hsl(var(--n-hi-edge) / 0.12);
  box-shadow: 0 10px 34px hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .pp-consent-b.ghost {
  border: 1px solid hsl(var(--n-hi-edge) / 0.22);
}
:where(body.ui-v2) .btn-ad {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .box-bonus .cb-card {
  border: 1px solid hsl(var(--n-hi-edge) / 0.14);
  box-shadow: 0 18px 50px hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) .cb-item {
  border: 3px solid var(--rc, hsl(var(--h) calc(var(--tg-s) * var(--satk, 1) * var(--k-edge, 1)) 53%));
  box-shadow: 0 4px 14px hsl(var(--n-lo-shadow) / 0.4), 0 0 16px var(--rc);
  background-color: hsl(var(--n-hi-surface) / 0.04);
}
:where(body.ui-v2) .noads-card {
  border: 1px solid hsl(var(--n-hi-edge) / 0.22);
}
:where(body.ui-v2) .na-head b {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .na-grant {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .na-pill {
  background-color: hsl(var(--n-lo-surface) / 0.22);
}
:where(body.ui-v2) .na-benefits {
  color: hsl(var(--n-hi-text) / 0.95);
}
:where(body.ui-v2) .ad-stub {
  background-color: hsl(var(--n-lo-surface) / 0.82);
}
:where(body.ui-v2) .ad-stub-box {
  border: 1px solid hsl(var(--n-hi-edge) / 0.14);
}
body:where(.ui-v2) {
  --pp-ink: hsl(var(--n-lo-surface));
}
:where(body.ui-v2) .hud-combo,
:where(body.ui-v2) .hint,
:where(body.ui-v2) #milestoneBanner,
:where(body.ui-v2) .praise {
  text-shadow: -1.4px -1.4px 0 hsl(var(--n-lo-shadow) / 0.7), 1.4px -1.4px 0 hsl(var(--n-lo-shadow) / 0.7), -1.4px 1.4px 0 hsl(var(--n-lo-shadow) / 0.7), 1.4px 1.4px 0 hsl(var(--n-lo-shadow) / 0.7), 0 2px 0 hsl(var(--n-lo-shadow) / 0.6);
}
:where(body.ui-v2) .play-wrap .play-caret {
  box-shadow: inset 0 3px 0 hsl(var(--n-hi-shadow) / 0.4), 0 6px 0 var(--pp-amber-lip) !important;
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .coin-chip,
:where(body.ui-v2) .jewel-chip {
  background: linear-gradient(180deg, hsl(var(--n-lo-surface)), hsl(var(--n-lo-surface))) !important;
  border: 3px solid hsl(var(--n-lo-edge)) !important;
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.13);
}
:where(body.ui-v2) .coin-chip > span,
:where(body.ui-v2) .jewel-chip > span {
  -webkit-text-stroke: 2.5px hsl(var(--n-lo-text));
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .welcome-hello {
  text-shadow: 0 4px 0 #b25e00, 0 7px 10px hsl(var(--n-lo-shadow) / 0.35);
}
:where(body.ui-v2) .welcome-line {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 2px 4px hsl(var(--n-lo-shadow) / 0.4);
}
:where(body.ui-v2) #ovWelcome .welcome-go.btn-primary,
:where(body.ui-v2) #btnPlay.btn-primary,
:where(body.ui-v2) .btn-amber {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .welcome-board {
  background-color: hsl(var(--n-hi-surface) / 0.09);
  box-shadow: inset 0 0 0 2px hsl(var(--n-hi-shadow) / 0.12);
}
:where(body.ui-v2) .wc-c {
  background-color: hsl(var(--n-hi-surface) / 0.1);
}
:where(body.ui-v2) .wc-c.wc-f {
  box-shadow: inset 0 -3px 0 hsl(var(--n-lo-shadow) / 0.22), inset 0 2px 2px hsl(var(--n-hi-shadow) / 0.35);
}
:where(body.ui-v2) .wc-drop {
  box-shadow: inset 0 -3px 0 hsl(var(--n-lo-shadow) / 0.25), inset 0 2px 2px hsl(var(--n-hi-shadow) / 0.4), 0 6px 12px hsl(var(--n-lo-shadow) / 0.4);
}
:where(body.ui-v2) .wc-hand {
  filter: drop-shadow(0 2px 3px hsl(var(--n-lo-shadow) / 0.5));
}
:where(body.ui-v2) .wc-flash {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .craft-recipe {
  box-shadow: 0 3px 8px rgba(42,26,77,.22), inset 0 1px 0 hsl(var(--n-hi-shadow) / 0.32);
}
:where(body.ui-v2) .craft-recipe b {
  color: hsl(var(--n-hi-text));
  -webkit-text-stroke: 2px hsl(var(--n-lo-text) / 0.42);
  text-shadow: 0 1px 2px hsl(var(--n-lo-shadow) / 0.35);
}
:where(body.ui-v2) .craft-recipe .cr-arrow {
  color: hsl(var(--n-hi-text));
  -webkit-text-stroke: 2px hsl(var(--n-lo-text) / 0.42);
}
:where(body.ui-v2) .craft-recipes .craft-recipe b {
  -webkit-text-stroke: 1.6px hsl(var(--n-lo-text) / 0.4);
}
:where(body.ui-v2) .craft-recipes .craft-recipe .cr-arrow {
  -webkit-text-stroke: 1.6px hsl(var(--n-lo-text) / 0.4);
}
body:where(.ui-v2) {
  --dp-surface: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) #btnSettings .topbtn-ic {
  filter: drop-shadow(1.5px 0 0 hsl(var(--n-hi-shadow))) drop-shadow(-1.5px 0 0 hsl(var(--n-hi-shadow))) drop-shadow(0 1.5px 0 hsl(var(--n-hi-shadow))) drop-shadow(0 -1.5px 0 hsl(var(--n-hi-shadow))) drop-shadow(0 3px 4px rgba(40,20,70,.4));
}
body:where(.ui-v2)[data-view="home"] #trophyBar .tb-bar i::before {
  background-color: hsl(var(--n-hi-surface) / 0.32);
}
body:where(.ui-v2)[data-view="home"] #trophyBar .tb-bar i::after {
  background-color: hsl(var(--n-hi-surface) / 0.3);
}
body:where(.ui-v2)[data-view="home"] #trophyBar .tb-tier {
  color: hsl(var(--n-hi-text))!important;
}
body:where(.ui-v2)[data-view="home"] #trophyBar .tb-count {
  color: hsl(var(--n-hi-text))!important;
}
body:where(.ui-v2)[data-view="home"] .box-slot {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.22),inset 0 -5px 0 hsl(var(--n-lo-shadow) / 0.26),0 5px 0 #1F0F40,0 11px 16px rgba(10,5,21,.42)!important;
}
body:where(.ui-v2)[data-view="home"] .box-slot.is-ready {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.28),inset 0 -5px 0 hsl(var(--n-lo-shadow) / 0.24),0 5px 0 #1F0F40,0 0 26px 4px rgba(255,200,61,.55),0 11px 16px rgba(10,5,21,.42)!important;
}
body:where(.ui-v2)[data-view="home"] .box-slot .rar {
  box-shadow: 0 3px 0 hsl(var(--n-lo-shadow) / 0.45);
  background: linear-gradient(180deg,var(--rar-lo,hsl(var(--n-hi-surface))),var(--rar-c,hsl(var(--n-hi-surface))))!important;
}
body:where(.ui-v2)[data-view="home"] .box-slot .slot-open {
  box-shadow: 0 4px 0 #17812F,0 7px 10px hsl(var(--n-lo-shadow) / 0.4);
}
body:where(.ui-v2)[data-view="home"] .box-slot.rar-epic {
  --rar-ink: hsl(var(--n-hi-surface));
}
body:where(.ui-v2)[data-view="home"] .box-slot.rar-common:not(.is-ready) {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.22),inset 0 -5px 0 hsl(var(--n-lo-shadow) / 0.26),0 5px 0 #1F0F40,0 0 15px 1px rgba(53,195,104,.5),0 11px 16px rgba(10,5,21,.42)!important;
}
body:where(.ui-v2)[data-view="home"] .box-slot.rar-rare:not(.is-ready) {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.22),inset 0 -5px 0 hsl(var(--n-lo-shadow) / 0.26),0 5px 0 #1F0F40,0 0 18px 2px rgba(63,162,255,.55),0 11px 16px rgba(10,5,21,.42)!important;
}
body:where(.ui-v2)[data-view="home"] .box-slot.rar-epic:not(.is-ready) {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.22),inset 0 -5px 0 hsl(var(--n-lo-shadow) / 0.26),0 5px 0 #1F0F40,0 0 20px 2px rgba(154,92,255,.55),0 11px 16px rgba(10,5,21,.42)!important;
}
body:where(.ui-v2)[data-view="home"] .box-slot.rar-legendary:not(.is-ready) {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.22),inset 0 -5px 0 hsl(var(--n-lo-shadow) / 0.26),0 5px 0 #1F0F40,0 0 22px 3px rgba(255,200,61,.6),0 11px 16px rgba(10,5,21,.42)!important;
}
body:where(.ui-v2)[data-view="home"] .box-slot.rar-mythic:not(.is-ready) {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.22),inset 0 -5px 0 hsl(var(--n-lo-shadow) / 0.26),0 5px 0 #1F0F40,0 0 24px 3px rgba(255,93,138,.6),0 11px 16px rgba(10,5,21,.42)!important;
}
body:where(.ui-v2)[data-view="home"] .box-slot.rar-powerup:not(.is-ready) {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.22),inset 0 -5px 0 hsl(var(--n-lo-shadow) / 0.26),0 5px 0 #1F0F40,0 0 22px 2px rgba(255,150,40,.62),0 11px 16px rgba(10,5,21,.42)!important;
}
body:where(.ui-v2)[data-view="home"] .box-slot.rar-cosmetic:not(.is-ready) {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.22),inset 0 -5px 0 hsl(var(--n-lo-shadow) / 0.26),0 5px 0 #1F0F40,0 0 22px 2px rgba(45,212,210,.62),0 11px 16px rgba(10,5,21,.42)!important;
}
body:where(.ui-v2)[data-view="home"] .box-slot .btn-mini {
  color: hsl(var(--n-hi-text))!important;
}
body:where(.ui-v2)[data-view="home"] .box-slot .rd-timer .rd-num {
  color: hsl(var(--n-hi-text));
}
body:where(.ui-v2)[data-view="home"] .box-slot .rd-clock {
  border: 2.5px solid hsl(var(--n-hi-edge));
  background-color: hsl(var(--n-hi-surface) / 0.18);
}
body:where(.ui-v2)[data-view="home"] .box-slot .rd-clock i {
  background-color: hsl(var(--n-hi-surface));
}
body:where(.ui-v2)[data-view="home"] #btnModeToggle {
  color: hsl(var(--n-hi-text))!important;
}
body:where(.ui-v2)[data-view="home"] #modeCaption {
  color: hsl(var(--n-hi-text));
}
body:where(.ui-v2)[data-view="home"] #modeCaption .mode-name {
  color: hsl(var(--n-hi-text));
}
body:where(.ui-v2)[data-view="home"] #rankedToggle {
  background-color: hsl(var(--n-hi-surface) / 0.24)!important;
  border: 2px solid hsl(var(--n-hi-edge) / 0.55)!important;
}
body:where(.ui-v2)[data-view="home"] #rankedToggle .seg.on {
  color: hsl(var(--n-hi-text))!important;
}
body:where(.ui-v2)[data-view="home"] #btnLoadout.pu-slots {
  background-color: hsl(var(--n-hi-surface) / 0.9)!important;
  border: 2px solid hsl(var(--n-hi-edge))!important;
}
body:where(.ui-v2)[data-view="home"] #btnLoadout.pu-slots::before {
  color: hsl(var(--n-hi-text));
}
body:where(.ui-v2)[data-view="home"] #btnLoadout.craft-entry {
  background-color: hsl(var(--n-hi-surface) / 0.9)!important;
  border: 2px solid hsl(var(--n-hi-edge))!important;
}
body:where(.ui-v2)[data-view="home"] #btnLoadout.craft-nudge::after {
  filter: drop-shadow(0 3px 4px hsl(var(--n-lo-shadow) / 0.25));
}
:where(body.ui-v2) .obj-intro-chip {
  color: hsl(var(--n-hi-text));
  box-shadow: 0 3px 0 hsl(var(--n-lo-shadow) / 0.14);
}
:where(body.ui-v2) .obj-rst-n {
  color: hsl(var(--n-hi-text));
}
body:where(.ui-v2)[data-view="home"] #homePassBtn {
  background: linear-gradient(180deg,hsl(var(--n-hi-surface) / 0.95),rgba(246,236,255,.92))!important;
  border: 2px solid hsl(var(--n-hi-edge))!important;
}
:where(body.ui-v2) .seg-row {
  background-color: hsl(var(--n-hi-surface) / 0.22)!important;
  border: 1px solid hsl(var(--n-hi-edge) / 0.5)!important;
}
:where(body.ui-v2) .seg.on {
  color: hsl(var(--n-hi-text))!important;
}
:where(body.ui-v2) .view-title,
:where(body.ui-v2) .shop-section {
  color: hsl(var(--n-hi-text))!important;
}
:where(body.ui-v2) #view-shop .card {
  background-color: var(--surface-lite,hsl(var(--n-hi-surface) / 0.93))!important;
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.85),inset 0 -4px 0 hsl(var(--h,230) 30% 78% / .6),0 4px 0 var(--lite-edge,#2a1a4d),0 9px 14px rgba(10,5,21,.34)!important;
}
:where(body.ui-v2) #view-shop .noads-card {
  border-color: hsl(var(--n-hi-edge) / 0.5)!important;
  color: hsl(var(--n-hi-text))!important;
}
:where(body.ui-v2) #view-goals .daily-card,
:where(body.ui-v2) #view-goals .ach-row {
  background-color: var(--surface-lite,hsl(var(--n-hi-surface) / 0.93))!important;
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.85),inset 0 -4px 0 hsl(var(--h,230) 30% 78% / .6),0 4px 0 var(--lite-edge,#2a1a4d),0 9px 14px rgba(10,5,21,.34)!important;
}
:where(body.ui-v2) #view-goals .ach-sec-head {
  color: hsl(var(--n-hi-text))!important;
}
:where(body.ui-v2) #view-collection .coll-sec-head,
:where(body.ui-v2) #view-collection .coll-sec-head.locked {
  color: hsl(var(--n-hi-text))!important;
}
:where(body.ui-v2) #view-collection .coll-sec-head b {
  color: hsl(var(--n-hi-text))!important;
}
:where(body.ui-v2) #profilePaneBoard .card,
:where(body.ui-v2) #profilePaneBoard #boardList>li {
  background-color: var(--surface-lite,hsl(var(--n-hi-surface) / 0.93))!important;
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.85),inset 0 -4px 0 hsl(var(--h,230) 30% 78% / .6),0 4px 0 var(--lite-edge,#2a1a4d),0 9px 14px rgba(10,5,21,.34)!important;
}
:where(body.ui-v2) #profilePaneBoard #boardList>li:not(.me) {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.7),0 3px 0 hsl(var(--h) 30% 32% / .8),0 7px 11px rgba(10,5,21,.26)!important;
}
:where(body.ui-v2) #profilePaneBoard #boardList>li.me {
  background-color: hsl(var(--n-hi-surface))!important;
}
:where(body.ui-v2) #view-collection .mix-tray,
:where(body.ui-v2) #view-collection .your-mix,
:where(body.ui-v2) #view-collection .mix-box {
  background-color: hsl(var(--n-hi-surface) / 0.9)!important;
  border: 2px solid hsl(var(--n-hi-edge))!important;
}
:where(body.ui-v2) #topbar .coin-chip,
:where(body.ui-v2) #topbar .jewel-chip {
  border: 2px solid hsl(var(--n-hi-edge))!important;
  background-color: hsl(var(--n-hi-surface))!important;
}
:where(body.ui-v2) #topbar .coin-chip .coin-ic {
  filter: drop-shadow(0 1px 2px hsl(var(--n-lo-shadow) / 0.3));
}
:where(body.ui-v2) #topbar .jewel-chip .jewel-mini {
  filter: drop-shadow(0 1px 2px hsl(var(--n-lo-shadow) / 0.3));
}
body:where(.ui-v2):not([data-view="home"]) #btnBack {
  background-color: hsl(var(--n-hi-surface) / 0.9)!important;
  border: 2px solid hsl(var(--n-hi-edge))!important;
}
:where(body.ui-v2) #topbar #btnProfile .avatar-pic {
  border: 3px solid hsl(var(--n-hi-edge))!important;
}
:where(body.ui-v2) #topbar #btnProfile .topbtn-ic {
  border: 5px solid hsl(var(--n-hi-edge));
  background-color: hsl(var(--n-lo-surface));
}
:where(body.ui-v2) .overlay:not(.reward-sheet) .panel {
  background: linear-gradient(180deg,hsl(var(--n-hi-surface)),#f3ecff)!important;
  border: 2px solid hsl(var(--n-hi-edge))!important;
}
:where(body.ui-v2) .overlay:not(.reward-sheet) .panel .card,
:where(body.ui-v2) .overlay:not(.reward-sheet) .panel .shop-card,
:where(body.ui-v2) .overlay:not(.reward-sheet) .panel .pack {
  background-color: hsl(var(--n-hi-surface) / 0.94)!important;
  border: 2px solid hsl(var(--n-hi-edge))!important;
}
:where(body.ui-v2) .mode-menu {
  background-color: hsl(var(--n-hi-surface))!important;
  border: 2px solid hsl(var(--n-hi-edge))!important;
}
:where(body.ui-v2) .mode-item.on {
  color: hsl(var(--n-hi-text))!important;
}
:where(body.ui-v2) .rr-rays {
  background: radial-gradient(circle,hsl(var(--n-lo-surface) / 0.55) 0%,hsl(var(--n-lo-surface)) 42%,hsl(var(--n-lo-surface)) 100%),repeating-conic-gradient(from 0deg,var(--rc,hsl(var(--n-hi-surface))) 0deg 5deg,transparent 5deg 15deg);
}
:where(body.ui-v2) .rr-frame {
  background: radial-gradient(circle at 50% 40%,hsl(var(--n-hi-surface)) 6%,var(--rp,#f4ecff) 72%,var(--rc,#9a5cff) 168%);
  box-shadow: 0 0 34px var(--rc,#9a5cff),inset 0 0 22px hsl(var(--n-hi-shadow) / 0.5);
}
:where(body.ui-v2) .rr-glow {
  background: radial-gradient(circle,var(--rc,hsl(var(--n-hi-surface))) 0,var(--rc,hsl(var(--n-hi-surface))) 20%,transparent 70%);
}
:where(body.ui-v2) .rr-name {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .rr-type {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .rr-sub {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .rr-note {
  background-color: hsl(var(--n-hi-surface) / 0.94);
}
:where(body.ui-v2) .rr-tap {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .rr-flash {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .rr-sparks span {
  background: radial-gradient(circle,var(--rc,hsl(var(--n-hi-surface))),transparent 72%);
  box-shadow: 0 0 6px var(--rc,hsl(var(--n-hi-shadow)));
}
:where(body.ui-v2) .rr-gauge {
  background-color: hsl(var(--n-lo-surface) / 0.3);
  border: 2px solid hsl(var(--n-hi-edge) / 0.34);
  box-shadow: 0 4px 12px hsl(var(--n-lo-shadow) / 0.35);
}
:where(body.ui-v2) .rr-gauge .rg-num {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .rg-fly img {
  filter: drop-shadow(0 2px 3px hsl(var(--n-lo-shadow) / 0.4));
}
:where(body.ui-v2) .rr-summary .rr-mini {
  background-color: hsl(var(--n-hi-surface) / 0.14);
}
:where(body.ui-v2) .rr-title {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) #board .cell.filled.garbage.g-hp1.gb-fill {
  border-color: hsl(var(--n-lo-edge) / 0.92);
  box-shadow: 0 0 0 1.5px hsl(var(--n-hi-shadow) / 0.3),inset 0 2px 3px hsl(var(--n-hi-shadow) / 0.2),inset 0 -3px 6px hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) #view-profile .pstat {
  background-color: hsl(var(--n-hi-surface) / 0.62);
}
:where(body.ui-v2) #view-profile .btn-sso {
  background-color: hsl(var(--n-hi-surface))!important;
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.9),0 4px 0 rgba(42,26,77,.55),0 8px 12px rgba(10,5,21,.28)!important;
  -webkit-text-stroke: var(--btn-stroke-w) hsl(var(--n-hi-text) / 0.95)!important;
}
:where(body.ui-v2) #ovProfile .profile-nav,
:where(body.ui-v2) #view-loadout .profile-nav,
:where(body.ui-v2) #view-craft .profile-nav {
  background-color: hsl(var(--n-hi-surface) / 0.94);
}
:where(body.ui-v2) .home-lv-xp {
  background-color: hsl(var(--n-hi-surface) / 0.9);
  border: 2px solid hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .puinfo-sibs .pui-sib {
  background-color: var(--rar-bg,hsl(var(--n-hi-surface)));
  border: 2px solid var(--rar-edge,hsl(var(--n-hi-edge)));
}
:where(body.ui-v2) .craft-back {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .craft-bench .cb-slot.filled {
  border-color: var(--rar-edge,hsl(var(--n-hi-edge)));
  background-color: var(--rar-bg,hsl(var(--n-hi-surface)));
}
:where(body.ui-v2) .cb-need {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .cb-pick {
  background-color: var(--rar-bg,hsl(var(--n-hi-surface)));
  border: 2px solid var(--rar-edge,hsl(var(--n-hi-edge)));
}
:where(body.ui-v2) .cq-btn {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) #animLab {
  box-shadow: 0 8px 28px hsl(var(--n-lo-shadow) / 0.45);
}
:where(body.ui-v2) #animLab .al-btn {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) #animLab .al-info {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .proto-slot {
  box-shadow: 0 6px 18px hsl(var(--n-lo-shadow) / 0.4),inset 0 0 0 2.5px var(--sc,hsl(var(--n-hi-shadow) / 0.25));
}
:where(body.ui-v2) .proto-selector {
  box-shadow: 0 6px 20px hsl(var(--n-lo-shadow) / 0.45),inset 0 0 0 3px var(--dp-coral-lip,#ff7a9c);
}
:where(body.ui-v2) .proto-tog {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .proto-x {
  background-color: hsl(var(--n-hi-surface) / 0.9);
}
:where(body.ui-v2) .proto-col {
  box-shadow: 0 8px 26px hsl(var(--n-lo-shadow) / 0.5),inset 0 0 0 2px var(--sc,hsl(var(--n-hi-shadow) / 0.2));
}
:where(body.ui-v2) #devMenu .dev-card {
  box-shadow: 0 12px 40px hsl(var(--n-lo-shadow) / 0.5);
}
:where(body.ui-v2) #devMenu .dev-card button {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) #devMenu .dev-x {
  background-color: hsl(var(--n-hi-surface) / 0.15)!important;
  color: hsl(var(--n-hi-text))!important;
}
:where(body.ui-v2) .bundle-card {
  background-color: var(--rar-bg,hsl(var(--n-hi-surface)));
  border: 2px solid var(--rar-edge,hsl(var(--n-hi-edge)));
}
:where(body.ui-v2) .bundle-off {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .st-count {
  color: hsl(var(--n-hi-text));
  border: 2px solid hsl(var(--n-hi-edge));
}
:where(body.ui-v2) #view-loadout,
:where(body.ui-v2) #view-craft {
  background: linear-gradient(180deg,hsl(var(--n-hi-surface)),#f3ecff);
}
:where(body.ui-v2) .rt-rider {
  border: 2.5px solid hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .rt-champ-badge {
  filter: drop-shadow(0 4px 14px hsl(var(--n-lo-shadow) / 0.6));
}
:where(body.ui-v2) .rt-champ-title {
  text-shadow: 0 3px 10px hsl(var(--n-lo-shadow) / 0.7);
}
:where(body.ui-v2) .rt-champ-soon {
  color: hsl(var(--n-hi-text) / 0.95);
  text-shadow: 0 1px 5px hsl(var(--n-lo-shadow) / 0.65);
}
:where(body.ui-v2) .rt-node {
  color: hsl(var(--n-hi-text));
  border: 2.5px solid hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .rt-node-boss {
  color: hsl(var(--n-hi-text)) !important;
}
:where(body.ui-v2) .rt-info-i {
  border: 2px solid hsl(var(--n-hi-edge));
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .rt-card {
  background: linear-gradient(180deg,hsl(var(--n-hi-surface)),hsl(var(--n-hi-surface)));
}
:where(body.ui-v2) .rt-row.next .rt-card {
  background-color: hsl(var(--n-hi-surface));
}
:where(body.ui-v2) .rt-card.tone-family {
  background: linear-gradient(180deg,hsl(var(--n-hi-surface)),#f5efff);
}
:where(body.ui-v2) .rt-pill {
  color: hsl(var(--n-hi-text));
}
:where(body.ui-v2) .route-up {
  background-color: hsl(var(--n-hi-surface) / 0.96)!important;
}
:where(body.ui-v2) .route-rankpill {
  background-color: hsl(var(--n-hi-surface) / 0.97);
  border: 2px solid hsl(var(--n-hi-edge));
}
:where(body.ui-v2) .rt-sep-txt {
  text-shadow: 0 2px 2px hsl(var(--n-lo-shadow) / 0.6);
}
:where(body.ui-v2) .rt-prestige {
  border: 2px solid hsl(var(--n-hi-edge));
}
body.ui-v2 .raised,
body.ui-v2 .btn,
body.ui-v2 .card,
body.ui-v2 .pod,
body.ui-v2 .badge-box {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.22), inset 0 -5px 0 hsl(var(--n-lo-shadow) / 0.26), 0 5px 0 var(--card-deep), 0 11px 16px hsl(var(--h) 62% 5% / .42);
}
body.ui-v2 .recessed,
body.ui-v2 .tray-slot,
body.ui-v2 .hold-slot,
body.ui-v2 .loadout-slot {
  box-shadow: inset 0 4px 7px hsl(var(--h) 70% 4% / .40), inset 0 -1px 0 hsl(var(--n-hi-shadow) / 0.12);
}
body.ui-v2 .loadout-slot.filled {
  box-shadow: inset 0 4px 7px hsl(var(--h) 70% 4% / .40), inset 0 -1px 0 hsl(var(--n-hi-shadow) / 0.12), 0 0 10px rgba(255, 200, 61, 0.28);
}
body.ui-v2 #boardWrap {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.14), 0 7px 0 var(--card-deep), 0 14px 22px hsl(var(--h) 62% 5% / .45);
}
body.ui-v2 .cell.filled {
  border: 2px solid color-mix(in srgb, var(--c) 55%, hsl(var(--n-lo-edge)));
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.45), inset 0 -4px 0 hsl(var(--n-lo-shadow) / 0.28);
}
body.ui-v2 .bar > i {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.5);
}
body.ui-v2 .rush-bar > i {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.5);
}
body.ui-v2 .rarity {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.22), 0 5px 0 var(--card-deep), 0 0 26px color-mix(in srgb, var(--rar-c) 30%, transparent);
}
body.ui-v2 .topbar-btn {
  box-shadow: inset 0 3px 5px hsl(var(--h) 70% 3% / .55), inset 0 -1px 0 hsl(var(--n-hi-shadow) / 0.1);
}
body.ui-v2 button#btnBack {
  box-shadow: inset 0 3px 5px hsl(var(--h) 70% 3% / .55), inset 0 -1px 0 hsl(var(--n-hi-shadow) / 0.1) !important;
}
body.ui-v2 #navBar::before {
  box-shadow: inset 0 3px 0 hsl(var(--n-hi-shadow) / 0.12), 0 -10px 24px hsl(var(--h) 70% 4% / .45);
}
body.ui-v2 #view-collection,
body.ui-v2 #profilePaneBoard,
body.ui-v2 #view-goals,
body.ui-v2 #view-shop {
  --fade: linear-gradient(to bottom, hsl(var(--n-lo-surface)) calc(100% - var(--nav-total) - 14px), hsl(var(--n-lo-surface) / 0.72) calc(100% - var(--nav-total) - 6px), hsl(var(--n-lo-surface) / 0.34) calc(100% - var(--nav-total) + 3px), transparent calc(100% - var(--nav-total) + 12px));
}
body.ui-v2 .btn-tournament {
  box-shadow: inset 0 3px 0 hsl(var(--n-hi-shadow) / 0.2), 0 8px 0 var(--card-deep), 0 14px 18px hsl(var(--h) 62% 5% / .4), 0 0 20px rgba(255,200,61,.28);
}
body.ui-v2 #btnPlay.btn-play::after {
  background: linear-gradient(100deg, transparent, hsl(var(--n-hi-surface) / 0.42), transparent);
}
body.ui-v2 #homeCLBtn {
  background: linear-gradient(180deg, hsl(var(--n-hi-surface) / 0.95), rgba(255,244,214,.92));
  border: 2px solid hsl(var(--n-hi-edge));
}
body.ui-v2 .cl-countdown {
  background-color: hsl(var(--n-hi-surface) / 0.6);
}
body.ui-v2 .cl-tier-row {
  background-color: hsl(var(--n-hi-surface) / 0.5);
}
body.ui-v2 .cl-tier-row.reached {
  background-color: hsl(var(--n-hi-surface) / 0.85);
}
body.ui-v2 .cl-tier-row.current {
  background: linear-gradient(90deg, rgba(255,213,90,.35), hsl(var(--n-hi-surface) / 0.9));
}
body.ui-v2 .cl-standing-row {
  background-color: hsl(var(--n-hi-surface) / 0.55);
  border: 1.5px solid hsl(var(--n-hi-edge) / 0.7);
}
body.ui-v2 .cl-standing-row.me {
  background-color: hsl(var(--n-hi-surface));
}
body.ui-v2 {
  --ink-on-dark: hsl(var(--n-hi-text));
  --stroke-on-light: hsl(var(--n-hi-surface) / 0.95);
}
body.ui-v2 .btn-mini {
  box-shadow: inset 0 1px 0 hsl(var(--n-hi-shadow) / 0.2), 0 3px 0 var(--card-deep), 0 5px 8px rgba(5, 7, 21, .28);
}
body.ui-v2 .btn-mini:active {
  box-shadow: inset 0 1px 0 hsl(var(--n-hi-shadow) / 0.2), 0 1px 0 var(--card-deep);
}
body.ui-v2 .shop-box-tile,
body.ui-v2 .shop-deal-tile {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.85), inset 0 -4px 0 hsl(var(--h) 30% 78% / .6), 0 4px 0 var(--lite-edge), 0 9px 14px rgba(10, 5, 21, .34);
}
body.ui-v2 .shop-box-tile:active {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.85), 0 1px 0 var(--lite-edge);
}
body.ui-v2 .rotation-note,
body.ui-v2 .dl-note,
body.ui-v2 .shop-sec-title,
body.ui-v2 .sec-title,
body.ui-v2 .view-sub {
  color: hsl(var(--n-hi-text)) !important;
}
body.ui-v2 .btn-neutral {
  --card-hi: hsl(var(--n-hi-surface));
}
body.ui-v2 .sb-price {
  color: hsl(var(--n-hi-text)) !important;
}
body.ui-v2 .shop-box-tile,
body.ui-v2 .shop-deal-tile,
body.ui-v2 #profilePaneBoard .card,
body.ui-v2 #view-goals .daily-card,
body.ui-v2 #view-goals .streak-widget,
body.ui-v2 #view-goals .daily-featured,
body.ui-v2 #view-collection .mix-bar {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.85), inset 0 -4px 0 hsl(var(--h) 30% 78% / .6), 0 4px 0 var(--lite-edge), 0 9px 14px rgba(10, 5, 21, .34);
}
body.ui-v2 #topbar button#btnBack {
  --card-hi: hsl(var(--n-hi-surface));
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.8), 0 4px 0 var(--card-deep), 0 8px 12px rgba(10, 5, 21, .34) !important;
}
body.ui-v2 #topbar button#btnBack:active {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.8), 0 1px 0 var(--card-deep) !important;
}
body.ui-v2 .lite-card,
body.ui-v2 #view-goals .ach-row,
body.ui-v2 .ach-list .ach-row,
body.ui-v2 #profilePaneBoard .lb-row,
body.ui-v2 .lb-list .lb-row,
body.ui-v2 .shop-card,
body.ui-v2 .pack-card,
body.ui-v2 .theme-card {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.85), inset 0 -4px 0 hsl(var(--h) 30% 78% / .6), 0 4px 0 var(--lite-edge), 0 9px 14px rgba(10, 5, 21, .34);
}
body.ui-v2 .box-slot.rar-common:not(.is-ready),
body.ui-v2 .box-slot.rar-rare:not(.is-ready),
body.ui-v2 .box-slot.rar-epic:not(.is-ready),
body.ui-v2 .box-slot.rar-legendary:not(.is-ready),
body.ui-v2 .box-slot.rar-mythic:not(.is-ready),
body.ui-v2 .box-slot.rar-powerup:not(.is-ready),
body.ui-v2 .box-slot.rar-cosmetic:not(.is-ready) {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.22), inset 0 -5px 0 hsl(var(--n-lo-shadow) / 0.26), 0 5px 0 #1F0F40, 0 11px 16px rgba(10,5,21,.42) !important;
}
body.ui-v2 .ov-x {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.35), 0 4px 0 hsl(352 70% 24%), 0 8px 12px rgba(10,5,21,.4);
  color: hsl(var(--n-hi-text));
}
body.ui-v2 .ov-x:active {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.35), 0 1px 0 hsl(352 70% 24%);
}
body.ui-v2 .shop-deal-tile.is-claimed {
  box-shadow: inset 0 2px 0 hsl(var(--n-hi-shadow) / 0.5), 0 2px 0 hsl(var(--h) 25% 55% / .7) !important;
}
body.ui-v2 #board {
  box-shadow: 0 6px 22px hsl(var(--n-lo-shadow) / 0.4);
}
body.ui-v2 .bonus-btn > b.pu-new {
  color: hsl(var(--n-hi-text)) !important;
}
body.ui-v2 #view-collection .pucard .prev-name,
body.ui-v2 #view-collection .gemcard .prev-name {
  color: hsl(var(--n-hi-text));
}
body.ui-v2 #view-collection #collTabs .seg.on,
body.ui-v2 #view-collection #collStyleTabs .seg.on {
  color: hsl(var(--n-hi-text)) !important;
}
body.ui-v2 #ovRoute .rt-node-boss {
  color: hsl(var(--n-hi-text)) !important;
}
body.ui-v2 #ovWelcome .wc-c.wc-clr::after {
  box-shadow: inset 0 -3px 0 hsl(var(--n-lo-shadow) / 0.22), inset 0 2px 2px hsl(var(--n-hi-shadow) / 0.35);
}
body.ui-v2 .rays {
  background: radial-gradient(circle, hsl(var(--n-lo-surface) / 0.55) 0%, hsl(var(--n-lo-surface)) 42%, hsl(var(--n-lo-surface)) 100%), repeating-conic-gradient(from 0deg, var(--ray-a) 0deg 20deg, transparent 20deg 40deg);
}
body.ui-v2 .tu-rays {
  background: radial-gradient(circle, hsl(var(--n-lo-surface) / 0.55) 0%, hsl(var(--n-lo-surface)) 42%, hsl(var(--n-lo-surface)) 100%), repeating-conic-gradient(from 0deg, hsl(var(--n-hi-surface) / 0.6) 0deg 20deg, transparent 20deg 40deg);
}
body.ui-v2 #rrRays.rr-rays {
  background: radial-gradient(circle, hsl(var(--n-lo-surface) / 0.55) 0%, hsl(var(--n-lo-surface)) 42%, hsl(var(--n-lo-surface)) 100%), repeating-conic-gradient(from 0deg, var(--rc, hsl(var(--n-hi-surface))) 0deg 20deg, transparent 20deg 40deg);
}
body.ui-v2 #rrArt .cos-row.rr-choice {
  background-color: hsl(var(--n-lo-surface) / 0.26);
}
body.ui-v2 #ovReward[data-tone="bonus"] .rr-frame {
  background: radial-gradient(circle at 50% 40%, hsl(var(--n-hi-surface)) 6%, var(--rp, #f4ecff) 72%, var(--rc, #9a5cff) 168%);
  box-shadow: 0 0 34px var(--rc, #9a5cff), inset 0 0 22px hsl(var(--n-hi-shadow) / 0.5);
}
body.ui-v2 .cos-tile .cos-art-block > * {
  box-shadow: 0 5px 12px hsl(var(--n-lo-shadow) / 0.5);
}
body.ui-v2 .cos-tag,
body.ui-v2 .cos-tag-block,
body.ui-v2 .cos-tag-wp,
body.ui-v2 .cos-tag-music {
  color: hsl(var(--n-hi-text));
  border: 1.5px solid hsl(var(--n-hi-edge) / 0.3);
  box-shadow: 0 2px 6px hsl(var(--n-lo-shadow) / 0.45);
}
body.ui-v2 #rrSub .gp-lv {
  color: hsl(var(--n-hi-text));
}
body.ui-v2 #rrSub .gp-num {
  color: hsl(var(--n-hi-text));
}
body.ui-v2 #rrSub .gp-bar {
  background-color: hsl(var(--n-lo-surface) / 0.5);
  box-shadow: inset 0 2px 4px hsl(var(--n-lo-shadow) / 0.5), 0 2px 0 hsl(var(--n-lo-shadow) / 0.3);
}
body.ui-v2 #rrSub .gp-bar > i {
  background: linear-gradient(180deg, hsl(var(--n-hi-surface)), var(--rc, #9a5cff));
}
body.ui-v2 .mult-bar .mp-lines {
  background: linear-gradient(180deg, hsl(var(--n-hi-surface)), #d8dcea);
}
body.ui-v2 .mult-bar .mp-gems {
  background: linear-gradient(180deg, hsl(var(--n-hi-surface)), #8a5cff);   /* audit 2026-09-03 : pastille du facteur gemmes, teintee comme les autres */
}
body.ui-v2 .cell .gmul {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 1px 0 #0a0618, 0 -1px 0 #0a0618, 1px 0 0 #0a0618, -1px 0 0 #0a0618, 0 2px 4px hsl(var(--n-lo-shadow) / 0.6);
}
body.ui-v2 #ovGemDetail .gd-name {
  color: hsl(var(--n-hi-text));
}
body.ui-v2 #ovGemDetail .gd-rar,
body.ui-v2 #ovGemDetail .gd-type {
  background-color: hsl(var(--n-lo-surface) / 0.55);
  border: 1.5px solid hsl(var(--n-hi-edge) / 0.18);
}
body.ui-v2 #ovGemDetail .gd-type {
  color: hsl(var(--n-hi-text));
}
body.ui-v2 #ovGemDetail .gd-panel {
  box-shadow: 0 0 26px color-mix(in srgb, var(--rc, #9a5cff) 45%, transparent), 0 10px 30px hsl(var(--n-lo-shadow) / 0.45);
}
body.ui-v2 #ovGemDetail .gd-board {
  background-color: hsl(var(--n-lo-surface) / 0.16);
}
body.ui-v2 #ovGemDetail .gd-bar {
  background-color: hsl(var(--n-lo-surface) / 0.5);
}
body.ui-v2 #ovGemDetail .gd-bar > i {
  background: linear-gradient(180deg, color-mix(in srgb, var(--rc, #9a5cff) 62%, hsl(var(--n-hi-surface))), var(--rc, #9a5cff));
}
body.ui-v2 #ovGemDetail .gd-bar > b {
  color: hsl(var(--n-hi-text));
  text-shadow: 0 1.5px 0 rgba(10, 6, 24, .95), 0 -1.5px 0 rgba(10, 6, 24, .95), 1.5px 0 0 rgba(10, 6, 24, .95), -1.5px 0 0 rgba(10, 6, 24, .95), 0 2px 4px hsl(var(--n-lo-shadow) / 0.55);
}
body.ui-v2 #ovGemDetail .gd-close {
  box-shadow: 0 4px 0 hsl(var(--n-lo-shadow) / 0.38), 0 8px 18px hsl(var(--n-lo-shadow) / 0.4);
}
body.ui-v2 #ovGemDetail .gd-close::before,
body.ui-v2 #ovGemDetail .gd-close::after {
  background-color: hsl(var(--n-hi-surface));
}
body.ui-v2 #ovGemDetail .gd-close:active {
  box-shadow: 0 2px 0 hsl(var(--n-lo-shadow) / 0.38);
}