.hexboard.svelte-1myc2me{display:flex;flex-direction:column;gap:3px;container-type:inline-size;--hex: min(64px, calc((100cqw - 6 * 5px - 3px) / 7.5));width:100%;padding-top:8px}.hex-row.svelte-1myc2me{display:flex;gap:5px}.hex-row.offset.svelte-1myc2me{margin-left:calc(var(--hex) / 2 + 3px)}@media (max-width: 480px){.hex-row.svelte-1myc2me{gap:4px}.hex-row.offset.svelte-1myc2me{margin-left:calc(var(--hex) / 2 + 2px)}}.hex-cell.svelte-1myc2me{width:var(--hex);height:calc(var(--hex) * 1.14);position:relative;flex-shrink:0}.hex-cell.svelte-1myc2me:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#58b6ff12}.hex-cell.filled.svelte-1myc2me:before{background:#58b6ff24}.hex-cell.svelte-1myc2me .hc-trigger{position:absolute;inset:0}.hex-unit.svelte-1myc2me{position:absolute;inset:2px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--cc);filter:drop-shadow(0 2px 5px rgba(0,0,0,.6))}.hex-clip.svelte-1myc2me{position:absolute;inset:3px;overflow:hidden;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.hex-clip.svelte-1myc2me img:where(.svelte-1myc2me){position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 28%;object-position:center 28%;transform:scale(1.32);transform-origin:center 28%;filter:saturate(1.18) contrast(1.14) brightness(1.04)}.hex-stars.svelte-1myc2me{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:#ffd24d;letter-spacing:1px;z-index:6;text-shadow:0 0 6px rgba(255,180,40,.9),0 1px 2px rgba(0,0,0,1);pointer-events:none;white-space:nowrap}.tip.svelte-1myc2me{padding:12px 14px}.tip-head.svelte-1myc2me{display:flex;align-items:center;gap:10px}.tip-portrait.svelte-1myc2me{width:38px;height:38px;border-radius:7px;overflow:hidden;flex-shrink:0;border:2px solid var(--cc);background:var(--tft-panel, rgba(255, 255, 255, .06))}.tip-portrait.svelte-1myc2me img:where(.svelte-1myc2me){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-o-object-position:center 28%;object-position:center 28%;transform:scale(1.32);transform-origin:center 28%}.tip-title.svelte-1myc2me{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.tip-name.svelte-1myc2me{font-size:14px;font-weight:800;color:var(--tft-text, #f1ede3)}.tip-carry.svelte-1myc2me{align-self:flex-start;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#0a0925;background:var(--tft-accent, #58B6FF);border-radius:4px;padding:1.5px 6px}.tip-cost.svelte-1myc2me{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;color:var(--cc);flex-shrink:0}.tip-cost.svelte-1myc2me svg:where(.svelte-1myc2me){width:12px;height:12px}.tip-traits.svelte-1myc2me{display:flex;flex-direction:column;gap:6px;margin-top:11px;padding-top:11px;border-top:1px solid var(--tft-border, rgba(88, 182, 255, .13))}.tip-trait.svelte-1myc2me{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--tft-text-2, #b9bcc6)}.t-hex.svelte-1myc2me{width:20px;height:22px;flex-shrink:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center}.t-hex.svelte-1myc2me img:where(.svelte-1myc2me){width:12px;height:12px;filter:brightness(0) saturate(100%) invert(6%)}.tip-items.svelte-1myc2me{display:flex;flex-direction:column;gap:6px;margin-top:11px;padding-top:11px;border-top:1px solid var(--tft-border, rgba(88, 182, 255, .13))}.tip-label.svelte-1myc2me{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--tft-text-3, #7c828f)}.tip-item-row.svelte-1myc2me{display:flex;align-items:center;justify-content:space-between;gap:8px}.tip-item.svelte-1myc2me{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--tft-text, #f1ede3)}.tip-item.svelte-1myc2me img:where(.svelte-1myc2me){width:20px;height:20px;border-radius:4px;border:1px solid rgba(88,182,255,.25);flex-shrink:0}.tip-recipe.svelte-1myc2me{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.tip-recipe.svelte-1myc2me img:where(.svelte-1myc2me){width:16px;height:16px;border-radius:3px;border:1px solid rgba(88,182,255,.25)}.tip-recipe.svelte-1myc2me .plus:where(.svelte-1myc2me){color:var(--tft-text-3, #7c828f);font-weight:700;font-size:10px}.tft-item.svelte-10otm9t{border-radius:4px;flex-shrink:0;border:1px solid rgba(88,182,255,.25);background:var(--tft-panel, rgba(255, 255, 255, .06));-o-object-fit:cover;object-fit:cover;box-shadow:0 1px 3px #00000080;transition:transform .15s ease,border-color .15s}.tft-item.svelte-10otm9t:hover{transform:scale(1.15);border-color:#58b6ff80}@media (prefers-reduced-motion: reduce){.tft-item.svelte-10otm9t{transition:none}.tft-item.svelte-10otm9t:hover{transform:none}}.unit-tile.svelte-i4ehd9{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;flex-shrink:0;padding-top:7px}.icon-wrap.svelte-i4ehd9{border:2px solid var(--cc);border-radius:7px;background:var(--tft-panel, rgba(255, 255, 255, .06));flex-shrink:0;position:relative;box-shadow:0 0 10px -3px var(--cc),inset 0 0 0 1px #00000080}.icon-wrap.carry.svelte-i4ehd9{border-color:var(--tft-accent, #0AC8B9);box-shadow:0 0 0 3px var(--tft-accent, #0AC8B9),0 0 0 4.5px #060c1ad9,0 0 14px -2px var(--tft-accent, #0AC8B9),inset 0 0 0 1px #00000080}.carry-name.svelte-i4ehd9{color:var(--tft-accent, #0AC8B9)!important;font-weight:700}.portrait.svelte-i4ehd9{position:absolute;inset:0;overflow:hidden;border-radius:5px}.portrait.svelte-i4ehd9 img:where(.svelte-i4ehd9){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-o-object-position:center 34%;object-position:center 34%;transform:scale(1);transform-origin:center 34%;filter:saturate(1.18) contrast(1.14) brightness(1.04);transition:transform .22s ease}.icon-wrap.svelte-i4ehd9:hover .portrait:where(.svelte-i4ehd9) img:where(.svelte-i4ehd9){transform:scale(1.06)}@media (prefers-reduced-motion: reduce){.portrait.svelte-i4ehd9 img:where(.svelte-i4ehd9){transition:none}.icon-wrap.svelte-i4ehd9:hover .portrait:where(.svelte-i4ehd9) img:where(.svelte-i4ehd9){transform:scale(1)}}.stars.svelte-i4ehd9{position:absolute;top:-9px;left:50%;transform:translate(-50%);z-index:5;line-height:1;letter-spacing:1px;white-space:nowrap;pointer-events:none;font-weight:700}.stars.three.svelte-i4ehd9{color:#ffd24d;text-shadow:0 0 6px rgba(255,180,40,.9),0 1px 2px rgba(0,0,0,1),0 -1px 2px rgba(0,0,0,1)}.stars.two.svelte-i4ehd9{color:#c9d6e8;text-shadow:0 1px 2px rgba(0,0,0,1),0 -1px 2px rgba(0,0,0,1)}.items.svelte-i4ehd9{display:flex;gap:1px;justify-content:center;margin-top:0}.items.overlay.svelte-i4ehd9{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);z-index:4;gap:2px;background:#060c1a8c;border-radius:6px;padding:2px 3px;backdrop-filter:blur(2px)}.unit-tile.dense.svelte-i4ehd9{gap:2px;padding-top:6px}.unit-tile.dense.svelte-i4ehd9 .icon-wrap:where(.svelte-i4ehd9){margin-bottom:6px}.unit-tile.dense.svelte-i4ehd9 .name:where(.svelte-i4ehd9){font-size:10.5px}.name.svelte-i4ehd9{font-size:11px;font-weight:500;color:var(--tft-text-2, #b9bcc6);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;text-align:center}.tip.svelte-i4ehd9{padding:12px 14px}.tip-head.svelte-i4ehd9{display:flex;align-items:center;gap:10px}.tip-portrait.svelte-i4ehd9{width:38px;height:38px;border-radius:7px;overflow:hidden;flex-shrink:0;border:2px solid var(--cc);background:var(--tft-panel, rgba(255, 255, 255, .06))}.tip-portrait.svelte-i4ehd9 img:where(.svelte-i4ehd9){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-o-object-position:center 28%;object-position:center 28%;transform:scale(1.32);transform-origin:center 28%}.tip-title.svelte-i4ehd9{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.tip-name.svelte-i4ehd9{font-size:14px;font-weight:800;color:var(--tft-text, #f1ede3)}.tip-carry.svelte-i4ehd9{align-self:flex-start;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#0a0925;background:var(--tft-accent, #58B6FF);border-radius:4px;padding:1.5px 6px}.tip-cost.svelte-i4ehd9{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;color:var(--cc);flex-shrink:0}.tip-cost.svelte-i4ehd9 svg:where(.svelte-i4ehd9){width:12px;height:12px}.tip-traits.svelte-i4ehd9{display:flex;flex-direction:column;gap:6px;margin-top:11px;padding-top:11px;border-top:1px solid var(--tft-border, rgba(88, 182, 255, .13))}.tip-trait.svelte-i4ehd9{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--tft-text-2, #b9bcc6)}.t-hex.svelte-i4ehd9{width:20px;height:22px;flex-shrink:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center}.t-hex.svelte-i4ehd9 img:where(.svelte-i4ehd9){width:12px;height:12px;filter:brightness(0) saturate(100%) invert(6%)}.tip-items.svelte-i4ehd9{display:flex;flex-direction:column;gap:6px;margin-top:11px;padding-top:11px;border-top:1px solid var(--tft-border, rgba(88, 182, 255, .13))}.tip-label.svelte-i4ehd9{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--tft-text-3, #7c828f)}.tip-item-row.svelte-i4ehd9{display:flex;align-items:center;justify-content:space-between;gap:8px}.tip-item.svelte-i4ehd9{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--tft-text, #f1ede3)}.tip-item.svelte-i4ehd9 img:where(.svelte-i4ehd9){width:20px;height:20px;border-radius:4px;border:1px solid rgba(88,182,255,.25);flex-shrink:0}.tip-recipe.svelte-i4ehd9{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.tip-recipe.svelte-i4ehd9 img:where(.svelte-i4ehd9){width:16px;height:16px;border-radius:3px;border:1px solid rgba(88,182,255,.25)}.tip-recipe.svelte-i4ehd9 .plus:where(.svelte-i4ehd9){color:var(--tft-text-3, #7c828f);font-weight:700;font-size:10px}.plan.svelte-17qrhsc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stage.svelte-17qrhsc{background:#ffffff09;border:1px solid var(--tft-border, rgba(255, 255, 255, .12));border-radius:10px;padding:10px 12px;min-width:0;display:flex;flex-direction:column;gap:8px}h4.svelte-17qrhsc{margin:0;font-size:12.5px;font-weight:800;color:var(--tft-text, #F2F5FA)}.row.svelte-17qrhsc{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lbl.svelte-17qrhsc{font-size:11px;color:var(--tft-text-3, #7E95B1);width:64px;flex-shrink:0}.units.svelte-17qrhsc{display:inline-flex;flex-wrap:wrap;gap:2px;align-items:flex-start}.icons.svelte-17qrhsc{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.comp.svelte-17qrhsc{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--tft-text-2, #A5B8D1)}.comp.svelte-17qrhsc b:where(.svelte-17qrhsc){font-weight:700}.comp.svelte-17qrhsc em:where(.svelte-17qrhsc){font-style:normal}.text.svelte-17qrhsc{font-size:12px;color:var(--tft-text, #F2F5FA);font-variant-numeric:tabular-nums}.text.svelte-17qrhsc small:where(.svelte-17qrhsc){font-size:10.5px;color:var(--tft-text-3, #7E95B1);margin-left:4px}p.svelte-17qrhsc{margin:0;font-size:12px;line-height:1.5;color:var(--tft-text-2, #A5B8D1)}.compact.svelte-17qrhsc{display:flex;flex-direction:column;gap:0}.compact.svelte-17qrhsc .stage:where(.svelte-17qrhsc){flex-direction:row;align-items:center;flex-wrap:wrap;background:none;border:0;border-bottom:1px solid var(--tft-border, rgba(255, 255, 255, .12));border-radius:0;padding:5px 0;gap:4px 10px}.compact.svelte-17qrhsc .stage:where(.svelte-17qrhsc):last-child{border-bottom:0}.compact.svelte-17qrhsc h4:where(.svelte-17qrhsc){font-size:11.5px;color:var(--tft-text-2, #A5B8D1);width:34px;flex-shrink:0}.compact.svelte-17qrhsc .row:where(.svelte-17qrhsc){gap:5px}.compact.svelte-17qrhsc .lbl:where(.svelte-17qrhsc){width:auto}.compact.svelte-17qrhsc .row:where(.svelte-17qrhsc):first-of-type .lbl:where(.svelte-17qrhsc){display:none}.compact.svelte-17qrhsc .units:where(.svelte-17qrhsc){gap:0}.compact.svelte-17qrhsc .text:where(.svelte-17qrhsc){font-size:11.5px}.compact.svelte-17qrhsc .text:where(.svelte-17qrhsc) small:where(.svelte-17qrhsc){display:none}.compact.svelte-17qrhsc .comp:where(.svelte-17qrhsc) em:where(.svelte-17qrhsc){display:none}@media (max-width: 640px){.plan.svelte-17qrhsc:not(.compact){grid-template-columns:1fr}}