@font-face{font-family:Inter;src:url('./specimens/assets/Inter.ttf')}@font-face{font-family:Space;src:url('./specimens/assets/SpaceGrotesk.ttf')}@font-face{font-family:Mono;src:url('./specimens/assets/IBMPlexMono-Regular.ttf')}
.expansion-link{font-size:14px;line-height:1.4;color:#c8f45a;text-decoration:none;border:1px solid #607264;padding:12px;border-radius:5px;min-height:48px;display:flex;align-items:center}@media(max-width:900px){.sidebar nav{flex-wrap:wrap}.expansion-link{flex-basis:100%}}
:root{--ink:#101a17;--paper:#f3efe3;--moss:#295c43;--lime:#c8f45a;--coral:#ff6b52;--blue:#58b6c8;--fog:#dde4d7;--muted:#58685d;--line:#cad2c6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Inter,system-ui,sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9e3b23;outline-offset:4px}input:focus-visible{outline:3px solid var(--moss);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark{font-family:Space,Inter,sans-serif}h1{font-size:clamp(2.25rem,3.4vw,3.4rem);line-height:1.05;letter-spacing:-.045em}h2{font-size:1.4rem;line-height:1.2}h3{font-size:1.15rem;line-height:1.2}.eyebrow{font:12px/1.5 Mono,monospace;letter-spacing:.07em}.sidebar{position:fixed;width:216px;inset:0 auto 0 0;background:var(--ink);color:var(--paper);padding:32px 22px;display:flex;flex-direction:column}.wordmark{font-size:54px;letter-spacing:-.07em;line-height:1;text-decoration:none;font-weight:700}.wordmark span{color:var(--lime)}.sidebar>.eyebrow{color:#b5c1b5;margin-top:20px}.sidebar nav{display:grid;gap:12px;margin-top:54px}.sidebar nav button{display:flex;align-items:center;text-align:left;gap:12px;padding:15px 10px;color:var(--paper);background:transparent;border-radius:5px;min-height:64px}.sidebar nav button[aria-current]{background:var(--lime);color:var(--ink)}.sidebar nav small{display:block;font-size:12px;margin-top:3px}.nav-num{font:14px Mono;opacity:.75}.sidebar-bottom{margin-top:auto;display:grid;gap:20px}.sidebar-bottom p{font-size:13px;color:#b5c1b5}.gallery-link,.text-button{font-size:14px;text-align:left;text-decoration:none}.text-button{background:none;color:inherit;padding:0;min-height:44px}.edition{font:10px Mono;letter-spacing:.07em;color:#b5c1b5}.workspace{margin-left:216px;padding:0 36px}.topbar{min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.demo-tag{font:12px Mono;background:var(--ink);color:var(--lime);padding:7px 10px;border-radius:3px;white-space:nowrap}.data-link{background:none;color:var(--muted);font-size:14px;text-align:left;min-height:44px}.help-button{margin-left:auto;border:1px solid var(--line);background:transparent;padding:10px 16px;border-radius:4px;min-height:44px;white-space:nowrap}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 26px}.page-heading .eyebrow{color:var(--moss);margin-bottom:8px}#seed-form{font-size:13px}#seed-form label{display:block;margin-bottom:5px;font-weight:600}.seed-row{display:flex;gap:8px}.seed-row input{font:13px Mono;width:136px;border:1px solid var(--line);background:#fffbef;padding:10px;border-radius:4px;min-height:44px}#seed-help{display:block;font-size:12px;color:var(--muted);margin-top:6px}.primary,.secondary{border-radius:4px;min-height:44px;padding:10px 15px;font-weight:650;font-size:14px}.primary{background:var(--lime);color:var(--ink);border:1px solid var(--ink)}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:24px}.board{min-width:0}.table-banner{background:var(--moss);color:var(--paper);padding:18px 22px;border-radius:7px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.table-banner p{font-size:14px;color:#e1ecdf;margin-top:4px}.habitat-flag{font:12px Mono;color:var(--ink);background:var(--lime);padding:9px 12px;white-space:nowrap;border-radius:3px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-label>span{font:12px Mono;color:var(--muted)}.river{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fish-card{border:1px solid var(--ink);background:#fffbef;border-radius:8px;overflow:hidden;box-shadow:0 3px 0 #101a1712}.fish-card.suggested{outline:4px solid var(--moss);outline-offset:3px}.card-top{padding:11px 12px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--ink);color:var(--paper)}.card-top h3{font-size:clamp(.95rem,1.2vw,1.12rem)}.card-top>span{font:10px Mono;color:var(--lime)}.fish-card img{display:block;width:100%;aspect-ratio:1.7;object-fit:cover}.card-facts{display:flex;justify-content:space-between;align-items:end;padding:9px 12px 0;gap:6px}.measurement{font:24px/1.1 Space,sans-serif;font-weight:700}.measurement small{font:12px Mono}.size-value{font:12px Mono;text-align:right}.card-meta{display:flex;justify-content:space-between;gap:6px;padding:8px 12px;font:12px Mono;color:var(--muted)}.card-actions{display:flex;gap:6px;padding:0 10px 10px}.draft-button{flex:1;background:var(--ink);color:var(--paper);min-height:44px;border-radius:4px;font-size:14px}.inspect-button{min-width:44px;min-height:44px;border:1px solid var(--line);background:transparent;border-radius:4px;font:18px Space}.scoreboard{border:1px solid var(--line);border-radius:7px;padding:22px 18px;background:#fffbef;align-self:start}.score-top{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.score-big{font:60px/1 Space;font-weight:700;letter-spacing:-.06em}.score-vs{font-size:14px;color:var(--muted);text-align:right}.score-vs strong{font:32px Space;color:var(--ink)}.score-lines{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}.score-lines li{display:flex;justify-content:space-between;gap:16px}.score-lines li span{color:var(--muted)}.score-note{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.5}.scoreboard hr{border:0;border-top:1px solid var(--line);margin:20px 0}.suggest{width:100%;margin-top:18px}.turns{font-size:13px;margin-top:18px;line-height:1.8}.turns strong{display:block}.pick-log{font-size:13px;padding:0;list-style:none;display:grid;gap:8px;margin:12px 0 0;color:var(--muted)}.hand{margin-top:28px}.hand-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.hand-mini{background:#e5eadc;min-height:104px;border:1px dashed #a4b29f;border-radius:5px;overflow:hidden;text-align:center;font-size:12px}.hand-mini img{width:100%;aspect-ratio:1.65;object-fit:cover;display:block}.hand-mini p{padding:7px 4px}.hand-mini.empty{display:grid;place-items:center;font:24px Space;color:#667660}.result{border:2px solid var(--ink);background:var(--lime);padding:20px;border-radius:6px;margin-bottom:20px}.result p{margin-top:6px}.page-footer{display:flex;gap:18px;justify-content:space-between;color:var(--muted);font:11px Mono;border-top:1px solid var(--line);margin-top:32px;padding:18px 0 24px}.lineup{display:grid;gap:12px}.lineup-row{display:flex;align-items:center;gap:16px;border:1px solid var(--line);background:#fffbef;border-radius:7px;padding:10px 14px}.lineup-row>img{width:116px;height:72px;object-fit:cover;border-radius:4px}.lineup-row .order{font:22px Mono;color:var(--moss);min-width:24px}.lineup-row .lineup-info{flex:1}.lineup-info p{font-size:14px;color:var(--muted);margin-top:6px}.move-controls{display:flex;gap:6px}.move-controls button{width:44px;min-height:44px;background:var(--fog);border-radius:4px}.lineup-check{margin-top:20px}.match-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.match-tile{border:1px solid var(--ink);border-radius:8px;min-height:204px;background:var(--moss);color:var(--paper);overflow:hidden;position:relative;padding:0}.match-tile .card-back{display:grid;place-items:center;height:100%;min-height:202px;background:repeating-linear-gradient(135deg,transparent 0,transparent 19px,#ffffff08 20px,#ffffff08 21px)}.card-back b{font:64px Space;font-weight:700;letter-spacing:-.07em;color:var(--lime)}.card-back small{position:absolute;bottom:14px;right:14px;font:14px Mono}.match-tile img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}.match-tile .tile-name{padding:12px 6px;display:block;font-weight:600;font-size:14px}.match-tile.matched{border:3px solid var(--moss);background:var(--paper);color:var(--ink);opacity:1}.match-tile[disabled]{opacity:1}.match-controls{margin-top:20px;display:flex;align-items:center;gap:16px}.how-copy{font-size:15px;line-height:1.6}.how-copy p+p{margin-top:14px}dialog{width:min(640px,calc(100vw - 32px));border:1px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);padding:34px;max-height:88vh;overflow:auto}dialog::backdrop{background:#101a17b3}.close{position:sticky;float:right;top:0;width:44px;height:44px;border-radius:50%;background:var(--fog);font:28px Space;z-index:2}dialog h2{font-size:28px;line-height:1.15;margin:0 40px 20px 0}dialog p{margin:12px 0;font-size:16px}dialog li{margin:10px 0}dialog dt{color:var(--muted);font-size:14px}dialog dd{margin:0 0 14px;font-size:18px}dialog img{width:100%;border-radius:5px}dialog .eyebrow{color:var(--moss);margin-bottom:10px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:10;background:var(--lime);color:var(--ink);padding:16px;top:10px;left:10px}
@media(min-width:1600px){.workspace{max-width:1600px;padding-inline:48px}.fish-card img{aspect-ratio:1.65}}@media(max-width:1200px){.sidebar{width:190px;padding:28px 18px}.workspace{margin-left:190px;padding:0 24px}.play-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.river{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:start}.match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-footer{flex-direction:column;gap:8px}.lineup-row{gap:10px}.lineup-row>img{width:84px}}
@media(max-width:900px){.sidebar{position:relative;inset:auto;width:auto;padding:16px 22px;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px}.wordmark{font-size:40px}.sidebar>.eyebrow,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin:0;justify-content:end;gap:6px}.sidebar nav button{padding:8px 12px;min-height:48px;font-size:14px}.sidebar nav small,.nav-num{display:none}.workspace{margin:0;padding:0 22px}.page-heading{padding:24px 0}.topbar{min-height:64px}.play-layout{grid-template-columns:minmax(0,1fr) 240px}.river{gap:12px}}
@media(max-width:660px){.sidebar{grid-template-columns:1fr;padding:16px}.wordmark{font-size:38px}.sidebar nav{justify-content:start;margin-top:6px}.sidebar nav button{flex:1;padding:8px;font-size:13px;justify-content:center}.workspace{padding:0 16px}.topbar{gap:10px;flex-wrap:wrap;padding:10px 0}.data-link{font-size:12px;order:3;flex-basis:100%;min-height:24px}.help-button{padding:8px 12px}.page-heading{display:block}.page-heading h1{font-size:40px}#seed-form{margin-top:18px}.seed-row{flex-wrap:wrap}.seed-row input{flex:1;min-width:90px}.play-layout{grid-template-columns:1fr}.table-banner{padding:16px;align-items:start;gap:12px}.table-banner h2{font-size:20px}.habitat-flag{font-size:11px;padding:8px}.river{gap:10px}.card-top{padding:10px}.card-top h3{font-size:16px}.card-top>span{display:none}.card-facts{padding:10px 10px 0;flex-wrap:wrap}.card-meta{font-size:11px;padding:8px 10px}.measurement{font-size:24px}.size-value{font-size:11px}.card-actions{padding:0 8px 8px}.hand-row{gap:5px}.hand-mini{font-size:10px;min-height:82px}.hand-mini p{padding:5px 2px}.scoreboard{padding:20px}.score-lines{font-size:16px}.score-note{font-size:14px}.lineup-row{flex-wrap:wrap;padding:10px}.lineup-row>img{width:72px;height:58px}.lineup-row .order{font-size:16px;min-width:16px}.lineup-info h3{font-size:16px}.move-controls{margin-left:auto}.match-grid{gap:10px}.match-tile{min-height:172px}.match-tile .card-back{min-height:170px}dialog{padding:24px}.page-footer{font-size:10px}}
.fish-card img{height:auto}.hint-copy{font-size:14px;background:var(--fog);padding:12px;margin-top:14px;border-radius:4px}.bot-breakdown{margin-top:14px}summary{cursor:pointer;font-size:14px;min-height:44px;padding-block:10px}.mobile-gallery{display:none}.how-copy{font-size:1rem}.demo-tag,.size-value{font-size:14px}.card-facts,.card-meta{flex-wrap:wrap}.card-meta{font-size:12px}.score-note{font-size:14px}.turns,.pick-log{font-size:14px}@media(max-width:900px){.mobile-gallery{display:inline-block;font-size:14px;margin:0 18px 24px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}