.carousel3d-panel-header--tackle {background: linear-gradient(135deg, var(--color-warning) 0%, #d97706 100%)}
.carousel3d-detail-header--tackle {background: linear-gradient(135deg, var(--color-warning) 0%, #d97706 100%)}
.carousel3d-panel-tackle-list {display: flex;flex-direction: column;gap: 8px;padding: 8px}
.carousel3d-tackle-item {display: flex;align-items: center;gap: 10px;padding: 8px 10px;background: var(--color-bg-muted);border-radius: 10px;transition: background 0.2s ease}
.carousel3d-tackle-icon {width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: var(--color-warning)}
.carousel3d-tackle-info {flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}
.carousel3d-tackle-name {font-size: 0.85rem;font-weight: 600;color: #1c1e21;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.carousel3d-tackle-meta {display: flex;gap: 8px;font-size: 0.7rem;color: #65676b}
.carousel3d-tackle-count {color: var(--color-warning);font-weight: 600}
.carousel3d-tackle-types {color: #8b5cf6}
.tackle-reports-page {max-width: 960px;margin: 0 auto;padding: 16px 16px 48px;box-sizing: border-box}
.tackle-report-empty {display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 48px 16px;color: var(--color-text-muted);text-align: center}
.tackle-report-empty svg {color: var(--color-border)}
.tackle-report-empty-hint {font-size: 0.8rem}
.tackle-index-hero {position: relative;overflow: hidden;background: linear-gradient(135deg, #1d4ed8 0%, var(--color-primary) 55%, #0ea5e9 100%);border-radius: var(--radius-lg);color: #fff;padding: 24px 20px 20px;margin-bottom: 16px}
.tackle-index-hero::after {content: "";position: absolute;right: -40px;top: -40px;width: 220px;height: 220px;border-radius: 50%;background: rgba(255, 255, 255, 0.08)}
.tackle-index-hero-title {display: flex;align-items: center;gap: 10px;font-size: 1.35rem;font-weight: 700;margin: 0 0 4px}
.tackle-index-hero-sub {font-size: 0.8rem;color: rgba(255, 255, 255, 0.85);margin: 0 0 16px}
.tackle-index-hero-stats {position: relative;z-index: 1;display: grid;grid-template-columns: repeat(4, 1fr);gap: 8px}
.tackle-index-hero-stat {display: flex;flex-direction: column;align-items: center;min-width: 0;background: rgba(255, 255, 255, 0.14);border: 1px solid rgba(255, 255, 255, 0.18);border-radius: var(--radius-md);padding: 10px 6px;text-align: center}
.tackle-index-hero-stat-value {font-size: 1.2rem;font-weight: 800;line-height: 1.25}
.tackle-index-hero-stat-value small {font-size: 0.7rem;font-weight: 600;margin-left: 1px}
.tackle-index-hero-stat-label {font-size: 0.66rem;color: rgba(255, 255, 255, 0.85)}
.tackle-index-control {display: flex;flex-wrap: wrap;align-items: center;gap: 10px;background: var(--color-bg-primary, #fff);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);padding: 12px;margin-bottom: 16px}
.tackle-index-search {flex: 1 1 220px;min-width: 0;display: flex;align-items: center;gap: 8px;background: var(--color-bg-secondary);border: 1px solid var(--color-border);border-radius: 999px;padding: 8px 14px}
.tackle-index-search svg {flex-shrink: 0;color: var(--color-text-muted)}
.tackle-index-search input {width: 100%;min-width: 0;max-width: 100%;box-sizing: border-box;border: none;background: transparent;outline: none;font-size: 0.85rem;color: var(--color-text-primary)}
.tackle-index-segmented {display: flex;gap: 2px;background: var(--color-bg-secondary);border-radius: 999px;padding: 3px;overflow-x: auto;max-width: 100%}
.tackle-index-segmented button {border: none;background: transparent;padding: 6px 13px;border-radius: 999px;font-size: 0.78rem;font-weight: 600;color: var(--color-text-muted);white-space: nowrap;cursor: pointer;transition: all 0.15s ease}
.tackle-index-segmented button.active {background: #fff;color: var(--color-primary-dark);box-shadow: var(--shadow-sm)}
.tackle-index-sort {border: 1px solid var(--color-border);border-radius: 999px;padding: 7px 12px;font-size: 0.78rem;color: var(--color-text-secondary);background: #fff;max-width: 100%;box-sizing: border-box}
.tackle-index-section {background: #fff;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);padding: 20px;margin-bottom: 16px}
.tackle-index-section-title {display: flex;align-items: center;gap: 8px;font-size: 1rem;font-weight: 700;color: var(--color-text-primary);margin: 0 0 14px}
.tackle-index-section-title svg {flex-shrink: 0;color: var(--color-primary)}
.tackle-index-section-sub {margin-left: auto;font-size: 0.72rem;font-weight: 500;color: var(--color-text-muted)}
.tackle-index-podium {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px}
.tackle-index-podium-card {display: block;position: relative;border: 1px solid var(--color-border);border-radius: var(--radius-md);overflow: hidden;background: #fff;text-decoration: none;color: inherit;transition: transform 0.15s ease, box-shadow 0.15s ease}
.tackle-index-podium-card:hover {transform: translateY(-3px);box-shadow: var(--shadow-md)}
.tackle-index-podium-thumb {position: relative;aspect-ratio: 4 / 3;background: var(--color-bg-secondary)}
.tackle-index-podium-thumb img {width: 100%;height: 100%;object-fit: cover;display: block}
.tackle-index-rank-badge {position: absolute;top: 8px;left: 8px;z-index: 2;width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.9rem;font-weight: 800;color: #fff;box-shadow: var(--shadow-sm)}
.tackle-index-rank-1 {background: linear-gradient(135deg, var(--color-warning), #d97706)}
.tackle-index-rank-2 {background: linear-gradient(135deg, #94a3b8, #64748b)}
.tackle-index-rank-3 {background: linear-gradient(135deg, #d97706, #92400e)}
.tackle-index-podium-body {display: flex;flex-direction: column;gap: 4px;padding: 10px 12px 12px}
.tackle-index-podium-name {font-size: 0.82rem;font-weight: 700;line-height: 1.35;min-width: 0;overflow-wrap: anywhere;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
.tackle-index-count-chip {align-self: flex-start;font-size: 0.7rem;font-weight: 700;color: var(--color-primary-dark);background: #eff6ff;border-radius: 999px;padding: 2px 8px}
.tackle-index-mfr-chips {display: flex;gap: 8px;overflow-x: auto;padding-bottom: 6px;margin-bottom: 14px;-webkit-overflow-scrolling: touch}
.tackle-index-mfr-chip {flex: 0 0 auto;display: inline-flex;align-items: center;gap: 6px;border: 1px solid var(--color-border);background: #fff;border-radius: 999px;padding: 7px 14px;font-size: 0.78rem;font-weight: 600;color: var(--color-text-secondary);white-space: nowrap;cursor: pointer;transition: all 0.15s ease}
.tackle-index-mfr-chip:hover {border-color: var(--color-primary)}
.tackle-index-mfr-chip.active {background: #eff6ff;border-color: var(--color-primary);color: var(--color-primary-dark)}
.tackle-index-mfr-chip-count {font-size: 0.66rem;font-weight: 700;color: var(--color-text-muted)}
.tackle-index-mfr-chip.active .tackle-index-mfr-chip-count {color: var(--color-primary)}
.tackle-index-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));gap: 12px}
.tackle-reports-page [hidden] {display: none !important}
.tackle-index-card {display: flex;flex-direction: column;background: #fff;border: 1px solid var(--color-border);border-radius: var(--radius-md);overflow: hidden;text-decoration: none;color: inherit;transition: transform 0.15s ease, box-shadow 0.15s ease}
.tackle-index-card:hover {transform: translateY(-3px);box-shadow: var(--shadow-md)}
.tackle-index-card-thumb {position: relative;aspect-ratio: 16 / 10;background: var(--color-bg-secondary)}
.tackle-index-card-thumb img {width: 100%;height: 100%;object-fit: cover;display: block}
.tackle-index-type-badge {position: absolute;top: 8px;left: 8px;z-index: 2;font-size: 0.64rem;font-weight: 700;color: #fff;background: rgba(15, 23, 42, 0.62);border-radius: 999px;padding: 2px 9px;backdrop-filter: blur(2px)}
.tackle-index-thumb-placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #cbd5e1}
.tackle-index-thumb-placeholder-icon {width: 36px;height: 36px}
.tackle-index-card-body {flex: 1;display: flex;flex-direction: column;gap: 5px;padding: 11px 13px 13px}
.tackle-index-card-mfr {font-size: 0.68rem;font-weight: 600;color: var(--color-text-muted)}
.tackle-index-card-name {font-size: 0.86rem;font-weight: 700;line-height: 1.35;min-width: 0;overflow-wrap: anywhere}
.tackle-index-card-stats {display: flex;align-items: center;gap: 10px;font-size: 0.72rem;font-weight: 600;color: var(--color-text-secondary)}
.tackle-index-card-stats span {display: inline-flex;align-items: center;gap: 3px}
.tackle-index-card-stats svg {flex-shrink: 0;color: var(--color-text-muted)}
.tackle-index-fish-chips {display: flex;flex-wrap: wrap;gap: 4px;margin-top: auto;padding-top: 4px}
.tackle-index-fish-chip {font-size: 0.66rem;font-weight: 600;color: #0e7490;background: #ecfeff;border: 1px solid #a5f3fc;border-radius: 999px;padding: 1px 8px;white-space: nowrap}
.tackle-index-fish-chip--more {color: var(--color-text-muted);background: var(--color-bg-secondary);border-color: var(--color-border)}
.tackle-index-no-results {padding: 24px 0 8px;text-align: center;font-size: 0.85rem;color: var(--color-text-muted)}
.tackle-report-back-nav {margin-bottom: 8px}
.tackle-report-back-nav-link {display: inline-flex;align-items: center;gap: 4px;font-size: 0.8rem;font-weight: 600;color: var(--color-primary);text-decoration: none}
.tackle-report-back-nav-link:hover {text-decoration: underline}
.tackle-report-breadcrumb {display: flex;align-items: center;flex-wrap: wrap;gap: 6px;font-size: 0.75rem;color: var(--color-text-muted);margin-bottom: 12px}
.tackle-report-breadcrumb--back {display: none}
.tackle-report-breadcrumb-link {color: var(--color-primary);font-weight: 600;text-decoration: none}
.tackle-report-breadcrumb-link:hover {text-decoration: underline}
.tackle-report-breadcrumb-sep {color: var(--color-border);flex-shrink: 0}
.tackle-report-breadcrumb-current {color: var(--color-text-secondary);font-weight: 600;min-width: 0;overflow-wrap: anywhere}
.tackle-report-breadcrumb-back-link {display: inline-flex;align-items: center;gap: 4px;font-size: 0.8rem;font-weight: 600;color: var(--color-primary);text-decoration: none}
.tackle-report-breadcrumb-back-link:hover {text-decoration: underline}
.tackle-detail-hero {background: #fff;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);overflow: hidden;margin-bottom: 16px}
.tackle-detail-hero-top {display: flex}
.tackle-detail-hero-main {flex: 1;min-width: 0;padding: 22px 20px 16px}
.tackle-detail-type-badge {display: inline-flex;align-items: center;font-size: 0.7rem;font-weight: 700;color: var(--color-primary-dark);background: #eff6ff;border: 1px solid #bfdbfe;border-radius: 999px;padding: 2px 10px;margin-bottom: 8px}
.tackle-detail-hero-name {display: flex;align-items: flex-start;gap: 8px;font-size: 1.3rem;font-weight: 700;line-height: 1.3;margin: 0}
.tackle-detail-hero-name-text {min-width: 0;overflow-wrap: anywhere}
.tackle-detail-copy-link-button {flex-shrink: 0;width: 32px;height: 32px;margin-top: 2px;border: 1px solid var(--color-border);border-radius: 50%;background: #fff;display: inline-flex;align-items: center;justify-content: center;color: var(--color-text-muted);cursor: pointer;transition: all 0.15s ease}
.tackle-detail-copy-link-button:hover {color: var(--color-primary);border-color: var(--color-primary)}
.tackle-detail-copy-link-button svg {width: 14px;height: 14px}
.tackle-detail-hero-mfr {font-size: 0.85rem;font-weight: 600;color: var(--color-text-secondary);margin: 4px 0 0}
.tackle-detail-hero-visual {flex: 0 0 38%;position: relative;min-height: 170px}
.tackle-detail-hero-visual-inner {position: absolute;inset: 0;display: block}
.tackle-detail-hero-visual-inner img {width: 100%;height: 100%;object-fit: cover;display: block}
.tackle-detail-hero-visual-caption {position: absolute;bottom: 8px;right: 8px;font-size: 0.62rem;color: rgba(255, 255, 255, 0.9);background: rgba(15, 23, 42, 0.5);border-radius: 999px;padding: 2px 9px}
.tackle-detail-hero-stats {display: grid;grid-template-columns: repeat(4, 1fr);border-top: 1px solid var(--color-border)}
.tackle-detail-hero-stat {display: flex;flex-direction: column;align-items: center;min-width: 0;padding: 12px 6px;text-align: center;border-right: 1px solid var(--color-border)}
.tackle-detail-hero-stat:last-child {border-right: none}
.tackle-detail-hero-stat-value {font-size: 1.15rem;font-weight: 800;line-height: 1.25;color: var(--color-text-primary)}
.tackle-detail-hero-stat-value small {font-size: 0.66rem;font-weight: 600;color: var(--color-text-muted);margin-left: 1px}
.tackle-detail-hero-stat-label {font-size: 0.66rem;color: var(--color-text-muted)}
.tackle-detail-section {background: #fff;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);padding: 20px;margin-bottom: 16px}
.tackle-detail-section-title {display: flex;align-items: center;gap: 8px;font-size: 1rem;font-weight: 700;color: var(--color-text-primary);margin: 0 0 14px}
.tackle-detail-section-title svg {flex-shrink: 0;color: var(--color-primary)}
.tackle-detail-section-sub {margin-left: auto;font-size: 0.72rem;font-weight: 500;color: var(--color-text-muted)}
.tackle-detail-empty-message {font-size: 0.85rem;color: var(--color-text-muted);margin: 0}
.tackle-detail-record-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 10px}
.tackle-detail-record-grid > :only-child {grid-column: 1 / -1}
.tackle-detail-record-card {position: relative;display: flex;align-items: flex-end;min-height: 130px;border-radius: var(--radius-md);overflow: hidden;text-decoration: none;color: inherit;transition: transform 0.15s ease, box-shadow 0.15s ease}
.tackle-detail-record-card:hover {transform: translateY(-2px);box-shadow: var(--shadow-md)}
.tackle-detail-record-bg {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}
.tackle-detail-record-bg--placeholder {background: linear-gradient(135deg, #0ea5e9, var(--color-primary-dark))}
.tackle-detail-record-overlay {position: relative;z-index: 1;width: 100%;display: flex;flex-direction: column;padding: 28px 14px 12px;background: linear-gradient(transparent, rgba(15, 23, 42, 0.72));color: #fff}
.tackle-detail-record-label {align-self: flex-start;font-size: 0.66rem;font-weight: 700;background: rgba(255, 255, 255, 0.2);border-radius: 999px;padding: 1px 9px;margin-bottom: 3px}
.tackle-detail-record-value {font-size: 1.5rem;font-weight: 800;line-height: 1.15}
.tackle-detail-record-value small {font-size: 0.76rem;font-weight: 700}
.tackle-detail-record-meta {font-size: 0.7rem;color: rgba(255, 255, 255, 0.85);overflow-wrap: anywhere}
.tackle-detail-month-chart {display: flex;align-items: flex-end;gap: 4px;height: 150px;padding-top: 18px}
.tackle-detail-month-col {flex: 1;min-width: 0;height: 100%;display: flex;flex-direction: column;align-items: center}
.tackle-detail-month-bar-area {flex: 1;width: 100%;display: flex;align-items: flex-end;justify-content: center}
.tackle-detail-month-bar {position: relative;width: 62%;max-width: 26px;min-height: 2px;background: #bfdbfe;border-radius: 4px 4px 0 0}
.tackle-detail-month-bar--peak {background: var(--color-primary)}
.tackle-detail-month-bar--current {outline: 2px solid var(--color-warning);outline-offset: 1px}
.tackle-detail-month-val {position: absolute;top: -17px;left: 50%;transform: translateX(-50%);font-size: 0.64rem;font-weight: 700;color: var(--color-text-secondary);white-space: nowrap}
.tackle-detail-month-label {font-size: 0.62rem;color: var(--color-text-muted);margin-top: 5px;white-space: nowrap}
.tackle-detail-fish-rank {display: flex;flex-direction: column;gap: 9px}
.tackle-detail-fish-rank-row {display: grid;grid-template-columns: 26px minmax(0, 1fr) 48px;gap: 10px;align-items: center;text-decoration: none;color: inherit}
.tackle-detail-fish-rank-num {width: 26px;height: 26px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.76rem;font-weight: 800;color: #fff;background: #94a3b8}
.tackle-detail-fish-rank-num--1 {background: linear-gradient(135deg, var(--color-warning), #d97706)}
.tackle-detail-fish-rank-num--2 {background: linear-gradient(135deg, #94a3b8, #64748b)}
.tackle-detail-fish-rank-num--3 {background: linear-gradient(135deg, #d97706, #92400e)}
.tackle-detail-fish-rank-main {min-width: 0}
.tackle-detail-fish-rank-name {font-size: 0.82rem;font-weight: 700;overflow-wrap: anywhere}
.tackle-detail-fish-rank-bar {display: block;height: 7px;background: var(--color-bg-secondary);border-radius: 999px;overflow: hidden;margin-top: 3px}
.tackle-detail-fish-rank-fill {display: block;height: 100%;border-radius: 999px}
.tackle-detail-fish-rank-count {font-size: 0.76rem;font-weight: 700;color: var(--color-text-secondary);text-align: right}
.tackle-detail-fish-tags {display: flex;flex-wrap: wrap;gap: 6px;margin-top: 12px}
.tackle-detail-fish-tag {font-size: 0.7rem;font-weight: 600;color: #0e7490;background: #ecfeff;border: 1px solid #a5f3fc;border-radius: 999px;padding: 2px 10px;text-decoration: none;white-space: nowrap}
.tackle-detail-fish-tag:hover {border-color: #0e7490}
.tackle-detail-dist-block {margin-bottom: 18px}
.tackle-detail-dist-block:last-child {margin-bottom: 0}
.tackle-detail-dist-title {font-size: 0.78rem;font-weight: 700;color: var(--color-text-secondary);margin: 0 0 8px}
.tackle-detail-dist-bar {display: flex;gap: 2px;height: 26px;border-radius: 6px;overflow: hidden}
.tackle-detail-dist-seg {min-width: 0;display: flex;align-items: center;justify-content: center;font-size: 0.66rem;font-weight: 700;color: #fff;white-space: nowrap;overflow: hidden}
.tackle-detail-dist-legend {display: flex;flex-wrap: wrap;gap: 10px;margin-top: 7px}
.tackle-detail-dist-legend span {display: inline-flex;align-items: center;gap: 5px;font-size: 0.7rem;font-weight: 600;color: var(--color-text-secondary)}
.tackle-detail-dist-legend i {width: 9px;height: 9px;border-radius: 3px;display: inline-block}
.tackle-detail-combo-list {display: flex;flex-direction: column;gap: 8px}
.tackle-detail-combo-item {display: flex;align-items: center;gap: 12px;border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 10px 12px;background: #fff;text-decoration: none;color: inherit;transition: all 0.15s ease}
a.tackle-detail-combo-item:hover {border-color: var(--color-primary);box-shadow: var(--shadow-sm)}
.tackle-detail-combo-item > svg:last-child {flex-shrink: 0;color: var(--color-border)}
.tackle-detail-combo-icon {flex-shrink: 0;width: 42px;height: 42px;border-radius: var(--radius-sm);background: var(--color-bg-secondary);display: flex;align-items: center;justify-content: center;color: var(--color-text-muted)}
.tackle-detail-combo-icon-svg {width: 22px;height: 22px}
.tackle-detail-combo-info {flex: 1;min-width: 0;display: flex;flex-direction: column}
.tackle-detail-combo-meta {font-size: 0.64rem;font-weight: 700;color: var(--color-text-muted)}
.tackle-detail-combo-name {font-size: 0.82rem;font-weight: 700;line-height: 1.3;overflow-wrap: anywhere}
.tackle-detail-combo-count {flex-shrink: 0;font-size: 0.7rem;font-weight: 700;color: var(--color-primary-dark);background: #eff6ff;border-radius: 999px;padding: 3px 10px;white-space: nowrap}
.tackle-detail-gallery {display: grid;grid-template-columns: repeat(3, 1fr);gap: 6px}
.tackle-detail-gallery-item {position: relative;display: block;aspect-ratio: 1;border-radius: var(--radius-sm);overflow: hidden;background: var(--color-bg-secondary)}
.tackle-detail-gallery-item img {width: 100%;height: 100%;object-fit: cover;display: block}
.tackle-detail-gallery-placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #cbd5e1}
.tackle-detail-gallery-overlay {position: absolute;inset: auto 0 0 0;display: flex;flex-direction: column;padding: 18px 8px 6px;background: linear-gradient(transparent, rgba(15, 23, 42, 0.7));color: #fff}
.tackle-detail-gallery-fish {font-size: 0.7rem;font-weight: 700;line-height: 1.2;overflow-wrap: anywhere}
.tackle-detail-gallery-stats {font-size: 0.6rem;color: rgba(255, 255, 255, 0.85)}
.tackle-detail-review-list {display: flex;flex-direction: column;gap: 10px}
.tackle-detail-review-card {border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 12px 14px}
.tackle-detail-review-user {display: inline-flex;align-items: center;gap: 9px;text-decoration: none;color: inherit;margin-bottom: 6px}
.tackle-detail-review-user:hover .tackle-detail-review-name {text-decoration: underline}
.tackle-detail-review-avatar {width: 34px;height: 34px;border-radius: 50%;object-fit: cover;flex-shrink: 0}
.tackle-detail-review-beginner-icon {padding: 4px;background: var(--color-bg-secondary);box-sizing: border-box}
.tackle-detail-review-name {font-size: 0.8rem;font-weight: 700;min-width: 0;overflow-wrap: anywhere}
.tackle-detail-review-text {font-size: 0.82rem;color: var(--color-text-secondary);margin: 0;overflow-wrap: anywhere}
.tackle-detail-review-card.has-tackle-photo {position: relative;padding-right: 84px}
.tackle-detail-review-photo {position: absolute;top: 12px;right: 14px;width: 56px;height: 56px;border-radius: 8px;overflow: hidden;border: 1px solid var(--color-border)}
.tackle-detail-review-photo img {width: 100%;height: 100%;object-fit: cover;display: block}
@media (max-width: 768px) {.tackle-reports-page {padding: 12px 12px 40px}
.tackle-index-podium {gap: 7px}
.tackle-index-podium-body {padding: 8px 9px 10px}
.tackle-index-podium-name {font-size: 0.72rem}
.tackle-index-grid {grid-template-columns: repeat(2, 1fr);gap: 9px}
.tackle-detail-hero-top {flex-direction: column-reverse}
.tackle-detail-hero-visual {flex: none;min-height: 0;aspect-ratio: 16 / 7}
.tackle-detail-hero-name {font-size: 1.1rem}
.tackle-detail-record-value {font-size: 1.25rem}
.tackle-report-breadcrumb--full {display: none}
.tackle-report-breadcrumb--back {display: flex}
.tackle-report-breadcrumb--back.from-report {display: none}}
@media (max-width: 480px) {.tackle-index-hero {padding: 18px 14px 16px}
.tackle-index-hero-title {font-size: 1.15rem}
.tackle-index-hero-stats {gap: 5px}
.tackle-index-hero-stat-value {font-size: 0.95rem}
.tackle-index-hero-stat-label {font-size: 0.58rem}
.tackle-index-control {padding: 10px}
.tackle-index-section {padding: 14px}
.tackle-detail-section {padding: 14px}
.tackle-detail-month-chart {gap: 2px;height: 130px}
.tackle-detail-month-val {font-size: 0.54rem}
.tackle-detail-month-label {font-size: 0.52rem}
.tackle-detail-hero-stat-value {font-size: 0.95rem}
.tackle-detail-dist-seg {font-size: 0.58rem}
.tackle-detail-gallery {gap: 4px}
.tackle-detail-fish-rank-row {grid-template-columns: 24px minmax(0, 1fr) 42px;gap: 7px}}