.wd-tip-holder{--badge-ink:color-mix(in oklab, var(--color-muted-foreground) 75%, transparent);--badge-edge:color-mix(in oklab, var(--foreground) 14%, transparent);--badge-back:color-mix(in oklab, var(--foreground) 5%, transparent);--badge-glow:none;display:inline-flex;position:relative}.wd-tip-holder[data-tone=gold]{--badge-ink:var(--wd-gold)}.wd-tip-holder[data-tier="1"]{--badge-ink:var(--wd-bronze);--badge-edge:color-mix(in oklab, var(--wd-bronze) 55%, transparent);--badge-back:color-mix(in oklab, var(--wd-bronze) 12%, transparent)}.wd-tip-holder[data-tier="2"]{--badge-ink:var(--wd-silver);--badge-edge:color-mix(in oklab, var(--wd-silver) 60%, transparent);--badge-back:color-mix(in oklab, var(--wd-silver) 14%, transparent)}.wd-tip-holder[data-tier="3"]{--badge-ink:var(--wd-gold);--badge-edge:color-mix(in oklab, var(--wd-gold) 65%, transparent);--badge-back:color-mix(in oklab, var(--wd-gold) 16%, transparent);--badge-glow:0 0 8px color-mix(in oklab, var(--wd-gold) 25%, transparent)}.wd-tip-holder[data-tier="4"]{--badge-ink:var(--wd-diamond);--badge-edge:var(--wd-diamond);--badge-back:color-mix(in oklab, var(--wd-diamond) 20%, transparent);--badge-glow:0 0 12px color-mix(in oklab, var(--wd-diamond) 45%, transparent), inset 0 0 6px color-mix(in oklab, var(--wd-diamond) 25%, transparent)}.wd-tip{opacity:0;pointer-events:none;z-index:30;padding-bottom:8px;transition:opacity .12s steps(2,end);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.wd-tip-holder:hover .wd-tip,.wd-tip-holder:focus-within .wd-tip{opacity:1}.wd-tip-box{background:var(--color-popover);width:max-content;max-width:min(15rem,100vw - 2rem);color:var(--color-popover-foreground);border-radius:var(--radius-lg);outline:1px solid color-mix(in oklab, var(--foreground) 10%, transparent);text-align:left;white-space:normal;flex-direction:column;gap:.15rem;padding:.5rem .625rem;display:flex;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d}.wd-tip-title{color:var(--badge-ink);font-size:.875rem;font-weight:700;line-height:1.2}.wd-tip-standing{font-size:.75rem;font-weight:600}.wd-tip-note{color:var(--color-muted-foreground);font-size:.75rem;line-height:1.35}@media (prefers-reduced-motion:reduce){.wd-tip{transition:none}}
.wd-badge{border:1px solid var(--badge-edge);background:var(--badge-back);width:1.25rem;height:1.25rem;box-shadow:var(--badge-glow);color:var(--badge-ink);vertical-align:-.2em;border-radius:.3rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.wd-badge-lg{border-radius:.5rem;width:2.25rem;height:2.25rem}.wd-tip-holder[data-chosen=true] .wd-badge{outline:2px solid var(--badge-ink);outline-offset:2px}