.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}