.board-synergy-tooltip{transform:translate3d(var(--board-tooltip-x,-200vw), var(--board-tooltip-y,-200vh), 0);z-index:var(--z-tooltip);border-radius:var(--radius-md);color:#fff;width:min(320px,100vw - 24px);max-height:min(480px,100vh - 24px);padding:var(--space-sm);pointer-events:none;background:#193129;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 4px 8px #111f194d}.board-synergy-tooltip__heading{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.board-synergy-tooltip__heading strong{font-size:var(--text-sm);line-height:1.3}.board-synergy-tooltip__heading>span{border-radius:var(--radius-full);color:#ffffffe6;font-size:var(--text-2xs);font-weight:var(--weight-bold);border:1px solid #ffffff42;align-items:center;padding:3px 7px;display:inline-flex}.board-synergy-tooltip p{margin:var(--space-xs) 0 0;color:#ffffffe6;font-size:var(--text-2xs);text-wrap:pretty;line-height:1.55}.board-synergy-tooltip__breakpoints{gap:var(--space-2xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.board-synergy-tooltip__breakpoints>span{border-radius:var(--radius-full);color:#ffffffc2;min-width:24px;height:22px;font-size:var(--text-2xs);font-weight:var(--weight-bold);border:1px solid #ffffff3d;justify-content:center;align-items:center;display:inline-flex}.board-synergy-tooltip__breakpoints>span[data-current]{color:#193129;background:#f4d17f;border-color:#f4d17f}.board-synergy-tooltip__breakpoint-list{margin:var(--space-xs) 0 0;font-size:var(--text-2xs);padding:0;line-height:1.45;list-style:none}.board-synergy-tooltip__breakpoint-list li{opacity:.5;grid-template-columns:auto 1fr;gap:5px;display:grid}.board-synergy-tooltip__breakpoint-list li[data-reached]{opacity:1}.board-synergy-tooltip__breakpoint-list strong{color:#f4d17f}.board-synergy-tooltip__champion-roster{margin-top:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid #ffffff29}.board-synergy-tooltip__champions{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.board-synergy-tooltip__champion{border-radius:var(--radius-sm);background:var(--surface-muted);border:2px solid #8c938f;flex:0 0 44px;width:44px;height:44px;position:relative;overflow:hidden}.board-synergy-tooltip__champion[data-cost="2"]{border-color:#5ea177}.board-synergy-tooltip__champion[data-cost="3"]{border-color:#5d8dcc}.board-synergy-tooltip__champion[data-cost="4"]{border-color:#9a72c2}.board-synergy-tooltip__champion[data-cost="5"]{border-color:var(--unit-cost-5)}.board-synergy-tooltip__champion img{object-fit:cover}.board-synergy-tooltip__contribution{z-index:1;border-radius:var(--radius-full);color:#f4d17f;min-width:19px;min-height:19px;font-size:var(--text-2xs);background:#193129;border:1px solid #ffffff7a;place-items:center;padding-inline:4px;line-height:1;display:grid;position:absolute;bottom:1px;right:1px}.board-palette-tooltip{--board-palette-portrait-size:78px;transform:translate3d(var(--board-tooltip-x,-200vw), var(--board-tooltip-y,-200vh), 0);z-index:var(--z-tooltip);overscroll-behavior:contain;scrollbar-width:thin;border-radius:var(--radius-md);width:min(384px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);pointer-events:auto;background:#fffefafb;border:1px solid #a8b5abeb;padding:14px;position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:0 4px 8px #27342d24}[data-palette-tooltip-surface]{pointer-events:auto}.board-palette-tooltip__content{min-width:0;margin:-14px;padding:14px}.board-palette-tooltip__heading{align-items:flex-start;gap:12px;display:flex}.board-palette-tooltip__portrait{width:var(--board-palette-portrait-size);height:var(--board-palette-portrait-size);flex:0 0 var(--board-palette-portrait-size);border:2px solid var(--unit-cost-1);border-radius:var(--radius-md);background:#172820;display:block;overflow:hidden;box-shadow:0 6px 16px #1e2f2733}.board-palette-tooltip__portrait[data-cost="2"]{border-color:var(--unit-cost-2)}.board-palette-tooltip__portrait[data-cost="3"]{border-color:var(--unit-cost-3)}.board-palette-tooltip__portrait[data-cost="4"]{border-color:var(--unit-cost-4)}.board-palette-tooltip__portrait[data-cost="5"]{border-color:var(--unit-cost-5)}.board-palette-tooltip__portrait img{object-fit:cover;width:100%;height:100%;display:block}.board-palette-tooltip__identity{min-width:0;min-height:var(--board-palette-portrait-size);flex-direction:column;flex:auto;padding-top:2px;display:flex}.board-palette-tooltip__unknown-traits{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--weight-bold)}.board-palette-tooltip__identity>strong{color:var(--ink);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;display:block;overflow:hidden}.board-palette-tooltip__close{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:44px;height:44px;color:var(--ink-soft);cursor:pointer;font-size:var(--text-lg);flex:0 0 44px;justify-content:center;align-items:center;margin-left:auto;line-height:1;display:inline-flex}.board-palette-tooltip__traits{flex-wrap:wrap;gap:6px 10px;margin-top:auto;padding-top:7px;display:flex}.board-palette-tooltip__trait{min-width:0;color:var(--sage-deep);font-size:var(--text-2xs);font-weight:var(--weight-bold);align-items:center;gap:6px;line-height:1.25;display:inline-flex}.board-palette-tooltip__trait-icon{clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);color:#fff;width:24px;height:24px;font-size:var(--text-2xs);background:#193129;flex:0 0 24px;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.board-palette-tooltip__trait-icon img{object-fit:contain;width:100%;height:100%;padding:4px;display:block}.board-palette-tooltip__unknown-traits{margin-top:auto;padding-top:7px}.board-palette-tooltip__meta{min-width:0;color:var(--muted);font-size:var(--text-2xs);font-weight:var(--weight-semi);flex-wrap:wrap;align-items:baseline;margin:4px 0 0;line-height:1.25;display:flex}.board-palette-tooltip__meta span{white-space:nowrap;align-items:baseline;display:inline-flex}.board-palette-tooltip__meta span+span:before{content:"·";color:var(--line-strong);margin:0 5px}.board-palette-tooltip__ability{border-top:1px solid var(--line);margin-top:12px;padding-top:11px}.board-palette-tooltip__ability>header{align-items:center;gap:9px;display:flex}.board-palette-tooltip__ability-icon{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#172820;flex:0 0 44px;width:44px;height:44px;display:block;overflow:hidden}.board-palette-tooltip__ability-icon img{object-fit:cover;width:100%;height:100%;display:block}.board-palette-tooltip__ability-heading{gap:5px;min-width:0;display:grid}.board-palette-tooltip__ability-heading>strong{color:var(--ink);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.board-palette-tooltip__ability-mana{color:var(--muted);font-size:var(--text-2xs);align-items:center;gap:4px;line-height:1;display:inline-flex}.board-palette-tooltip__ability-mana img{object-fit:contain;width:16px;height:16px;display:block}.board-palette-tooltip__ability-mana b{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold)}.board-palette-tooltip__ability>p{color:var(--ink-soft);font-size:var(--text-2xs);white-space:pre-line;margin:9px 0 0;line-height:1.55}.board-palette-tooltip__actions{border-top:1px solid var(--line);justify-content:flex-end;margin-top:10px;padding-top:10px;display:flex}.board-palette-tooltip__actions button{border:1px solid var(--sage-deep);border-radius:var(--radius-sm);background:var(--sage-deep);color:#fff;cursor:pointer;min-height:44px;font-size:var(--text-2xs);font-weight:var(--weight-bold);padding:0 16px}.board-palette-tooltip__close:focus-visible,.board-palette-tooltip__actions button:focus-visible{outline-offset:2px;outline:3px solid #5c846c42}@media (max-width:560px){.board-palette-tooltip{--board-palette-portrait-size:70px;border-radius:var(--radius-md);width:min(336px,100vw - 16px);max-height:min(70dvh,100dvh - 16px);padding:12px}.board-palette-tooltip__content{margin:-12px;padding:12px}.board-palette-tooltip__heading{gap:10px}}.board-item-tooltip{scrollbar-width:thin;width:min(340px,100vw - 24px);max-height:min(420px,100vh - 24px);overflow-y:auto}.board-item-tooltip__heading{justify-content:flex-start;align-items:center;gap:12px}.board-item-tooltip__close{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:44px;height:44px;color:var(--ink-soft);cursor:pointer;font-size:var(--text-lg);flex:0 0 44px;justify-content:center;align-items:center;margin-left:auto;line-height:1;display:inline-flex}.board-item-tooltip__icon,.board-item-tooltip__ingredient-icon{background:#172820;border:1px solid #5f77697a;flex:none;display:block;position:relative;overflow:hidden;box-shadow:0 3px 9px #1e2f272e}.board-item-tooltip__icon{border-radius:var(--radius-sm);width:46px;height:46px}.board-item-tooltip__icon img,.board-item-tooltip__ingredient-icon img{object-fit:cover;width:100%;height:100%;display:block}.board-item-tooltip__title{flex-direction:column;flex:auto;align-items:flex-start;gap:5px;min-width:0;display:flex}.board-palette-tooltip__heading .board-item-tooltip__category{border-radius:var(--radius-full);background:var(--surface-sage);width:fit-content;color:var(--sage-deep);font-size:var(--text-2xs);border:1px solid #c8d5cc;align-items:center;padding:2px 7px;line-height:1.25;display:inline-flex}.board-item-tooltip__title strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-item-tooltip__description{border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-2xs);overflow-wrap:anywhere;white-space:pre-line;margin:12px 0 0;padding-top:11px;line-height:1.58}.board-tool-item-stats{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px 14px;margin-top:12px;padding-top:11px;display:flex}.board-tool-item-stat{min-height:24px;color:var(--ink-soft);align-items:center;gap:5px;display:inline-flex}.board-tool-item-stat__icon{flex:0 0 18px;width:18px;height:18px;display:block}.board-tool-item-stat__icon img{object-fit:contain;width:100%;height:100%;display:block}:root:not([data-theme=dark]) .board-tool-item-stat__icon--light-contrast img{filter:drop-shadow(1px 0 #20262247)drop-shadow(-1px 0 #20262247)drop-shadow(0 1px #20262247)drop-shadow(0 -1px #20262247)}.board-tool-item-stat__value{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);line-height:1}.board-item-tooltip__status{border-radius:var(--radius-sm);background:var(--surface-sage);color:var(--sage-deep);font-size:var(--text-2xs);font-weight:var(--weight-semi);margin:8px 0 0;padding:7px 9px;line-height:1.45}.board-item-tooltip__recipe{border-top:1px solid var(--line);margin-top:12px;padding-top:11px}.board-item-tooltip__recipe-label{color:var(--ink-soft);font-size:var(--text-2xs);margin-bottom:7px;display:block}.board-item-tooltip__recipe-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.board-item-tooltip__ingredient{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-muted);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:6px;display:grid}.board-item-tooltip__ingredient-icon{border-radius:var(--radius-sm);width:34px;height:34px}.board-item-tooltip__ingredient>span:last-child{-webkit-line-clamp:2;min-width:0;color:var(--ink-soft);font-size:var(--text-2xs);font-weight:var(--weight-bold);overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.board-item-tooltip__plus{color:var(--sage-deep);font-size:var(--text-md);font-weight:var(--weight-heavy)}.board-tool-palette-tooltip{--board-tooltip-surface:#fffefa;--board-tooltip-surface-raised:#fffefafb;--board-tooltip-surface-muted:#eee9df;--board-tooltip-surface-accent:#e6ece7;--board-tooltip-text-primary:#202622;--board-tooltip-text-secondary:#454d47;--board-tooltip-text-muted:#616862;--board-tooltip-border-subtle:#e1dacf;--board-tooltip-border-control:#c9c0b3;--board-tooltip-border-outer:#a8b5abeb;--board-tooltip-category-border:#c8d5cc;--board-tooltip-accent-text:#31483f;--board-tooltip-accent-solid:#31483f;--board-tooltip-on-accent:#fff;--board-tooltip-focus:#5c846c42;--board-tooltip-control-focus:#276f59;--surface:var(--board-tooltip-surface);--surface-muted:var(--board-tooltip-surface-muted);--surface-sage:var(--board-tooltip-surface-accent);--ink:var(--board-tooltip-text-primary);--ink-soft:var(--board-tooltip-text-secondary);--muted:var(--board-tooltip-text-muted);--line:var(--board-tooltip-border-subtle);--line-strong:var(--board-tooltip-border-control);--sage-deep:var(--board-tooltip-accent-text);border-color:var(--board-tooltip-border-outer);background:var(--board-tooltip-surface-raised);color:var(--board-tooltip-text-primary)}.board-tool-palette-tooltip .board-palette-tooltip__heading .board-item-tooltip__category{border-color:var(--board-tooltip-category-border)}.board-tool-palette-tooltip .board-palette-tooltip__actions button{border-color:var(--board-tooltip-accent-solid);background:var(--board-tooltip-accent-solid);color:var(--board-tooltip-on-accent)}.board-tool-palette-tooltip .board-palette-tooltip__close:focus-visible,.board-tool-palette-tooltip .board-palette-tooltip__actions button:focus-visible{outline-color:var(--board-tooltip-focus)}.board-tool-palette-tooltip .board-item-tooltip__close:focus-visible{outline-color:var(--board-tooltip-control-focus)}:root[data-theme=dark] .board-tool-palette-tooltip{--board-tooltip-surface:#191f1b;--board-tooltip-surface-raised:#222a24;--board-tooltip-surface-muted:#263029;--board-tooltip-surface-accent:#28372f;--board-tooltip-text-primary:#edf1ec;--board-tooltip-text-secondary:#c5cec7;--board-tooltip-text-muted:#aab4ac;--board-tooltip-border-subtle:#39453d;--board-tooltip-border-control:#68796d;--board-tooltip-border-outer:#68796d;--board-tooltip-category-border:#718376;--board-tooltip-accent-text:#9dc5b2;--board-tooltip-accent-solid:#86b5a0;--board-tooltip-on-accent:#102018;--board-tooltip-focus:#8fd7b6;--board-tooltip-control-focus:#8fd7b6}