body.fpd-page {background: #F4F8FC}
.fpd {--fpd-bg: #F4F8FC;--fpd-card: #FFFFFF;--fpd-primary: #0B6BCB;--fpd-primary2: #0E86D4;--fpd-ink: #0F2A44;--fpd-muted: #4A5D72;--fpd-peak: #F59E0B;--fpd-peak-bg: #FEF3C7;--fpd-peak-ink: #7A4A00;--fpd-line: #DCE6F0;--fpd-ring: #E3ECF5;--fpd-tint: #EAF2FB;--fpd-bar: #6DAAE8;--fpd-bar-strong: #1A73D0;--fpd-gold: #B7791F;--fpd-silver: #64748B;--fpd-bronze: #A0522D;--fpd-zero: #9DB6D1;--fpd-r: 16px;--fpd-sh: 0 1px 2px rgba(15, 42, 68, 0.06), 0 8px 24px rgba(15, 42, 68, 0.06);--fpd-pad: 24px;color-scheme: light;max-width: 1200px;margin: 0 auto;padding: 16px 16px 56px;color: var(--fpd-ink);font-size: 15px;line-height: 1.7;overflow-wrap: anywhere}
.fpd *,
.fpd *::before,
.fpd *::after {box-sizing: border-box;min-width: 0}
.fpd h1,
.fpd h2,
.fpd h3,
.fpd h4 {margin: 0;font-weight: 700;line-height: 1.35;color: inherit}
.fpd p {margin: 0}
.fpd a:focus-visible,
.fpd button:focus-visible {outline: 3px solid var(--fpd-primary);outline-offset: 2px}
.fpd-kpi-value,
.fpd-feat-price,
.fpd-rail-rank,
.fpd-rail-price,
.fpd-species-rank,
.fpd-species-count,
.fpd-size-value,
.fpd-medal,
.fpd-month-count,
.fpd-month-label,
.fpd-best strong,
.fpd-spec,
.fpd-date,
.fpd-recent-count b,
.fpd-day span,
.fpd-foot strong {font-variant-numeric: tabular-nums}
.fpd-sprite {position: absolute;width: 0;height: 0;overflow: hidden}
.fpd-icon {width: 20px;height: 20px;flex: none;fill: none;stroke: currentColor;stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round}
.fpd-section {margin-top: 40px}
.fpd [id] {scroll-margin-top: 80px}
.fpd-card {background: var(--fpd-card);border-radius: var(--fpd-r);box-shadow: var(--fpd-sh);padding: var(--fpd-pad)}
.fpd-head {display: flex;gap: 12px;align-items: center;margin: 0 0 14px}
.fpd-head h2 {font-size: 20px}
.fpd-head-icon {width: 32px;height: 32px;border-radius: 10px;background: rgba(11, 107, 203, 0.1);color: var(--fpd-primary);display: grid;place-items: center;flex: none}
.fpd-head-icon .fpd-icon {width: 18px;height: 18px}
.fpd-head-icon--gold {background: var(--fpd-peak-bg);color: var(--fpd-peak-ink)}
.fpd-head-sub {margin-top: 2px;color: var(--fpd-muted);font-size: 13px;line-height: 1.5}
.fpd-thumb {width: 44px;height: 44px;border-radius: 50%;background: #fff;border: 1px solid var(--fpd-ring);overflow: hidden;flex: none;display: grid;place-items: center;color: var(--fpd-zero)}
.fpd-thumb img {width: 120%;height: 120%;max-width: none;object-fit: contain}
.fpd-thumb .fpd-icon {width: 55%;height: 55%}
.fpd-thumb--photo img {width: 100%;height: 100%;object-fit: cover}
.fpd-band {position: relative;overflow: hidden;color: #fff;border-radius: 20px;padding: 36px 32px 96px;background: linear-gradient(135deg, var(--fpd-primary) 0%, var(--fpd-primary) 62%, var(--fpd-primary2) 100%)}
.fpd-contour {position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none}
.fpd-hero-grid {position: relative;display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);gap: 28px;align-items: stretch}
.fpd-crumb {font-size: 13px;margin: 0 0 12px;display: flex;flex-wrap: wrap;gap: 6px;align-items: center}
.fpd-crumb a {color: #fff;display: inline-flex;align-items: center;min-height: 32px}
.fpd-tags {display: flex;gap: 8px;flex-wrap: wrap;align-items: center;margin: 0 0 12px}
.fpd-tag {display: inline-flex;align-items: center;gap: 6px;border-radius: 999px;padding: 3px 12px;min-height: 30px;background: rgba(255, 255, 255, 0.16);border: 1px solid rgba(255, 255, 255, 0.55);color: #fff;font-size: 13px}
.fpd-tag .fpd-icon {width: 15px;height: 15px}
.fpd-tag--status {background: #fff;color: #B83232;border-color: #fff;font-weight: 700}
.fpd-title {font-size: clamp(26px, 5.5vw, 38px);color: #fff}
.fpd-desc {margin-top: 10px;font-size: 15px}
.fpd-summary {margin-top: 12px;padding: 10px 14px;border-left: 3px solid rgba(255, 255, 255, 0.7);background: rgba(255, 255, 255, 0.12);border-radius: 0 10px 10px 0;font-size: 14px}
.fpd-pills {display: flex;gap: 8px;flex-wrap: wrap;margin-top: 16px}
.fpd-pill {display: inline-flex;align-items: center;gap: 8px;border-radius: 12px;padding: 8px 12px;background: rgba(255, 255, 255, 0.14);font-size: 13px;line-height: 1.45}
.fpd-pill .fpd-icon {width: 18px;height: 18px}
.fpd-pill strong {font-size: 15px}
.fpd-btns {display: flex;gap: 12px;flex-wrap: wrap;margin-top: 18px}
.fpd-btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 48px;padding: 10px 22px;border-radius: 999px;background: #fff;color: var(--fpd-primary);text-decoration: none;font-weight: 700}
.fpd-btn:hover {background: var(--fpd-tint)}
.fpd-btn--ghost {background: transparent;color: #fff;border: 1px solid rgba(255, 255, 255, 0.7)}
.fpd-btn--ghost:hover {background: rgba(255, 255, 255, 0.12)}
.fpd-mapcard {position: relative;border-radius: 16px;overflow: hidden;background: #DDEBF8;box-shadow: 0 8px 24px rgba(8, 50, 100, 0.3);border: 2px solid rgba(255, 255, 255, 0.85);min-height: 240px}
.fpd-mapcard .static-map-link {position: absolute;inset: 0}
.fpd-maplabel {position: absolute;left: 12px;top: 12px;z-index: 2;background: #fff;color: var(--fpd-ink);border-radius: 999px;padding: 3px 12px;font-size: 12px;font-weight: 700;display: inline-flex;gap: 6px;align-items: center;box-shadow: 0 2px 8px rgba(8, 50, 100, 0.25);pointer-events: none}
.fpd-maplabel .fpd-icon {width: 14px;height: 14px;color: #B83232}
.fpd-kpis {position: relative;z-index: 1;margin: -60px 24px 0;display: grid;gap: 12px;grid-template-columns: repeat(3, minmax(0, 1fr))}
.fpd-kpi {background: #fff;border-radius: var(--fpd-r);box-shadow: var(--fpd-sh);padding: 18px 20px}
.fpd-kpi-label {font-size: 12px;color: var(--fpd-muted);display: flex;align-items: center;gap: 6px;margin-bottom: 6px}
.fpd-kpi-label .fpd-icon {color: var(--fpd-primary);width: 16px;height: 16px}
.fpd-kpi-value {font-size: 32px;font-weight: 700;line-height: 1.1;letter-spacing: -0.01em}
.fpd-kpi-value small {font-size: 13px;font-weight: 500;color: var(--fpd-muted);margin-left: 4px;letter-spacing: 0}
.fpd-kpi-value--none {font-size: 18px;color: var(--fpd-muted)}
.fpd-kpi-fish {display: flex;align-items: center;gap: 10px}
.fpd-kpi-note {font-size: 12px;color: var(--fpd-muted)}
.fpd-chips {display: flex;gap: 8px;margin: 20px 0 0;flex-wrap: wrap}
.fpd-chip {display: inline-flex;align-items: center;gap: 6px;border-radius: 999px;padding: 6px 14px;min-height: 44px;background: #fff;border: 1px solid var(--fpd-line);font-size: 13px;color: var(--fpd-ink);text-decoration: none;flex: none}
.fpd-chip:hover {border-color: var(--fpd-primary);color: var(--fpd-primary)}
.fpd-chip .fpd-icon {width: 16px;height: 16px}
.fpd-hall {display: grid;grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);gap: 16px}
.fpd-feat {position: relative;overflow: hidden;border-radius: var(--fpd-r);background: var(--fpd-ink);color: #fff;display: flex;flex-direction: column;height: 100%;text-decoration: none}
.fpd-feat-panel {height: 100%}
.fpd-feat-panel[hidden] {display: none !important}
.fpd-feat-photo {display: block;aspect-ratio: 16 / 9;background: var(--fpd-tint);overflow: hidden}
.fpd-feat-photo img {width: 100%;height: 100%;object-fit: cover;display: block}
.fpd-feat-photo--none {display: grid;place-items: center}
.fpd-feat-illust {width: 46%;aspect-ratio: 4 / 3;border-radius: 12px;background: #fff;display: grid;place-items: center;overflow: hidden;color: var(--fpd-zero)}
.fpd-feat-illust img {width: 100%;height: 100%;object-fit: contain}
.fpd-feat-illust .fpd-icon {width: 40%;height: 40%}
.fpd-feat-body {flex: 1;padding: 16px 18px 18px;display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 8px 12px;align-items: end}
.fpd-feat-text {display: grid;gap: 4px;justify-items: start}
.fpd-rank {display: inline-flex;align-items: center;border-radius: 999px;font-size: 12px;font-weight: 700;padding: 2px 12px;background: var(--fpd-peak-bg);color: var(--fpd-peak-ink);border: 1px solid var(--fpd-peak)}
.fpd-feat-fish {font-size: 22px;font-weight: 700;line-height: 1.3}
.fpd-feat-who {display: flex;gap: 8px;align-items: center;font-size: 13px;color: #C9D8E8}
.fpd-feat-price {font-size: 34px;font-weight: 700;line-height: 1.1;margin-top: 2px}
.fpd-feat-price small {font-size: 14px;font-weight: 500;margin-left: 4px;color: #C9D8E8}
.fpd-stamp {width: 72px;height: 72px;border-radius: 50%;border: 3px double #fff;display: grid;place-items: center;text-align: center;transform: rotate(-8deg);flex: none;color: #fff}
.fpd-stamp b {display: block;font-size: 28px;line-height: 1}
.fpd-stamp small {display: block;font-size: 11px;font-weight: 700;margin-top: 2px}
.fpd-stamp[data-grade="S"],
.fpd-stamp[data-grade="A"] {border-color: #F3D08A;color: #FDE9B8}
.fpd-stamp[data-grade="B"] {border-color: #8FD3B8;color: #C9F2E0}
.fpd-rail {list-style: none;margin: 0;padding: 0;display: grid;gap: 8px;align-content: start}
.fpd-rail button {width: 100%;text-align: left;display: grid;grid-template-columns: 28px 44px minmax(0, 1fr) auto;gap: 10px;align-items: center;background: #fff;border: 1px solid var(--fpd-ring);border-radius: 12px;padding: 8px 12px;min-height: 60px;box-shadow: var(--fpd-sh);color: var(--fpd-ink);font: inherit;cursor: pointer}
.fpd-rail button[aria-selected="true"] {border-color: var(--fpd-primary);box-shadow: 0 0 0 3px var(--fpd-tint)}
.fpd-rail-rank {font-size: 16px;font-weight: 700;color: var(--fpd-primary);text-align: center}
.fpd-rail-name {font-weight: 700;font-size: 14px;line-height: 1.35}
.fpd-rail-name small {display: block;font-weight: 400;font-size: 12px;color: var(--fpd-muted)}
.fpd-rail-price {font-size: 15px;font-weight: 700;text-align: right}
.fpd-rail-price small {font-size: 11px;font-weight: 500;color: var(--fpd-muted)}
.fpd-disc {display: flex;gap: 8px;align-items: flex-start;font-size: 12px;color: var(--fpd-muted);margin-top: 14px}
.fpd-disc .fpd-icon {width: 14px;height: 14px;margin-top: 3px}
.fpd-two {display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);gap: 16px;align-items: stretch}
.fpd-two .fpd-card {display: flex;flex-direction: column}
.fpd-species {list-style: none;margin: 0;padding: 0;display: grid;gap: 12px}
.fpd-species-row {display: grid;grid-template-columns: 28px 44px minmax(0, 1fr) auto;grid-template-areas: "r t n c" ". . b b";gap: 6px 12px;align-items: center}
.fpd-species-rank {grid-area: r;font-size: 16px;font-weight: 700;color: var(--fpd-muted);text-align: center}
.fpd-species-row:first-child .fpd-species-rank {color: var(--fpd-primary)}
.fpd-species-row .fpd-thumb {grid-area: t}
.fpd-species-name {grid-area: n;font-weight: 700}
.fpd-species-count {grid-area: c;text-align: right;font-size: 18px;font-weight: 700;line-height: 1.3}
.fpd-species-count small {font-size: 12px;font-weight: 500;color: var(--fpd-muted);margin-left: 2px}
.fpd-species-count em {display: block;font-size: 12px;font-weight: 500;font-style: normal;color: var(--fpd-muted)}
.fpd-species-bar {grid-area: b;display: block;height: 12px;background: var(--fpd-tint);border-radius: 999px;overflow: hidden}
.fpd-species-bar i {display: block;height: 100%;background: var(--fpd-bar-strong);border-radius: 999px}
.fpd-species-row:first-child .fpd-species-bar i {background: var(--fpd-primary)}
.fpd-foot {display: flex;flex-wrap: wrap;gap: 4px 16px;margin-top: auto;padding-top: 12px;border-top: 1px solid var(--fpd-line);font-size: 13px;color: var(--fpd-muted)}
.fpd-species + .fpd-foot {margin-top: 16px}
.fpd-foot strong {color: var(--fpd-ink)}
.fpd-sizes {flex: 1;list-style: none;margin: 0;padding: 0;display: grid;gap: 14px;grid-auto-rows: 1fr}
.fpd-sizes li {display: grid}
.fpd-size {display: grid;grid-template-columns: 36px 44px minmax(0, 1fr);gap: 4px 12px;align-items: center;align-content: center;text-decoration: none;color: var(--fpd-ink);background: var(--fpd-bg);border-radius: 12px;padding: 12px;min-height: 44px}
.fpd-size:hover {background: var(--fpd-tint)}
.fpd-medal {width: 32px;height: 32px;border-radius: 50%;display: grid;place-items: center;font-size: 15px;font-weight: 700;color: #fff}
.fpd-medal--1 {background: var(--fpd-gold)}
.fpd-medal--2 {background: var(--fpd-silver)}
.fpd-medal--3 {background: var(--fpd-bronze)}
.fpd-size-main {display: block}
.fpd-size-top {display: flex;justify-content: space-between;gap: 8px;align-items: baseline;flex-wrap: wrap}
.fpd-size-fish {font-weight: 700}
.fpd-size-value {font-size: 22px;font-weight: 700}
.fpd-size-value small {font-size: 12px;font-weight: 500;color: var(--fpd-muted);margin-left: 2px}
.fpd-ruler {position: relative;display: block;height: 14px;border: 1.5px solid var(--fpd-ink);border-radius: 3px;background: #fff;margin-top: 6px;overflow: hidden}
.fpd-ruler i {position: absolute;left: 0;top: 0;bottom: 0;background: var(--fpd-bar)}
.fpd-ruler::after {content: "";position: absolute;inset: 0;background: repeating-linear-gradient(90deg, transparent 0 calc(10% - 1.5px), var(--fpd-ink) calc(10% - 1.5px) 10%);opacity: 0.35}
.fpd-size-who {display: flex;gap: 6px;align-items: center;font-size: 12px;color: var(--fpd-muted);margin-top: 6px}
.fpd-best {display: flex;gap: 12px;align-items: center;flex-wrap: wrap;margin: 0 0 14px;padding: 12px 16px;border-radius: 12px;background: var(--fpd-peak-bg);border-left: 4px solid var(--fpd-peak);color: var(--fpd-peak-ink);font-size: 13px}
.fpd-best-label {font-size: 12px;font-weight: 700}
.fpd-best strong {font-size: 24px}
.fpd-months {list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 4px}
.fpd-month {display: grid;gap: 6px}
.fpd-month-plot {position: relative;display: flex;align-items: flex-end;height: 164px;padding-top: 24px;border-radius: 6px 6px 0 0}
.fpd-month.is-peak .fpd-month-plot {background: var(--fpd-peak-bg);border-bottom: 3px solid var(--fpd-peak)}
.fpd-month-bar {position: relative;display: block;width: 100%;background: var(--fpd-bar);border-radius: 3px 3px 0 0}
.fpd-month.is-peak .fpd-month-bar {background: var(--fpd-peak)}
.fpd-month.is-zero .fpd-month-bar {height: 10px;background: repeating-linear-gradient(45deg, var(--fpd-zero) 0 2px, #fff 2px 5px);border: 1px solid var(--fpd-zero);border-radius: 3px}
.fpd-month-count {position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);font-size: 12px;font-weight: 700;line-height: 1.2;white-space: nowrap;padding-bottom: 2px}
.fpd-month.is-peak .fpd-month-count,
.fpd-month.is-peak .fpd-month-label {color: var(--fpd-peak-ink);font-weight: 700}
.fpd-month-label {text-align: center;font-size: 12px;font-weight: 500;color: var(--fpd-muted)}
.fpd-legend {display: flex;flex-wrap: wrap;gap: 6px 16px;align-items: center;font-size: 12px;color: var(--fpd-muted);margin-top: 12px}
.fpd-legend span {display: inline-flex;align-items: center;gap: 6px}
.fpd-swatch {display: inline-block;width: 14px;height: 14px;border-radius: 3px;background: var(--fpd-bar)}
.fpd-swatch--peak {background: var(--fpd-peak)}
.fpd-swatch--zero {background: repeating-linear-gradient(45deg, var(--fpd-zero) 0 2px, #fff 2px 5px);border: 1px solid var(--fpd-zero)}
.fpd-recent-head {display: flex;gap: 6px 12px;align-items: baseline;flex-wrap: wrap;margin: 0 0 16px}
.fpd-recent-head h2 {font-size: 20px}
.fpd-recent-count {font-size: 13px;color: var(--fpd-muted)}
.fpd-recent-count b {font-size: 14px;color: var(--fpd-primary)}
.fpd-specs {display: inline-flex;flex-wrap: wrap;gap: 6px}
.fpd-spec {display: inline-flex;align-items: baseline;gap: 2px;background: var(--fpd-tint);border-radius: 999px;padding: 1px 10px;font-size: 14px;font-weight: 700;white-space: nowrap}
.fpd-spec small {font-size: 11px;font-weight: 500;color: var(--fpd-muted)}
.fpd-spec--none {background: #EEF2F6;color: #3E4F63;font-size: 12px;font-weight: 500;border: 1px dashed #6F86A0}
.fpd-photo {position: relative;display: grid;place-items: center;overflow: hidden;background: #fff;border: 1px solid var(--fpd-ring)}
.fpd-photo img {width: 100%;height: 100%;object-fit: cover;display: block}
.fpd-photo--none {background: var(--fpd-bg);color: var(--fpd-zero)}
.fpd-photo--none img {object-fit: contain;padding: 12%;opacity: 0.5}
.fpd-photo--none .fpd-icon {width: 40%;height: 40%}
.fpd-photo-tag {position: absolute;right: 4px;bottom: 4px;background: rgba(15, 42, 68, 0.72);color: #fff;font-size: 10px;font-weight: 700;line-height: 1.4;padding: 0 6px;border-radius: 999px;white-space: nowrap}
.fpd-latest {position: relative;display: grid;grid-template-columns: 320px minmax(0, 1fr);background: #fff;border-radius: 20px;box-shadow: var(--fpd-sh);overflow: hidden;margin-bottom: 24px;transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.2s}
.fpd-latest:hover,
.fpd-row:hover {transform: translateY(-2px);box-shadow: 0 2px 4px rgba(15, 42, 68, 0.08), 0 16px 32px rgba(15, 42, 68, 0.14)}
.fpd-latest:focus-within,
.fpd-row:focus-within {outline: 3px solid var(--fpd-primary);outline-offset: 2px}
.fpd-latest .fpd-photo {aspect-ratio: 4 / 3;border: 0}
.fpd-latest .fpd-photo-tag {font-size: 11px;right: 8px;bottom: 8px}
.fpd-latest-body {padding: 24px 28px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 12px}
.fpd-newtag {display: inline-flex;align-items: center;font-size: 12px;font-weight: 700;background: var(--fpd-ink);color: #fff;border-radius: 999px;padding: 1px 12px}
.fpd-latest h3 {font-size: 24px;line-height: 1.3}
.fpd-latest h3 a,
.fpd-row h4 a {color: var(--fpd-ink);text-decoration: none}
.fpd-latest h3 a::after,
.fpd-row h4 a::after {content: "";position: absolute;inset: 0}
.fpd-latest h3 a:focus-visible,
.fpd-row h4 a:focus-visible {outline: none}
.fpd-latest .fpd-spec {font-size: 20px;padding: 3px 14px}
.fpd-latest .fpd-spec--none {font-size: 13px}
.fpd-latest-meta {display: flex;gap: 8px 16px;flex-wrap: wrap;align-items: center;font-size: 13px;color: var(--fpd-muted)}
.fpd-date {display: inline-flex;gap: 6px;align-items: center;font-size: 13px;font-weight: 500}
.fpd-date .fpd-icon {width: 14px;height: 14px}
.fpd-who {display: inline-flex;gap: 8px;align-items: center;font-size: 12px;color: var(--fpd-muted)}
.fpd-latest-meta .fpd-who {font-size: 13px}
.fpd-day {display: flex;align-items: baseline;gap: 10px;margin: 0 0 10px;padding-bottom: 8px;border-bottom: 1px solid var(--fpd-line)}
.fpd-day h3 {font-size: 15px}
.fpd-day span {font-size: 13px;color: var(--fpd-muted)}
.fpd-day-list + .fpd-day {margin-top: 24px}
.fpd-day-list {list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px}
.fpd-row {position: relative;display: grid;grid-template-columns: 72px minmax(0, 1fr);gap: 14px;align-items: center;min-height: 92px;padding: 10px 14px 10px 10px;background: #fff;border-radius: var(--fpd-r);box-shadow: var(--fpd-sh);transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.2s}
.fpd-row .fpd-photo {width: 72px;height: 72px;border-radius: 12px}
.fpd-row-text {display: grid;gap: 6px;align-content: center}
.fpd-row h4 {font-size: 16px;line-height: 1.35}
.fpd-row-meta {display: flex;gap: 6px 10px;flex-wrap: wrap;align-items: center;justify-content: space-between}
.fpd-empty {display: grid;justify-items: center;gap: 12px;text-align: center;padding: 40px 16px;background: #fff;border-radius: var(--fpd-r);box-shadow: var(--fpd-sh);color: var(--fpd-muted);font-size: 14px}
.fpd-empty .fpd-icon {width: 48px;height: 48px;color: var(--fpd-zero)}
@media (max-width: 899px) {.fpd-hero-grid,
.fpd-hall,
.fpd-two,
.fpd-latest {grid-template-columns: minmax(0, 1fr)}
.fpd-mapcard {min-height: 200px}
.fpd-latest-body {padding: 16px 18px 20px}
.fpd-latest h3 {font-size: 22px}
.fpd-chips {flex-wrap: nowrap;overflow-x: auto;margin: 20px -16px 0;padding: 2px 16px 4px;scrollbar-width: none}
.fpd-chips::-webkit-scrollbar {display: none}}
@media (max-width: 639px) {.fpd {--fpd-pad: 16px}
.fpd-section {margin-top: 28px}
.fpd-band {padding: 24px 18px 64px;border-radius: 16px}
.fpd-kpis {margin: -44px 12px 0;grid-template-columns: repeat(2, minmax(0, 1fr))}
.fpd-kpi:last-child {grid-column: 1 / -1}
.fpd-kpi {padding: 14px}
.fpd-kpi-value {font-size: 28px}
.fpd-btns .fpd-btn {flex: 1 1 100%}
.fpd-head h2,
.fpd-recent-head h2 {font-size: 18px}
.fpd-feat-body {grid-template-columns: minmax(0, 1fr)}
.fpd-stamp {position: absolute;right: 14px;top: 14px;width: 60px;height: 60px;background: rgba(15, 42, 68, 0.55)}
.fpd-stamp b {font-size: 22px}
.fpd-feat-fish {font-size: 20px}
.fpd-feat-price {font-size: 30px}
.fpd-rail button {grid-template-columns: 24px 40px minmax(0, 1fr) auto;gap: 8px;padding: 8px 10px}
.fpd-months {gap: 2px}
.fpd-month-plot {height: 150px}
.fpd-month-label {font-size: 11px}
.fpd-day-list {grid-template-columns: minmax(0, 1fr);gap: 10px}}
@media (prefers-reduced-motion: reduce) {.fpd-latest,
.fpd-row {transition: none}
.fpd-latest:hover,
.fpd-row:hover {transform: none}}