/* v4 combined theme
   base: destiny-ui-css components (.destiny scope)
   layer: deepsight.gg tokens + utilities (--colour-*, --light-*, --font-*)
   bridge: single rarity scale drives BOTH token systems */

/* re-skin the destiny-ui-css tokens using deepsight's 3-stop rarity scale */
.destiny {
  --d2-rarity-common: #c2bcb4;
  --d2-rarity-uncommon: #366f42;
  --d2-rarity-rare: #5076a3;
  --d2-rarity-legendary: #522f65;
  --d2-rarity-exotic: #c4a73d;
  --d2-background: #101316;
  --d2-surface: rgba(255,255,255,.045);
  --d2-surface-raised: rgba(22,26,32,.92);
  --d2-border: rgba(244,241,234,.22);
  --d2-accent-green: #5fa16d;
}

/* deepsight-style watermark/tier column for destiny-ui-css tooltip headers */
.v4-tooltip { width: 24rem; position: relative; }
.v4-tooltip .tooltip-header { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 1rem; }
.v4-tooltip .tooltip-header .wm-col {
  width: 2rem; padding-top: .2rem; display: flex; flex-direction: column; align-items: center; gap: 5px;
  background: linear-gradient(to bottom, rgba(0,0,0,.45), transparent);
}
.v4-tooltip .wm-dot { width: 6px; height: 6px; background: #bbb; rotate: 45deg; display: block; }
.v4-tooltip.tier-4 .wm-dot { background: #dfc2ff; }
.v4-tooltip.tier-5 .wm-dot { background: #ffec9d; }

/* hybrid item tile: destiny-ui tile shell + deepsight 3-stop rarity gradient + masterwork glow */
.v4-tile {
  width: 4rem; height: 4rem; position: relative; border: 2px solid;
}
.v4-tile.common { border-color:#dddddd; background: linear-gradient(160deg,#eeeeee,#c2bcb4); }
.v4-tile.uncommon { border-color:#5fa16d; background: linear-gradient(160deg,#9ccaa6,#366f42 70%); }
.v4-tile.rare { border-color:#7eaadf; background: linear-gradient(160deg,#c0dafa,#5076a3 70%); }
.v4-tile.legendary { border-color:#774493; background: linear-gradient(160deg,#b791cc,#522f65 70%); }
.v4-tile.exotic { border-color:#f5dc56; background: linear-gradient(160deg,#fff4b5,#c4a73d 70%); }
.v4-tile.mw::after { content:''; position:absolute; inset:0; border:1.5px solid #ecca3e; box-shadow: 0 0 10px 1px rgba(236,202,62,.5); pointer-events:none; }
.v4-tile .pw { position:absolute; right:3px; bottom:1px; font-size:.72rem; font-weight:700; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.85); font-family: Arial, sans-serif; }