/* In-game style talent tips: an overlay never changes the tree layout. */
#calculator .workspace{display:block}
.talent{touch-action:pan-y pinch-zoom;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
.talent-controls-help{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin:-5px 0 15px;color:#c4b28c;font-size:10px;line-height:1.7}
.talent-controls-help a{color:#e2c48a;text-underline-offset:3px}
.talent-touch-help{display:none}
.talent-key-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.talent-tooltip{position:fixed;z-index:80;width:360px;max-width:calc(100vw - 24px);max-height:none;overflow:visible;pointer-events:none;border:2px solid #b9975b;border-radius:5px;padding:15px 16px;color:#f0e6ce;background:linear-gradient(135deg,#111325fa,#070b12fc 72%);box-shadow:0 0 0 1px #271d11,inset 0 0 0 1px #eed7a221,0 12px 32px #000b;font:13px/1.75 'DM Sans',sans-serif;overflow-wrap:anywhere;text-shadow:0 1px 1px #000}
.talent-tooltip[data-mode="touch"]{pointer-events:auto}
.talent-tooltip[hidden]{display:none}
.tooltip-heading{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.tooltip-heading img{flex-shrink:0;border:1px solid #af9158;box-shadow:0 0 0 1px #020308}
.tooltip-heading strong{display:block;color:#ffdd84;font:600 16px/1.4 var(--display)}
.tooltip-heading span{display:block;margin-top:3px;color:#c1b9a1;font-size:10px;line-height:1.5}
.tooltip-rank{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#e3d1a3;font-size:11px;font-variant-numeric:tabular-nums}
.tooltip-rank span:last-child{color:#bcb49e;font-size:10px}
.tooltip-effect{margin:0;color:#ffe59b;white-space:pre-line}
.tooltip-next{margin-top:13px;padding-top:12px;border-top:1px solid #b190513d}
.tooltip-next>p:first-child{display:flex;justify-content:space-between;color:#d4c6a2;font-size:10px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:7px}
.tooltip-next .tooltip-effect{color:#9bda9c}
.tooltip-requirements{margin-top:13px;padding-top:11px;border-top:1px solid #b190513d}
.tooltip-condition{margin:4px 0;color:#eeb095;font-size:11px;line-height:1.65}
.tooltip-condition.met{color:#b8c9a4}
.tooltip-reason{color:#f2ad96;font-size:11px;line-height:1.65;margin-top:10px}
.tooltip-touch-ready{display:none;margin-top:12px;padding-top:10px;border-top:1px solid #d6b57155;color:#ffdc85;font-size:11px}
.talent-tooltip[data-gesture="remove"] .tooltip-touch-ready{display:block}
@media(hover:none),(pointer:coarse){.talent-controls-help{justify-content:flex-start;font-size:11px}.talent-touch-help{display:inline}.talent-mouse-help{display:none}.talent-tooltip{font-size:13px;line-height:1.7}}
@media(max-width:600px){.talent-controls-help{margin-bottom:13px}.tooltip-heading strong{font-size:15px}}