/* Site tooltip palette and typography, with a short side-opening animation. */
.custom-tooltip.tcg-equipment-tooltip {
 position:fixed; z-index:2147483646; box-sizing:border-box; margin:0; padding:8px 12px;
 background:rgba(0,0,0,.85); color:#fff; border:1px solid var(--secondary-color,#A64B44);
 border-radius:4px; box-shadow:0 5px 15px rgba(0,0,0,.3); font:14px/1.35 Montserrat,sans-serif;
 white-space:normal; overflow-wrap:anywhere; text-align:center; pointer-events:auto;
 opacity:0; visibility:hidden; transform:none; transform-origin:right center; transition:none;
 --tip-away:10px;
 /* Its own compositor layer, placed by translate (tooltipPlacer): following the turning card repaints nothing. */
 left:0; top:0; will-change:transform;
}
.custom-tooltip.tcg-equipment-tooltip[hidden] { display:none; }
.custom-tooltip.tcg-equipment-tooltip[data-side="right"] { --tip-away:-10px; transform-origin:left center; }
.custom-tooltip.tcg-equipment-tooltip.visible { opacity:1; visibility:visible; transform:none; }
.custom-tooltip.tcg-equipment-tooltip.visible>span { animation:tcg-tooltip-copy .24s ease both; }
.custom-tooltip.tcg-equipment-tooltip.tcg-tooltip-closing { visibility:visible; pointer-events:none; animation:tcg-tooltip-retract .14s ease-in both; }
@keyframes tcg-tooltip-retract { from {opacity:1;transform:none} to {opacity:0;transform:translateX(var(--tip-away)) scaleX(.8)} }
@keyframes tcg-tooltip-copy { from {opacity:0;transform:translateY(3px)} to {opacity:1;transform:none} }
.custom-tooltip.tcg-equipment-tooltip>strong { display:block; font-size:14px; font-weight:600; color:var(--secondary-color,#A64B44); margin:0 0 3px; }
.custom-tooltip.tcg-equipment-tooltip>span { display:block; font-size:14px; line-height:1.4; }
.custom-tooltip.tcg-equip-preview { width:max-content; max-width:calc(100vw - 16px); box-sizing:border-box; z-index:2147483646; font:14px/1.4 Montserrat,sans-serif; white-space:normal; overflow-wrap:anywhere; pointer-events:auto; transform:none; transition:none; }
.custom-tooltip.tcg-equip-preview[hidden] { display:none; }
.custom-tooltip.tcg-equip-preview>strong,.custom-tooltip.tcg-equip-preview>span { display:block; }
.custom-tooltip.tcg-equip-preview>strong { margin-bottom:3px; color:var(--secondary-color,#A64B44); font-weight:600; }
.custom-tooltip.tcg-equip-preview .tcg-preview-stats>span { display:block; }
.tcg-equip-preview .tcg-preview-power { margin-top:4px; font:italic 800 18px/1.1 PowerBarlow,sans-serif; letter-spacing:.2px; font-variant-numeric:lining-nums tabular-nums; color:var(--primary-color); text-shadow:0 1px 2px #000a; white-space:nowrap; }
.custom-tooltip.tcg-equip-preview:after { left:var(--tip-arrow-x,50%); }
.custom-tooltip.tcg-equip-preview[data-side="below"]:after { bottom:auto; top:-12px; border-top-color:transparent; border-bottom-color:var(--secondary-color); }
.custom-tooltip.tcg-equipment-tooltip:after { content:''; position:absolute; top:var(--tip-arrow-y,50%); bottom:auto; left:100%; transform:translateY(-50%); border:5px solid transparent; border-left-color:var(--secondary-color,#A64B44); }
.custom-tooltip.tcg-equipment-tooltip[data-side="right"]:after { left:auto; right:100%; border-left-color:transparent; border-right-color:var(--secondary-color,#A64B44); }
.tcg-inspection-enabled .tcg-inspect-target { pointer-events:auto; cursor:help; }
.tcg-inspection-hit { position:absolute; left:0; right:0; top:50%; height:32px; transform:translateY(-50%); z-index:8; }
.tcg-inspection-enabled .tcg-inspect-target:focus-visible { outline:1px solid var(--secondary-color,#A64B44); outline-offset:2px; }
.tcg-inspection-enabled .tcg-inspect-target>img { pointer-events:none; }
/* Linked equipment only. One rotating SVG per ring, open centre for the art. */
.tcg-equipment-effect { position:absolute; width:40px; height:40px; left:50%; top:50%; margin:-20px 0 0 -20px; pointer-events:none; z-index:20; color:var(--link-color,var(--effect-color)); opacity:.78; transition:opacity .16s ease; }
.tcg-synergy-linked .tcg-equipment-effect { opacity:1; }
/* Rings only appear for the hovered item's links, so make them unmistakable. */
.tcg-equipment-effect { opacity:1; transform:scale(1.25); filter:drop-shadow(0 0 3px var(--link-color,var(--effect-color))) drop-shadow(0 0 6px var(--link-color,var(--effect-color))); }
.tcg-equipment-effect svg { stroke-width:1.8; }
.tcg-equipment-effect .ring-inset { opacity:.8; }
.tcg-equipment-effect i { position:absolute; inset:0; display:block; font-style:normal; animation:tcg-linked-ring-turn 12s linear infinite; }
.tcg-equipment-effect svg { display:block; width:100%; height:100%; overflow:visible; }
.tcg-equipment-effect .ring-inset { opacity:.55; stroke-width:.65; }
.tcg-equipment-effect[data-style="courts"] { width:39px; height:39px; margin:-19.5px 0 0 -19.5px; }
.tcg-equipment-effect[data-style="courts"] i { animation-duration:16s; }
.tcg-equipment-effect[data-style="sigils"] { width:42px; height:42px; margin:-21px 0 0 -21px; }
.tcg-equipment-effect[data-style="sigils"] i { animation-duration:9s; }
.tcg-equipment-effect[data-group="AP"] i { animation-direction:reverse; }
.tcg-card:not(.is-revealed) .tcg-equipment-effect { visibility:hidden; }
.tcg-card:not(.is-revealed) .tcg-equipment-effect i,
[data-effects-paused="true"] .tcg-equipment-effect i { animation-play-state:paused; }
@keyframes tcg-linked-ring-turn { from {transform:rotate(0)} to {transform:rotate(360deg)} }
.tcg-effects-note {font:12px/1.5 Montserrat,sans-serif;opacity:.75;max-width:260px;margin:6px 0 0}
.tcg-tip-room #tcg-inspected-card { width:min(140px,33vw); }
.tcg-tip-room[data-tip-side="left"] { justify-items:end; }
.tcg-tip-room[data-tip-side="right"] { justify-items:start; }
@media(prefers-reduced-motion:reduce) {
 .custom-tooltip.tcg-equipment-tooltip,.custom-tooltip.tcg-equipment-tooltip>span { animation:none; transition:none; }
 .tcg-equipment-effect,.tcg-equipment-effect i { transition:none; animation:none; opacity:.7; }
}

/* Equipped item/augment preview: a small copy of the card itself. */
.tcg-equipment-tooltip.tcg-equipment-card-tip{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}
.tcg-equipment-tooltip.tcg-tip-opens{cursor:pointer}
.tcg-equipment-tooltip.tcg-equipment-card-tip::before,.tcg-equipment-tooltip.tcg-equipment-card-tip::after{display:none}
.tcg-equipment-tooltip.tcg-equipment-card-tip .tcg-card-slot{width:100%;perspective:none}
.tcg-equipment-tooltip.tcg-equipment-card-tip[data-art-ready="false"] .tcg-card{visibility:hidden}
.tcg-equipment-tooltip.tcg-equipment-card-tip .tcg-card{filter:drop-shadow(0 8px 18px #000c)}
/* Hover card power: a heavy dark outline keeps it legible on busy art. Only a power that
   includes an amp bonus turns gold, in the site's --primary-color (#D7A84E); plain rolls stay white. */
.tcg-equipment-tooltip.tcg-equipment-card-tip .tcg-champion130 .c130-power-value{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 3px #000,0 0 5px #000,0 0 12px rgba(0,0,0,.95)!important}
.tcg-equipment-tooltip.tcg-equipment-card-tip.is-amped .tcg-champion130 .c130-power-value{color:#D7A84E!important}
/* Masterwork orange wins over the amp gold. */
.tcg-equipment-tooltip.tcg-equipment-card-tip .tcg-champion130.i87-masterwork .c130-power-value{color:#ff8a2a!important}
.tcg-champion130 .c130-anvils { position:relative; }
.tcg-champion130 .c130-anvils > .tcg-equipment-effect { left:10px; width:32px; height:32px; margin:-16px 0 0 -16px; }
/* Equip luck: a reroll's chance to beat the equipped roll's luck word. */
.tcg-equip-preview .tcg-preview-reroll { margin:0 0 4px; color:#f5dc9a; font-weight:600; }