:root {
  --spring: rgba(242, 140, 111, .10);
  --summer: rgba(47, 127, 130, .15);
  --autumn: rgba(246, 200, 95, .12);
  --winter: rgba(28, 110, 140, .17);
  --season-1: rgba(113, 196, 204, .20);
  --season-2: rgba(47, 127, 130, .66);
  --season-3: #71c4cc;
  --now: rgba(246, 200, 95, .11);
}
.fish-hero { padding-bottom: 24px; }
.fish-toolbar { display:flex; gap:8px; align-items:center; justify-content:space-between; margin:20px 0 10px; flex-wrap:wrap; }
.current-chip { display:inline-flex; align-items:center; gap:6px; padding:8px 10px; border-radius:999px; background:rgba(246,200,95,.10); border:1px solid rgba(246,200,95,.52); color:var(--sun); font-size:.76rem; font-weight:900; }
.legend { display:flex; flex-wrap:wrap; gap:8px 14px; margin:0 0 8px; color:var(--muted); font-size:12px; }
.legend span { display:inline-flex; align-items:center; gap:5px; }
.swatch { width:18px; height:10px; border-radius:3px; border:1px solid var(--line); }
.l1 { background:var(--season-1); } .l2 { background:var(--season-2); } .l3 { background:var(--season-3); }
.scroll-hint { display:none; margin:8px 0 10px; color:var(--muted); font-size:.72rem; }
.calendar-shell { overflow-x:auto; border:1px solid var(--line); border-radius:20px; background:rgba(13,27,36,.90); box-shadow:0 20px 60px rgba(0,0,0,.08); -webkit-overflow-scrolling:touch; scrollbar-color:var(--sea) var(--panel); }
.fish-calendar { min-width:776px; display:grid; grid-template-columns:178px 1fr; }
.fish-cell { min-height:54px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:center; position:relative; }
.species-head,.species { position:sticky; left:0; z-index:4; justify-content:flex-start; background:var(--panel); padding:8px 10px; border-right:1px solid var(--line); }
.species-head { z-index:6; min-height:70px; font-size:12px; font-weight:800; color:var(--muted); }
.months-header { min-height:70px; display:grid; grid-template-columns:repeat(12,1fr); border-bottom:1px solid var(--line); }
.month { min-width:0; min-height:70px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:3px; font-weight:800; font-size:14px; border-right:1px solid var(--line); position:relative; }
.month:last-child { border-right:0; }
.month small { font-size:10px; color:var(--muted); font-weight:700; }
.month.spring { background:var(--spring); } .month.summer { background:var(--summer); } .month.autumn { background:var(--autumn); } .month.winter { background:var(--winter); }
.month.current { box-shadow:inset 2px 0 0 rgba(246,200,95,.78), inset -2px 0 0 rgba(246,200,95,.78); }
.species { gap:10px; min-height:66px; }
.fish-icon { width:52px; height:42px; display:grid; place-items:center; flex:0 0 auto; overflow:visible; }
.fish-icon img { display:block; width:50px; height:37px; object-fit:contain; filter:drop-shadow(0 1px 1px rgba(0,0,0,.28)); }
.fish-name { min-width:0; }
.fish-name strong { display:block; font-size:14px; line-height:1.2; }
.fish-name small { display:block; margin-top:3px; color:var(--muted); font-size:9px; line-height:1.25; white-space:nowrap; }
.timeline { min-height:66px; position:relative; display:flex; align-items:center; padding:0; overflow:hidden; background:repeating-linear-gradient(to right,transparent 0,transparent calc(8.333333% - 1px),rgba(41,69,82,.72) calc(8.333333% - 1px),rgba(41,69,82,.72) 8.333333%); }
.current-band { position:absolute; top:0; bottom:0; width:8.333333%; background:var(--now); border-left:2px solid rgba(246,200,95,.78); border-right:2px solid rgba(246,200,95,.78); pointer-events:none; z-index:1; }
.current-band.month-1 { left: 0.000000%; }
.current-band.month-2 { left: 8.333333%; }
.current-band.month-3 { left: 16.666667%; }
.current-band.month-4 { left: 25.000000%; }
.current-band.month-5 { left: 33.333333%; }
.current-band.month-6 { left: 41.666667%; }
.current-band.month-7 { left: 50.000000%; }
.current-band.month-8 { left: 58.333333%; }
.current-band.month-9 { left: 66.666667%; }
.current-band.month-10 { left: 75.000000%; }
.current-band.month-11 { left: 83.333333%; }
.current-band.month-12 { left: 91.666667%; }
.season-bar { position:absolute; left:0; right:0; height:30px; border-radius:999px; z-index:2; }
.season-bar.season-aji { background: linear-gradient(to right, rgba(113,196,204,0) 4.1667%, rgba(113,196,204,0) 12.5000%, rgba(113,196,204,0) 20.8333%, rgba(113,196,204,0) 29.1667%, rgba(47,127,130,.72) 37.5000%, #71c4cc 45.8333%, #71c4cc 54.1667%, #71c4cc 62.5000%, #71c4cc 70.8333%, rgba(47,127,130,.72) 79.1667%, rgba(47,127,130,.72) 87.5000%, rgba(113,196,204,0) 95.8333%); }
.season-bar.season-saba { background: linear-gradient(to right, rgba(113,196,204,0) 4.1667%, rgba(113,196,204,0) 12.5000%, rgba(113,196,204,0) 20.8333%, rgba(113,196,204,0) 29.1667%, rgba(47,127,130,.72) 37.5000%, #71c4cc 45.8333%, #71c4cc 54.1667%, #71c4cc 62.5000%, rgba(113,196,204,.20) 70.8333%, rgba(113,196,204,.20) 79.1667%, rgba(113,196,204,.20) 87.5000%, rgba(113,196,204,0) 95.8333%); }
.season-bar.season-sappa { background: linear-gradient(to right, rgba(113,196,204,0) 4.1667%, rgba(113,196,204,0) 12.5000%, rgba(113,196,204,0) 20.8333%, rgba(113,196,204,0) 29.1667%, rgba(47,127,130,.72) 37.5000%, #71c4cc 45.8333%, #71c4cc 54.1667%, #71c4cc 62.5000%, rgba(113,196,204,.20) 70.8333%, rgba(113,196,204,.20) 79.1667%, rgba(113,196,204,.20) 87.5000%, rgba(113,196,204,0) 95.8333%); }
.season-bar.season-iwashi { background: linear-gradient(to right, rgba(113,196,204,0) 4.1667%, rgba(113,196,204,0) 12.5000%, rgba(113,196,204,0) 20.8333%, rgba(113,196,204,0) 29.1667%, rgba(47,127,130,.72) 37.5000%, #71c4cc 45.8333%, #71c4cc 54.1667%, #71c4cc 62.5000%, rgba(113,196,204,.20) 70.8333%, rgba(113,196,204,.20) 79.1667%, rgba(113,196,204,.20) 87.5000%, rgba(113,196,204,0) 95.8333%); }
.season-bar.season-haze { background: linear-gradient(to right, rgba(113,196,204,0) 4.1667%, rgba(113,196,204,0) 12.5000%, rgba(113,196,204,0) 20.8333%, rgba(113,196,204,0) 29.1667%, rgba(113,196,204,0) 37.5000%, rgba(47,127,130,.72) 45.8333%, rgba(47,127,130,.72) 54.1667%, rgba(47,127,130,.72) 62.5000%, #71c4cc 70.8333%, #71c4cc 79.1667%, #71c4cc 87.5000%, rgba(113,196,204,.20) 95.8333%); }
.season-bar.season-shirogisu { background: linear-gradient(to right, rgba(113,196,204,0) 4.1667%, rgba(113,196,204,0) 12.5000%, rgba(113,196,204,0) 20.8333%, rgba(113,196,204,0) 29.1667%, rgba(47,127,130,.72) 37.5000%, rgba(47,127,130,.72) 45.8333%, rgba(47,127,130,.72) 54.1667%, rgba(47,127,130,.72) 62.5000%, #71c4cc 70.8333%, #71c4cc 79.1667%, rgba(47,127,130,.72) 87.5000%, rgba(113,196,204,.20) 95.8333%); }
.season-bar.season-kasago { background: linear-gradient(to right, #71c4cc 4.1667%, #71c4cc 12.5000%, #71c4cc 20.8333%, #71c4cc 29.1667%, rgba(47,127,130,.72) 37.5000%, rgba(47,127,130,.72) 45.8333%, rgba(47,127,130,.72) 54.1667%, rgba(47,127,130,.72) 62.5000%, rgba(47,127,130,.72) 70.8333%, rgba(47,127,130,.72) 79.1667%, rgba(47,127,130,.72) 87.5000%, #71c4cc 95.8333%); }
.season-bar.season-mebaru { background: linear-gradient(to right, #71c4cc 4.1667%, #71c4cc 12.5000%, #71c4cc 20.8333%, #71c4cc 29.1667%, rgba(113,196,204,.20) 37.5000%, rgba(113,196,204,.20) 45.8333%, rgba(113,196,204,.20) 54.1667%, rgba(113,196,204,.20) 62.5000%, rgba(113,196,204,.20) 70.8333%, rgba(113,196,204,.20) 79.1667%, rgba(47,127,130,.72) 87.5000%, #71c4cc 95.8333%); }
.season-bar.season-seabass { background: linear-gradient(to right, rgba(113,196,204,.20) 4.1667%, rgba(113,196,204,.20) 12.5000%, rgba(47,127,130,.72) 20.8333%, rgba(47,127,130,.72) 29.1667%, rgba(47,127,130,.72) 37.5000%, rgba(47,127,130,.72) 45.8333%, rgba(47,127,130,.72) 54.1667%, rgba(47,127,130,.72) 62.5000%, #71c4cc 70.8333%, #71c4cc 79.1667%, #71c4cc 87.5000%, rgba(113,196,204,.20) 95.8333%); }
.season-bar.season-kurodai { background: linear-gradient(to right, rgba(47,127,130,.72) 4.1667%, rgba(47,127,130,.72) 12.5000%, rgba(47,127,130,.72) 20.8333%, rgba(47,127,130,.72) 29.1667%, rgba(47,127,130,.72) 37.5000%, #71c4cc 45.8333%, #71c4cc 54.1667%, #71c4cc 62.5000%, #71c4cc 70.8333%, rgba(47,127,130,.72) 79.1667%, rgba(47,127,130,.72) 87.5000%, rgba(47,127,130,.72) 95.8333%); }
.season-bar.season-kawahagi { background: linear-gradient(to right, rgba(113,196,204,.20) 4.1667%, rgba(113,196,204,.20) 12.5000%, rgba(113,196,204,0) 20.8333%, rgba(113,196,204,0) 29.1667%, rgba(113,196,204,0) 37.5000%, rgba(113,196,204,0) 45.8333%, rgba(113,196,204,0) 54.1667%, rgba(113,196,204,.20) 62.5000%, #71c4cc 70.8333%, #71c4cc 79.1667%, #71c4cc 87.5000%, rgba(47,127,130,.72) 95.8333%); }
.season-bar.season-aoriika { background: linear-gradient(to right, rgba(113,196,204,0) 4.1667%, rgba(113,196,204,0) 12.5000%, rgba(113,196,204,.20) 20.8333%, rgba(47,127,130,.72) 29.1667%, #71c4cc 37.5000%, rgba(47,127,130,.72) 45.8333%, rgba(113,196,204,.20) 54.1667%, rgba(113,196,204,.20) 62.5000%, #71c4cc 70.8333%, #71c4cc 79.1667%, rgba(47,127,130,.72) 87.5000%, rgba(113,196,204,.20) 95.8333%); }
.now-summary { margin-top:14px; padding:16px; background:rgba(13,27,36,.90); border:1px solid var(--line); border-radius:14px; }
.now-summary h2 { margin:0 0 8px; font-size:1.05rem; }
.now-summary p { margin:0; color:var(--muted); line-height:1.6; font-size:13px; }
.now-fish { display:flex; flex-wrap:wrap; gap:7px; margin:10px 0 0; }
.now-fish span { padding:7px 9px; border-radius:999px; background:rgba(113,196,204,.10); color:var(--accent-strong); font-size:12px; font-weight:800; }
.fish-external { margin-top:18px; }
.fish-footnote { margin:14px 2px 0; color:var(--muted); font-size:11px; line-height:1.6; }
.fish-calendar-error { min-height:120px; display:block; padding:16px; color:var(--danger); }
@media (max-width:560px) {
  .fish-calendar { min-width:724px; grid-template-columns:156px 1fr; }
  .species { padding-left:8px; }
  .fish-icon { width:48px; height:36px; }
  .fish-icon img { width:46px; height:33px; }
  .scroll-hint { display:block; }
}


.fish-calendar-page .fish-hero h1 {
  max-width: none;
  font-size: clamp(1.5rem, 7.6vw, 3.5rem);
  letter-spacing: -.05em;
  white-space: nowrap;
  overflow-wrap: normal;
}