:root{--ink:#203f49;--sea:#226f80;--deep:#174d60;--foam:#edf5f5;--line:#c9dddd;--muted:#536c73;--sand:#f7f4eb;--warn:#804c22;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--ink);background:#fcfdfb;line-height:1.7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:var(--deep);text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button,summary,select{cursor:pointer}button{border:1px solid var(--line);border-radius:9px;padding:10px 15px;background:#fff}button:hover,a:hover{color:#105064}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #cb9538;outline-offset:3px}[hidden]{display:none!important}.wrap{max-width:1120px;margin:auto;padding-inline:28px}.preview-bar{text-align:center;background:var(--foam);font-size:12px;letter-spacing:.04em;padding:4px}.site-header{display:flex;align-items:center;justify-content:space-between;height:96px;border-bottom:1px solid var(--line)}.brand{display:block;width:100px;height:84px}.brand img{width:100%;height:100%;object-fit:contain}.site-header nav{display:flex;gap:28px;font-size:13px}.site-header a{text-decoration:none}.hero{padding-top:40px;padding-bottom:27px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--sea);margin:0 0 12px}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(29px,4.2vw,46px);line-height:1.5;font-weight:500;letter-spacing:.035em;margin:0 0 14px}.hero h1 span{display:inline-block}.hero p:not(.eyebrow){margin:0;font-size:16px}.hero-foot{display:flex;justify-content:space-between;gap:12px;margin-top:24px;font-size:12px;color:var(--muted)}.hero-foot i{font-style:normal;margin:0 7px;color:#91b3b6}.controls{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px 22px;box-shadow:0 6px 24px #274d5910}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;background:var(--foam);border-radius:12px;margin-bottom:17px}.tabs button{border:0;background:transparent;font-weight:700;border-radius:9px;font-size:17px}.tabs button[aria-selected=true]{background:var(--sea);color:white;box-shadow:0 2px 6px #174d6020}.tabs small{font-size:11px;font-weight:400;display:inline-block;margin-left:9px}.search-label,label:has(select),label:has(input[type=search]){display:block;font-size:13px;font-weight:600}input[type=search],select{width:100%;border:1px solid #9fbabc;background:#fff;border-radius:8px;padding:11px 12px;margin-top:5px;min-height:46px;font-size:16px;font-weight:400}input[type=search]{background:#fcfdfb}.tool-row{display:flex;align-items:start;gap:14px;margin-top:12px;flex-wrap:wrap}.shape-trigger{color:var(--deep);font-size:13px;min-height:46px;background:var(--foam);border-color:transparent}.shape-trigger b{margin-left:6px}.filter-details{flex:1;min-width:180px;margin-top:6px}.filter-details>summary{font-size:13px;min-height:42px;padding:9px 0}.filter-details[open]{flex-basis:100%}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.check{display:flex;align-items:center;gap:10px;font-size:14px}.check input{width:20px;height:20px}.results-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.results-bar p{font-size:13px;font-weight:600;margin:0}.results-bar button{font-size:12px;padding:7px 10px;border:0;text-decoration:underline}.muted{color:var(--muted);font-size:12px;line-height:1.8;font-weight:400}#active-conditions:empty{display:none}#active-conditions{margin:2px 0 0}.list-title{font-size:23px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;margin:30px 0 7px}.list-note{font-size:12px;color:var(--muted);margin:0 0 19px}.fishgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.fishcard{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;position:relative;scroll-margin-top:20px;min-width:0}.fish-picture{margin:0;background:var(--foam);position:relative;aspect-ratio:1.5;overflow:hidden}.fish-picture>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.fish-picture>small{position:absolute;bottom:5px;right:6px;background:#ffffffdc;border-radius:3px;font-size:10px;padding:1px 5px}.no-picture{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#73979d}.no-picture>span{font-size:44px;line-height:1}.no-picture small{font-size:11px}.fish-copy{padding:14px}.specimen{font-size:10px;letter-spacing:.06em;color:var(--sea);margin:0}.fishcard h3{font-size:17px;line-height:1.55;margin:2px 0 8px;overflow-wrap:anywhere}.region-label{font-size:11px;color:var(--muted);margin:0 0 9px}.observed{display:none;font-size:13px}.shape-mode .observed{display:block}.warning,.uncertain{font-size:11px;line-height:1.65;color:var(--warn);background:#fcf4e7;border-radius:5px;padding:7px 9px;margin:8px 0}.fish-go,.aji-entry{display:block;font-size:12px;padding:8px 0;min-height:39px;text-decoration:none;border-bottom:1px solid #e3eeee;font-weight:600}.aji-entry{color:var(--sea)}.fc-det{margin-top:11px}.fc-det>summary{font-size:11px;min-height:40px;padding:9px 0;line-height:1.7}.fishcard:has(.fc-det[open]){grid-column:1/-1;display:grid;grid-template-columns:230px 1fr}.fishcard:has(.fc-det[open]) .fish-picture{position:sticky;top:12px}.evidence,.fc-body{font-size:14px;overflow-wrap:anywhere}.evidence>a{display:inline-block;margin:4px 14px 4px 0;font-size:12px}.fc-body{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.fc-body img{max-width:320px;width:100%;height:auto;border-radius:8px}.fc-spec{display:grid;grid-template-columns:auto 1fr;gap:8px 16px}.fc-spec dd{margin:0}.fc-src{font-size:12px}.fc-seasons{display:flex;gap:12px}.fc-seasons .off{color:#84989b}.fc-seasons .on{font-weight:700}.aji-caption,.fc-nophoto{display:block;font-size:11px}.fc-caution{border-left:3px solid #b77830;padding:10px;margin:10px 0;background:var(--sand)}.fc-caution b{margin-right:10px}.fc-found{display:flex;gap:8px;align-items:center}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.recipe-tile{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:white;display:grid;grid-template-columns:42% 1fr;align-items:start;scroll-margin-top:20px}.recipe-tile figure{margin:0;background:var(--foam)}.recipe-tile img{width:100%;height:auto;display:block;aspect-ratio:1.5;object-fit:cover}.recipe-tile figcaption{font-size:10px;text-align:center;padding:3px}.recipe-copy{padding:15px}.recipe-copy h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:21px;line-height:1.55;margin:7px 0}.recipe-copy p{font-size:12px}.recipe-copy p.specimen{font-size:10px}.effort{color:var(--sea);font-weight:600}.recipe-go{display:block;font-weight:700;font-size:14px;margin-top:15px;min-height:44px;padding:9px 0}.prep-go{display:block;font-size:12px;min-height:36px;padding:5px 0}.compatibility{border-left:3px solid var(--sea);padding-left:9px;background:var(--foam);padding-block:6px}.group-title{grid-column:1/-1;margin:24px 0 0;font-size:18px}.notice{background:var(--sand);border:1px solid #e5dcc3;padding:15px 20px;border-radius:10px;font-size:13px}.more-row{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:30px 0 52px;font-size:13px}.more-row button{background:var(--sea);color:white;padding:12px 28px}.feature-section{background:var(--foam);padding:46px 0 40px}.feature-section h2,.stay h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:32px;line-height:1.5;font-weight:500;margin:10px 0 18px}.feature-section p{font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.feature-grid a{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;text-decoration:none}.feature-grid img{width:100%;height:auto;display:block;aspect-ratio:1.5;object-fit:cover}.feature-grid a>span{display:block;padding:16px;font-size:12px}.feature-grid b{display:block;font-size:17px}.feature-grid small{display:block;font-size:11px;margin:8px 0}.stay{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-block:60px}.stay figure{margin:0}.stay img{width:100%;height:auto;border-radius:12px}.stay figcaption{font-size:11px;color:var(--muted)}.stay p{font-size:14px}.primary{background:var(--sea);color:#fff;text-decoration:none;display:inline-block;padding:13px 20px;border-radius:8px;font-size:14px;border:1px solid var(--sea)}.primary:hover{color:#fff;background:var(--deep)}.text-link{display:block;font-size:13px;margin-top:15px}.context{padding-block:20px 40px}.context summary{padding:15px 0}.context details p{font-size:13px}.related{display:flex;gap:20px;flex-wrap:wrap;padding-top:28px;border-top:1px solid var(--line);margin-top:20px;font-size:13px}.footer{border-top:1px solid var(--line);padding-block:25px 40px;font-size:13px}.footer nav{display:flex;gap:12px 22px;flex-wrap:wrap;margin:20px 0}.footer small{color:var(--muted);font-size:11px}.mobile{display:none}.skip{position:absolute;top:-100px;background:#fff;padding:15px;z-index:20}.skip:focus{top:5px}dialog{border:1px solid var(--line);border-radius:18px;padding:25px;max-width:670px;width:calc(100% - 24px);max-height:90dvh;color:var(--ink)}dialog::backdrop{background:#183f4b88}dialog h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:27px}dialog p{font-size:13px}dialog fieldset{margin:22px 0;border:0;padding:0}dialog legend{font-size:15px;font-weight:700;margin-bottom:15px}dialog legend small{display:block;font-weight:400;font-size:11px}.dialog-close{display:block;margin:0 0 15px auto;font-size:12px}.shape-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shape-option{display:flex;align-items:center;gap:9px;background:var(--foam);padding:12px;border:1px solid transparent;border-radius:8px;font-size:13px}.shape-option:has(:checked){border-color:var(--sea);background:#dcedef}.shape-option input,.feature-option input{width:18px;height:18px;accent-color:var(--sea);flex-shrink:0}.shape-option small{display:block;font-size:10px;color:var(--muted)}[data-skip]{font-size:12px;margin-top:12px;border:0;text-decoration:underline}.feature-options{display:flex;flex-wrap:wrap;gap:10px}.feature-option{font-size:12px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:6px;padding:9px}.feature-option:has(:checked){background:var(--foam);border-color:var(--sea)}.dialog-actions{display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:-25px;background:white;padding:15px 0;margin-bottom:-10px;font-size:12px;gap:15px}
@media(max-width:850px){.fishgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-grid{grid-template-columns:1fr}.recipe-tile{grid-template-columns:35% 1fr}}
@media(max-width:600px){.wrap{padding-inline:18px}.site-header{height:76px}.brand{width:80px;height:70px}.site-header nav{gap:14px;font-size:11px}.hero{padding-top:23px;padding-bottom:20px}.hero h1{font-size:29px;line-height:1.55;margin-bottom:9px}.hero h1 span{display:block}.hero p:not(.eyebrow){font-size:13px;line-height:1.8}.eyebrow{font-size:10px;margin-bottom:8px}.hero-foot{margin-top:15px;font-size:10px}.mobile{display:block}.controls{padding:11px 12px;border-radius:13px}.tabs{margin-bottom:11px}.tabs button{font-size:14px;padding:9px 4px}.tabs small{display:block;margin:1px 0 0;font-size:10px}.search-label{font-size:11px}.search-label input{padding:9px 10px;min-height:43px}.tool-row{gap:3px;margin-top:8px}.shape-trigger{width:100%;font-size:11px;padding:9px 7px;min-height:43px}.filter-details{margin:0}.filter-details>summary{font-size:11px;min-height:36px;padding:7px 0}.results-bar{margin-top:4px;padding-top:5px}.results-bar p{font-size:11px}.results-bar button{font-size:10px}.list-title{font-size:20px;margin:22px 0 5px}.list-note{font-size:10px;margin-bottom:13px;line-height:1.75}.fishgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.fish-copy{padding:11px}.fishcard h3{font-size:15px}.specimen{font-size:9px}.region-label{font-size:10px}.warning{font-size:10px;padding:6px}.fish-go,.aji-entry{font-size:11px}.fc-det>summary{font-size:10px}.fishcard:has(.fc-det[open]){display:block}.fishcard:has(.fc-det[open]) .fish-picture{position:static;max-height:220px}.recipe-tile{display:block}.recipe-tile figure{position:relative}.recipe-tile img{max-height:215px}.recipe-tile figcaption{position:absolute;right:8px;bottom:7px;border-radius:3px;background:#ffffffe6;padding:2px 6px}.recipe-copy{padding:17px}.recipe-copy h3{font-size:23px}.recipe-copy p{font-size:13px}.feature-section{padding-block:35px}.feature-section h2,.stay h2{font-size:28px}.feature-section p{font-size:13px}.feature-grid{grid-template-columns:1fr;gap:13px;margin-top:22px}.feature-grid a{display:grid;grid-template-columns:42% 1fr;align-items:center}.feature-grid a>span{padding:12px}.feature-grid b{font-size:15px}.feature-grid img{height:100%;object-fit:cover}.feature-grid small{font-size:10px}.stay{grid-template-columns:1fr;gap:24px;padding-block:38px}.filter-grid{gap:10px}.filter-grid label{font-size:11px}select{font-size:14px;padding:10px 6px}.shape-option{padding:9px 7px;gap:6px;font-size:12px}dialog{padding:18px}.dialog-actions{bottom:-18px}.notice{font-size:12px;padding:12px}.footer nav{font-size:12px}.fc-body{font-size:13px}}
@media(max-width:340px){.wrap{padding-inline:12px}.hero h1{font-size:26px}.site-header nav{gap:9px;font-size:10px}.fish-copy{padding:9px}.fishcard h3{font-size:14px}.fish-go,.aji-entry{font-size:10px}.shape-trigger b{margin-left:2px}.hero-foot{font-size:9px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,color .15s}.recipe-tile,.fishcard{animation:appear .18s ease-out}@keyframes appear{from{opacity:.5}to{opacity:1}}}

@media(max-width:600px){.site-header{height:66px}.brand{height:60px;overflow:hidden}.brand img{transform:scale(1.7)}.hero{padding-top:15px;padding-bottom:13px}.hero h1{line-height:1.4}.hero-foot{margin-top:11px}.tabs button{padding:7px 4px}.list-title{margin-top:17px}.list-note{margin-bottom:10px}}

#compat-count:empty{display:none}

.filter-grid>.anchor{position:absolute}
/* Reflow also when browser zoom leaves less than a normal phone's usable width. */
.tabs,.filter-grid,.shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}input,select{min-width:0}.site-header nav,.hero-foot{flex-wrap:wrap}.site-header nav{justify-content:flex-end}.site-header{gap:12px}.brand{flex-shrink:0}.controls,.fish-copy,.recipe-copy{min-width:0;overflow-wrap:anywhere}.shape-trigger{white-space:normal}.tabs button{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.fishgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}.hero-foot{row-gap:7px}.feature-grid a{grid-template-columns:minmax(0,42%) minmax(0,1fr)}.more-row>a{overflow-wrap:anywhere}.fc-spec{grid-template-columns:minmax(0,1fr)}.fc-spec dd{margin-bottom:8px}}
.filter-details{min-width:0;width:100%}