.water-explorer{min-height:100vh;background:
radial-gradient(circle at 85% 5%,rgba(215,163,67,.12),transparent 28%),
linear-gradient(180deg,#04101b 0%,#061520 46%,#030912 100%)}
.water-hero{padding:72px 0 50px;border-bottom:1px solid rgba(215,163,67,.2)}
.water-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:46px;align-items:center}
.water-hero h1{font-family:Georgia,serif;font-size:clamp(52px,7vw,86px);line-height:.94;margin:0 0 22px}
.water-hero h1 span{display:block;color:var(--gold2)}
.radar-status{display:inline-flex;margin:6px 0 0;padding:10px 14px;border:1px solid rgba(215,163,67,.28);border-radius:999px;color:var(--muted);background:rgba(5,18,32,.68)}
.radar-shell{position:relative;width:min(100%,520px);aspect-ratio:1;border-radius:50%;margin:auto;overflow:hidden;border:2px solid rgba(246,212,137,.58);background:
radial-gradient(circle,rgba(25,94,106,.27) 0%,rgba(5,31,43,.75) 58%,rgba(1,12,20,.98) 100%);
box-shadow:0 0 80px rgba(22,160,173,.15),inset 0 0 70px rgba(0,0,0,.7)}
.radar-ring{position:absolute;border:1px solid rgba(70,220,190,.25);border-radius:50%;inset:50%;transform:translate(-50%,-50%)}
.radar-ring-1{width:33%;height:33%}.radar-ring-2{width:66%;height:66%}.radar-ring-3{width:92%;height:92%}
.radar-axis{position:absolute;background:rgba(70,220,190,.16)}
.radar-axis-x{height:1px;left:4%;right:4%;top:50%}.radar-axis-y{width:1px;top:4%;bottom:4%;left:50%}
.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(72,236,190,.22),transparent 18%,transparent 100%);animation:radar-spin 4s linear infinite}
@keyframes radar-spin{to{transform:rotate(360deg)}}
.radar-user{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f6d489;color:#061520;box-shadow:0 0 24px rgba(246,212,137,.8);z-index:4}
.radar-blip{position:absolute;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:#40d99a;border:2px solid #dfffee;box-shadow:0 0 18px rgba(64,217,154,.85);z-index:3;cursor:pointer}
.radar-blip.lac{background:#55b9ff}.radar-blip.etang{background:#d7a343}
.radar-label{position:absolute;right:10%;bottom:8%;color:#9fb7c8;font-weight:800;font-size:13px}
.water-content{padding:58px 0 84px}
.water-toolbar{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:24px}
.water-toolbar h2{font-family:Georgia,serif;font-size:42px;margin:0 0 8px}.water-toolbar p{margin:0;color:var(--muted)}
.water-filters{display:flex;gap:9px;flex-wrap:wrap}
.filter-chip{border:1px solid rgba(215,163,67,.34);border-radius:999px;background:rgba(7,24,39,.82);color:#dce7ef;padding:10px 14px;font-weight:800;cursor:pointer}
.filter-chip.active{background:linear-gradient(135deg,#f7d78d,#d99f33);color:#160e02}
.water-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}
.water-list{display:grid;gap:15px}
.water-card{display:grid;grid-template-columns:1fr auto;gap:20px;padding:22px;border:1px solid rgba(215,163,67,.25);border-radius:22px;background:linear-gradient(180deg,rgba(12,34,55,.8),rgba(5,18,32,.78));box-shadow:0 18px 50px rgba(0,0,0,.32)}
.water-card h3{margin:0 0 8px;color:var(--gold2);font-family:Georgia,serif;font-size:25px}
.water-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.water-pill{padding:5px 9px;border-radius:999px;border:1px solid rgba(215,163,67,.28);color:#bcd0df;font-size:12px}
.water-distance{font-weight:900;color:#40d99a}.water-card p{margin:0;color:var(--muted);line-height:1.55}
.water-actions{display:flex;flex-direction:column;gap:9px;min-width:190px}
.water-actions a{min-height:42px;padding:10px 14px;border-radius:12px;border:1px solid rgba(215,163,67,.36);display:flex;align-items:center;justify-content:center;font-weight:850;text-align:center}
.water-actions a.primary{background:linear-gradient(135deg,#f7d78d,#d99f33);color:#160e02}
.water-info-panel{align-self:start;position:sticky;top:104px;padding:24px;border:1px solid rgba(215,163,67,.26);border-radius:22px;background:rgba(6,21,32,.86)}
.water-info-panel h3{margin-top:0;color:var(--gold2)}.water-info-panel ul{padding-left:20px;color:var(--muted);line-height:1.8}
@media(max-width:960px){.water-hero-grid,.water-layout{grid-template-columns:1fr}.water-info-panel{position:static}.water-toolbar{align-items:flex-start;flex-direction:column}.radar-shell{max-width:480px}}
@media(max-width:620px){.water-hero{padding-top:44px}.water-hero h1{font-size:48px}.water-card{grid-template-columns:1fr}.water-actions{min-width:0}.water-toolbar h2{font-size:34px}}
.water-actions button{min-height:42px;padding:10px 14px;border-radius:12px;border:1px solid rgba(64,217,154,.42);display:flex;align-items:center;justify-content:center;font:inherit;font-weight:850;text-align:center;cursor:pointer;background:rgba(18,70,72,.48);color:#dfffee}
.quality-station-card{flex-direction:column}.quality-distance{align-self:flex-start}


.unnamed-toggle{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  color:#b9cad6;
  font-size:14px;
  cursor:pointer;
  user-select:none;
}
.unnamed-toggle input{
  width:20px;
  height:20px;
  accent-color:#e8b343;
  cursor:pointer;
}
.unnamed-toggle span{
  padding-top:1px;
}

/* ===== FICHE QUALITÉ DE L’EAU — VERSION SMARTPHONE ===== */
:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

body.modal-open{
  overflow:hidden !important;
  touch-action:none;
}

.quality-modal[hidden]{
  display:none !important;
}

.quality-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:max(10px,var(--safe-top)) 8px max(10px,var(--safe-bottom));
  background:rgba(0,7,13,.84);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  overscroll-behavior:contain;
}

.quality-dialog{
  position:relative;
  width:min(100%,760px);
  max-height:min(94dvh,920px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(246,212,137,.48);
  border-radius:24px 24px 16px 16px;
  background:linear-gradient(180deg,#092033,#04111d);
  box-shadow:0 -22px 90px rgba(0,0,0,.72);
  color:#eef6fb;
}

.quality-dialog::before{
  content:"";
  flex:0 0 auto;
  width:44px;
  height:5px;
  margin:9px auto 1px;
  border-radius:999px;
  background:rgba(255,255,255,.28);
}

.quality-dialog-header{
  position:sticky;
  top:0;
  z-index:10;
  display:grid;
  grid-template-columns:minmax(0,1fr) 50px;
  gap:12px;
  align-items:start;
  padding:12px 14px 15px;
  border-bottom:1px solid rgba(215,163,67,.26);
  background:rgba(9,32,51,.98);
}

.quality-dialog-header>div{
  min-width:0;
}

.quality-dialog-header h3{
  margin:4px 0 0;
  color:#f6d489;
  font:700 clamp(1.55rem,6.7vw,2.25rem)/1.02 Georgia,serif;
  overflow-wrap:anywhere;
  text-wrap:balance;
}

.quality-kicker,
.quality-source{
  color:#40d99a;
  font-size:clamp(.72rem,2.8vw,.84rem);
  font-weight:900;
}

.quality-close{
  position:relative;
  z-index:20;
  width:50px;
  height:50px;
  min-width:50px;
  min-height:50px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(215,163,67,.56);
  border-radius:50%;
  background:#0b2638;
  color:#fff;
  font:500 2rem/1 system-ui,sans-serif;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  pointer-events:auto;
}

.quality-close:active{
  transform:scale(.94);
  background:rgba(215,163,67,.22);
}

.quality-close:focus-visible{
  outline:3px solid #40d99a;
  outline-offset:3px;
}

.quality-dialog-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:18px 14px calc(24px + var(--safe-bottom));
}

.quality-warning,
.quality-error,
.quality-empty{
  padding:16px;
  border-radius:15px;
  background:rgba(219,154,55,.12);
  border:1px solid rgba(219,154,55,.32);
  color:#dce8f1;
  line-height:1.55;
}

.quality-station-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:16px;
  padding:17px;
  border-radius:17px;
  background:rgba(12,43,61,.78);
  border:1px solid rgba(64,217,154,.22);
}

.quality-station-card h4{
  margin:6px 0;
  color:#f6d489;
  font-size:20px;
  overflow-wrap:anywhere;
}

.quality-station-card p{
  margin:0;
  color:#a9bdcc;
}

.quality-distance{
  align-self:flex-start;
  color:#40d99a;
  font-size:21px;
  font-weight:900;
}

.quality-summary{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:15px 0;
}

.quality-summary>span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.1);
  color:#bfd0dd;
  font-size:12px;
}

.freshness.fresh{color:#54e2a3}
.freshness.medium{color:#f2d274}
.freshness.old{color:#f3a24c}

.quality-section-title{
  margin-top:20px;
  color:#f2eee0;
}

.quality-analysis-list{
  display:grid;
  gap:8px;
}

.quality-analysis-row{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
  padding:13px 14px;
  border-radius:13px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

.quality-analysis-row strong{
  display:block;
  overflow-wrap:anywhere;
}

.quality-analysis-row small{
  display:block;
  margin-top:4px;
  color:#8fa9ba;
}

.quality-value{
  color:#40d99a;
  font-weight:900;
}

.quality-note{
  color:#93a9b8;
  font-size:12px;
}

.quality-loading{
  display:grid;
  place-items:center;
  min-height:220px;
  text-align:center;
}

.quality-loading span{
  width:48px;
  height:48px;
  border:4px solid rgba(64,217,154,.2);
  border-top-color:#40d99a;
  border-radius:50%;
  animation:quality-spin .85s linear infinite;
}

@keyframes quality-spin{
  to{transform:rotate(360deg)}
}

@media(min-width:700px){
  .quality-modal{
    align-items:center;
    padding:28px;
  }

  .quality-dialog{
    max-height:88vh;
    border-radius:24px;
  }

  .quality-dialog::before{
    display:none;
  }

  .quality-dialog-header{
    padding:22px 24px;
  }

  .quality-dialog-body{
    padding:22px 24px 28px;
  }

  .quality-station-card{
    flex-direction:row;
    justify-content:space-between;
    gap:18px;
  }

  .quality-distance{
    align-self:center;
  }

  .quality-analysis-row{
    grid-template-columns:1fr auto;
    gap:14px;
  }
}

@media(max-width:390px){
  .quality-modal{
    padding-inline:5px;
  }

  .quality-dialog{
    max-height:95dvh;
    border-radius:21px 21px 13px 13px;
  }

  .quality-dialog-header{
    grid-template-columns:minmax(0,1fr) 48px;
    padding-inline:12px;
  }

  .quality-close{
    width:48px;
    height:48px;
    min-width:48px;
    min-height:48px;
  }

  .quality-dialog-body{
    padding-inline:12px;
  }
}

@media(prefers-reduced-motion:no-preference){
  .quality-modal:not([hidden]){
    animation:qualityFadeIn .16s ease-out;
  }

  .quality-modal:not([hidden]) .quality-dialog{
    animation:qualitySheetIn .22s cubic-bezier(.2,.8,.2,1);
  }

  @keyframes qualityFadeIn{
    from{opacity:0}
    to{opacity:1}
  }

  @keyframes qualitySheetIn{
    from{transform:translateY(28px);opacity:.72}
    to{transform:translateY(0);opacity:1}
  }
}


/* ===== CLASSEMENT INTELLIGENT PROTEUSSTRIKE ===== */
.radar-actions{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.species-control{display:grid;gap:7px;min-width:210px;color:#b9cad6;font-size:13px;font-weight:850}
.species-control select{min-height:48px;padding:0 42px 0 14px;border:1px solid rgba(215,163,67,.42);border-radius:14px;background:#081d2e;color:#f6d489;font:inherit;font-weight:900;cursor:pointer}
.species-control select:focus{outline:2px solid #40d99a;outline-offset:2px}
.water-filter-stack{display:grid;gap:9px;justify-items:end}
.sort-chip{border:1px solid rgba(64,217,154,.30);border-radius:999px;background:rgba(7,24,39,.82);color:#cfe0ea;padding:10px 14px;font-weight:800;cursor:pointer}
.sort-chip.active{background:rgba(64,217,154,.17);border-color:#40d99a;color:#e8fff7}
.ranking-section{margin:0 0 28px;padding:24px;border:1px solid rgba(246,212,137,.38);border-radius:26px;background:linear-gradient(145deg,rgba(11,38,59,.96),rgba(4,17,29,.96));box-shadow:0 24px 70px rgba(0,0,0,.35)}
.ranking-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}
.ranking-header h2{margin:5px 0 8px;color:#f6d489;font:700 clamp(28px,4vw,42px)/1.05 Georgia,serif}
.ranking-header p{margin:0;color:#9fb5c4;max-width:720px}
.ranking-kicker{color:#40d99a;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.weather-summary{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:420px}
.weather-summary span{padding:7px 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.05);color:#c9d9e3;font-size:12px;font-weight:800;white-space:nowrap}
.podium-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.podium-card{position:relative;display:grid;gap:10px;padding:18px;border:1px solid rgba(215,163,67,.28);border-radius:20px;background:rgba(5,22,36,.82);overflow:hidden}
.podium-card:first-child{border-color:rgba(246,212,137,.72);box-shadow:0 0 36px rgba(215,163,67,.12)}
.podium-rank{font-size:28px;line-height:1}
.podium-card h3{margin:0;color:#f2eee0;font-size:19px;overflow-wrap:anywhere}
.podium-score{display:flex;align-items:baseline;gap:6px;color:#40d99a;font-size:32px;font-weight:950}
.podium-score small{color:#8fa8b9;font-size:12px}
.podium-card p{margin:0;color:#9fb5c4;font-size:13px;line-height:1.45}
.podium-card a{min-height:42px;display:grid;place-items:center;padding:8px 12px;border:1px solid rgba(215,163,67,.36);border-radius:12px;color:#f6d489;font-weight:900;text-align:center}
.water-card.ranked{border-color:rgba(64,217,154,.22)}
.water-card-main{min-width:0}
.water-title-row{display:flex;align-items:flex-start;gap:11px}
.rank-badge{flex:0 0 auto;min-width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(215,163,67,.14);border:1px solid rgba(215,163,67,.38);color:#f6d489;font-weight:950}
.score-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:950}
.score-excellent{background:rgba(64,217,154,.17);border:1px solid rgba(64,217,154,.48);color:#7af0bd}
.score-good{background:rgba(102,184,255,.14);border:1px solid rgba(102,184,255,.40);color:#91caff}
.score-medium{background:rgba(242,210,116,.13);border:1px solid rgba(242,210,116,.42);color:#f2d274}
.score-low{background:rgba(243,162,76,.12);border:1px solid rgba(243,162,76,.35);color:#f3a24c}
.score-reasons{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.score-reasons span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#a9bdcc;font-size:11px}
.score-details{margin-top:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;color:#a9bdcc}
.score-details summary{cursor:pointer;color:#f6d489;font-size:13px;font-weight:900}
.score-breakdown{display:grid;gap:6px;margin-top:9px}
.score-breakdown div{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.score-breakdown strong{color:#dce8f1}
.index-disclaimer{margin-top:8px;color:#7f96a7;font-size:11px;font-style:italic}
.loading-score{display:grid;place-items:center;min-height:110px;color:#9fb5c4;text-align:center}
.loading-score::before{content:"";width:34px;height:34px;border:3px solid rgba(64,217,154,.18);border-top-color:#40d99a;border-radius:50%;animation:quality-spin .85s linear infinite;margin-bottom:10px}
@media(max-width:960px){.ranking-header{flex-direction:column}.weather-summary{justify-content:flex-start}.water-filter-stack{justify-items:start}.podium-list{grid-template-columns:1fr}.podium-card{grid-template-columns:auto minmax(0,1fr);align-items:center}.podium-card a{grid-column:1/-1}}
@media(max-width:620px){.radar-actions,.species-control{width:100%}.radar-actions .btn,.species-control select{width:100%}.ranking-section{padding:17px;border-radius:21px}.ranking-header h2{font-size:30px}.water-title-row{align-items:center}.water-filter-stack{width:100%}}


/* ===== OBSERVATIONS PISCICOLES HUB'EAU / OFB ===== */
.water-actions .fish-button{
  border-color:rgba(85,185,255,.48);
  background:linear-gradient(135deg,rgba(16,70,99,.88),rgba(10,48,71,.92));
  color:#dff4ff;
}
.water-actions .fish-button:active{transform:scale(.98)}
.fish-source-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  margin-top:16px;
  padding:17px;
  border-radius:17px;
  background:rgba(9,40,61,.82);
  border:1px solid rgba(85,185,255,.28);
}
.fish-source-card h4{margin:5px 0;color:#f6d489;font-size:19px;overflow-wrap:anywhere}
.fish-source-card p{margin:0;color:#a9bdcc;line-height:1.45}
.fish-distance{color:#55b9ff;font-size:20px;font-weight:950;white-space:nowrap}
.fish-confidence{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:13px;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.fish-confidence.exact{background:rgba(64,217,154,.14);border:1px solid rgba(64,217,154,.42);color:#72efba}
.fish-confidence.nearby{background:rgba(242,210,116,.12);border:1px solid rgba(242,210,116,.38);color:#f2d274}
.fish-confidence.unconfirmed{background:rgba(243,162,76,.11);border:1px solid rgba(243,162,76,.36);color:#f3a24c}
.fish-species-grid{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 4px}
.fish-species-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.11);
  color:#dce8f1;
  font-size:13px;
  font-weight:850;
}
.fish-species-chip.target{background:rgba(64,217,154,.14);border-color:rgba(64,217,154,.44);color:#7af0bd}
.fish-species-chip small{color:#8fa9ba;font-size:10px;font-weight:750}
.fish-operation-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.fish-operation-meta span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#a9bdcc;font-size:11px}
.fish-legal-note{margin-top:16px;padding:13px 14px;border-left:3px solid #55b9ff;background:rgba(85,185,255,.07);color:#9fb5c4;font-size:12px;line-height:1.55}
@media(max-width:620px){.fish-source-card{grid-template-columns:1fr}.fish-distance{justify-self:start}}


/* ===== INDICE MÉTÉO NATIF PROTEUSSTRIKE ===== */
.native-score-explanation{
  margin-top:12px;
  padding:12px 14px;
  border:1px solid rgba(64,217,154,.24);
  border-radius:13px;
  background:rgba(20,78,72,.18);
  color:#bfe8d7;
  font-size:13px;
  line-height:1.5;
}

/* ===== STABILITÉ WEBVIEW ANDROID — STABLE6 ===== */
@media(max-width:420px){
  .ranking-section{overflow:hidden}
  .podium-card{min-width:0}
  .podium-card h3{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none}
  .podium-card p{min-width:0}
}


/* ===== TOP 3 STABLE + CONSULTATION MANUELLE DES ESPÈCES — STABLE7 ===== */
.podium-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  min-width:0;
}
.podium-actions a,
.podium-fish-button{
  width:100%;
  min-height:42px;
  display:grid;
  place-items:center;
  padding:8px 12px;
  border-radius:12px;
  font:inherit;
  font-weight:900;
  text-align:center;
  cursor:pointer;
}
.podium-fish-button{
  border:1px solid rgba(85,185,255,.48);
  background:linear-gradient(135deg,rgba(16,70,99,.88),rgba(10,48,71,.92));
  color:#dff4ff;
}
.podium-fish-button:active{transform:scale(.98)}

@media(max-width:960px){
  .podium-card{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    min-width:0;
  }
  .podium-card > *{
    min-width:0;
    max-width:100%;
  }
  .podium-card h3{
    width:100%;
    white-space:normal;
    overflow-wrap:break-word;
    word-break:normal;
    hyphens:none;
  }
  .podium-card a,
  .podium-actions{
    grid-column:auto;
  }
}


/* ===== FILTRE PISCICOLE DU TOP 3 — STABLE8 ===== */
.radar-toggle-group{
  display:grid;
  gap:10px;
  width:min(100%,560px);
}
.fish-ranking-toggle{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:12px 14px;
  border:1px solid rgba(85,185,255,.32);
  border-radius:15px;
  background:rgba(7,28,44,.78);
  color:#dce8f1;
  cursor:pointer;
  user-select:none;
}
.fish-ranking-toggle input{
  width:20px;
  height:20px;
  margin:1px 0 0;
  accent-color:#40d99a;
  cursor:pointer;
}
.fish-ranking-toggle span,
.fish-ranking-toggle strong,
.fish-ranking-toggle small{
  display:block;
  min-width:0;
}
.fish-ranking-toggle strong{
  font-size:13px;
  line-height:1.35;
}
.fish-ranking-toggle small{
  margin-top:3px;
  color:#8fa9ba;
  font-size:11px;
  line-height:1.4;
}
.podium-fish-state{
  width:100%;
  min-width:0;
  padding:7px 9px;
  border-radius:10px;
  font-size:11px;
  font-weight:850;
  line-height:1.35;
  overflow-wrap:break-word;
}
.podium-fish-state.documented{
  color:#7af0bd;
  background:rgba(64,217,154,.10);
  border:1px solid rgba(64,217,154,.28);
}
.podium-fish-state.pending{
  color:#f2d274;
  background:rgba(242,210,116,.09);
  border:1px solid rgba(242,210,116,.26);
}
.podium-fish-state.undocumented,
.podium-fish-state.unavailable{
  color:#f3b06a;
  background:rgba(243,162,76,.08);
  border:1px solid rgba(243,162,76,.24);
}
@media(max-width:620px){
  .radar-toggle-group{width:100%}
  .fish-ranking-toggle{padding:11px 12px}
}