/* One in-game panel system for the encyclopedia, inspection and destination menu. */
#gameDialog.collectionDialog{--menu-text:#edf4ec;--menu-muted:#b4cbd9;--menu-line:#8cbcff40;font-family:'Jua','Gowun Dodum',sans-serif;color-scheme:dark;color:var(--menu-text);font-size:14px;width:min(820px,calc(100vw - 40px));max-width:calc(100vw - 24px);max-height:90dvh;padding:0;border:2px solid #a4cfd166;border-radius:22px;background:radial-gradient(ellipse at 0 0,#3158618c,transparent 55%),linear-gradient(145deg,#182b3e,#121c2e);box-shadow:0 7px 0 #091321d9,0 22px 65px #020714b3,inset 0 0 0 4px #aacbd60a;overflow:auto;scrollbar-gutter:stable}
#gameDialog.collectionDialog::backdrop{background:#050b17aa;backdrop-filter:blur(4px)}
#gameDialog.collectionDialog .collectionRoot{position:relative;padding:25px 27px 28px}
#gameDialog.collectionDialog button,#gameDialog.collectionDialog select{font:inherit;cursor:pointer}
#gameDialog.collectionDialog h2,#gameDialog.collectionDialog h3{font-weight:400}
#gameDialog.collectionDialog .closeBtn{position:sticky;float:right;top:12px;z-index:5;width:40px;height:40px;margin:0 0 -40px 8px;display:grid;place-items:center;border:1px solid #b4d6e966;border-radius:12px;background:linear-gradient(#315067,#21374c);color:#f6ebc5;font-size:25px;box-shadow:0 3px 0 #0a1829}
#gameDialog.collectionDialog .closeBtn:hover{filter:brightness(1.2)}
#gameDialog.collectionDialog .modalEyebrow{display:none}
#gameDialog.collectionDialog #modalTitle{font-size:27px;line-height:1.4;color:#fff0c7;padding-right:48px;margin:0 0 8px;text-shadow:0 2px #0b1b2d}
#gameDialog.collectionDialog .sub{font:13px/1.7 'Gowun Dodum',sans-serif;color:var(--menu-muted);margin:0 0 20px}
#gameDialog.collectionDialog .secondaryBtn,#gameDialog.collectionDialog .actBtn{min-height:42px;border:1px solid #96cdd3aa;border-radius:12px;background:linear-gradient(#325b71,#254256);box-shadow:0 3px 0 #0b1b2b;color:#e9f4ea;padding:10px 15px;font-size:14px}
#gameDialog.collectionDialog :is(.secondaryBtn,.actBtn):hover{filter:brightness(1.16)}
#gameDialog.collectionDialog :is(.secondaryBtn,.actBtn):active{transform:translateY(2px);box-shadow:0 1px 0 #0b1b2b}
#gameDialog.collectionDialog .buttonRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
#gameDialog.collectionDialog .dexStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:1px solid var(--menu-line);background:#0b1c2b80;border-radius:14px;padding:14px 8px;margin:0 0 23px;text-align:center}
#gameDialog.collectionDialog .dexStats b{font:25px/1.2 'Jua',sans-serif;color:#ffdf98;font-weight:400}
#gameDialog.collectionDialog .dexStats small{display:block;font-size:11px;color:#b4cbd9;margin-top:5px}
#gameDialog.collectionDialog .dexLoc{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--menu-line);padding-bottom:9px;margin:23px 0 12px;color:var(--region);font-size:17px}
#gameDialog.collectionDialog .dexLoc>span{display:flex;gap:7px;align-items:center}.dexLoc svg{width:27px;height:27px;flex:none}
#gameDialog.collectionDialog .dexLoc small{font-size:12px;color:#bfd4df;white-space:nowrap}
#gameDialog.collectionDialog .fishGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#gameDialog.collectionDialog .fishCard{position:relative;border:1px solid color-mix(in srgb,var(--rarity) 46%,#1a3044);border-radius:15px;padding:10px 7px 9px;background:radial-gradient(ellipse at 50% 36%,#3c62706e,transparent 65%),linear-gradient(#21384b,#15283c);text-align:center;box-shadow:0 3px 0 #081827;color:var(--menu-text);transition:border-color .15s,transform .15s}
#gameDialog.collectionDialog .fishCard:hover{border-color:#ffdf98;transform:translateY(-2px);background:radial-gradient(ellipse at 50% 36%,#4c788276,transparent 70%),#234156}
#gameDialog.collectionDialog .rarityLabel{display:block;width:max-content;margin:0 auto 3px;padding:2px 8px;border-radius:7px;color:var(--rarity);background:#0c1d2f99;font-size:10px}
#gameDialog.collectionDialog .fishCard img{display:block;width:100%;height:77px;object-fit:contain}
#gameDialog.collectionDialog .fishCard b{display:block;font-size:14px;font-weight:400;margin:5px 0 6px;color:#f3edd4}
#gameDialog.collectionDialog .fishCard small{display:block;font-size:10px;line-height:1.7;color:#b5cdd6}
#gameDialog.collectionDialog .fishCard .recordLine{color:#e3ce96}
#gameDialog.collectionDialog .fishCard.locked{opacity:1;border-style:dashed}
#gameDialog.collectionDialog .fishCard.locked img{filter:grayscale(.9);opacity:.48}
#gameDialog.collectionDialog .fishCard.locked .recordLine{color:#b0becd}
#gameDialog.collectionDialog .inspectLabel{display:block;font-size:10px;margin-top:8px;padding-top:7px;border-top:1px solid #bdd8df21;color:#c0e4e2}
#gameDialog.collectionDialog .collectionSection{margin:25px 0 12px;color:#f3dfa7;font-size:19px}
#gameDialog.collectionDialog .badgeGrid{display:flex;gap:7px;flex-wrap:wrap}
#gameDialog.collectionDialog .badgeChip{border:1px solid #f3d89688;border-radius:10px;background:#dac07b13;color:#f4e4bc;font-size:12px;padding:8px 10px}
#gameDialog.collectionDialog .badgeChip b{color:#ffda83;font-weight:400}#gameDialog.collectionDialog .badgeChip.off{filter:grayscale(.7)}
#gameDialog.collectionDialog .badgeChip.off{opacity:1;color:#a0b3c2;border-color:#91afc538;border-style:dashed;background:#0d203375}
#gameDialog.collectionDialog .badgeChip.off b{color:#a0b3c2}
#gameDialog.collectionDialog .fishViewer{height:310px;width:100%;background:radial-gradient(ellipse at 50% 42%,#41616b,#192f44 75%);border:1px solid #a0cacf66;border-radius:17px;overflow:hidden;box-shadow:inset 0 0 35px #08142445}
#gameDialog.collectionDialog .fishViewer canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
#gameDialog.collectionDialog .fishViewer canvas:active{cursor:grabbing}#gameDialog.collectionDialog .fishViewer canvas:focus-visible{outline-offset:-4px}
#gameDialog.collectionDialog .fishViewer>img{width:100%;height:100%;object-fit:contain}
#gameDialog.collectionDialog .viewerToolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:13px}
#gameDialog.collectionDialog .viewButtons{display:flex;gap:6px}
#gameDialog.collectionDialog .viewButtons button{min-height:42px;padding:8px 13px;font-size:13px}
#gameDialog.collectionDialog .viewerHint{font:11px/1.7 'Gowun Dodum',sans-serif;color:#acc7d3;margin:13px 0 0;text-align:center}
#gameDialog.collectionDialog .anatomyNotes{margin-top:22px;padding:17px;border:1px solid var(--menu-line);border-radius:14px;background:#10243780}
#gameDialog.collectionDialog .anatomyNotes h3{font-size:18px;color:#eddfa9;line-height:1.5;margin:0}
#gameDialog.collectionDialog .anatomyNotes ul{padding-left:18px;margin-top:10px;color:#c0d4dd;font:12px/1.9 'Gowun Dodum',sans-serif}
#gameDialog.collectionDialog .fishRecord{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;line-height:1.7;margin-top:17px;color:#c1d7df}
#gameDialog.collectionDialog .fishRecord select{background:#1d354a;border:1px solid #94bdd766;border-radius:9px;min-height:40px;padding:8px;color:#e8ebd2;font-size:12px}
@media(max-width:760px){
 #gameDialog.collectionDialog{width:calc(100vw - 22px);max-width:calc(100vw - 22px);max-height:calc(100dvh - 30px);border-radius:18px}
 #gameDialog.collectionDialog .collectionRoot{padding:18px 15px 22px}
 #gameDialog.collectionDialog #modalTitle{font-size:23px}
 #gameDialog.collectionDialog .sub{font-size:12px;margin-bottom:17px}
 #gameDialog.collectionDialog .dexStats{padding:12px 3px;gap:3px}#gameDialog.collectionDialog .dexStats b{font-size:22px}#gameDialog.collectionDialog .dexStats small{font-size:10px}
 #gameDialog.collectionDialog .fishGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #gameDialog.collectionDialog .fishCard img{height:83px}#gameDialog.collectionDialog .fishCard small{font-size:11px}
 #gameDialog.collectionDialog .fishViewer{height:235px}#gameDialog.collectionDialog .viewerToolbar{justify-content:center}
 #gameDialog.collectionDialog .viewButtons button{min-height:44px;padding:8px 11px}
 #gameDialog.collectionDialog .anatomyNotes{padding:13px}#gameDialog.collectionDialog .anatomyNotes h3{font-size:16px}
 #gameDialog.collectionDialog .fishRecord{align-items:start;flex-wrap:wrap}#gameDialog.collectionDialog .badgeChip{font-size:11px}
}
#gameDialog.collectionDialog .anatomyNotes .modalEyebrow{display:block;font-size:11px;line-height:1.6;letter-spacing:0;color:#9abec9;margin:0 0 8px}

/* Ten-species region collections, with the current shore shown first. */
#gameDialog.collectionDialog .dexTabs{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 24px}
#gameDialog.collectionDialog .dexTabs button{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;font-size:12px;min-height:38px;box-shadow:0 2px #0b1e30}
#gameDialog.collectionDialog .dexTabs button[aria-pressed=true]{background:linear-gradient(#658b89,#385d68);color:#fff0b8;border-color:#f1d692}
#gameDialog.collectionDialog .dexTabs svg{width:19px;height:19px}#gameDialog.collectionDialog .dexTabs small{color:#d1e6dd}
#gameDialog.collectionDialog .dexJourneyNote{font:12px/1.7 'Gowun Dodum',sans-serif;margin:-6px 0 16px;color:#d9dbc0}
#gameDialog.collectionDialog .fishEquipmentNote{font:12px/1.8 'Gowun Dodum',sans-serif;padding:12px 15px;color:#efddb4;background:#253c4c;border:1px solid #d2b98355;border-radius:12px}
#gameDialog.collectionDialog .collectionSection small{color:#adcbc9;font-size:13px}
#gameDialog .collectionReward{border:1px solid #8dc8b3;border-radius:13px;padding:12px;color:#d9eee0;background:#21443f;margin:14px 0;font-size:15px}
#gameDialog .collectionReward b{color:#ffe5a0;margin-left:5px}#gameDialog .collectionReward strong{display:block;margin-top:7px;font-size:17px;color:#ffe4a0;font-weight:400}
@media(max-width:760px){#gameDialog.collectionDialog .dexTabs{gap:6px;margin:14px 0 20px}#gameDialog.collectionDialog .dexTabs button{padding:7px 9px;font-size:11px}}
#gameDialog.collectionDialog .unknownFish:disabled{opacity:1;cursor:default;transform:none;filter:none;box-shadow:inset 0 1px #cee3d909}
#gameDialog.collectionDialog .unknownPortrait{height:104px;width:100%;display:grid;place-items:center;font-size:56px;color:#9fbdb37d;text-shadow:0 3px #112737;background:radial-gradient(ellipse,#608a8540,transparent 67%)}
#gameDialog.collectionDialog .unknownFish b{letter-spacing:.13em;color:#aec5c0}#gameDialog.collectionDialog .unknownFish .recordLine{color:#a5bbb7}
@media(max-width:760px){#gameDialog.collectionDialog .unknownPortrait{height:100px}}
#gameDialog.collectionDialog .dexTabs button{font-family:Jua,'Gowun Dodum',sans-serif;color:#e4efdd;border:1px solid #9dbdc57d;border-radius:12px;background:linear-gradient(#3f6170,#2a4557);text-shadow:0 1px #183044}
#gameDialog.collectionDialog .dexTabs button:hover{border-color:#dfd9a6;background:linear-gradient(#527983,#355463)}
#gameDialog.collectionDialog .dexTabs button:focus-visible,#gameDialog .placeDexBtn:focus-visible{outline:3px solid #ffe5a3;outline-offset:3px}
#gameDialog.collectionDialog .placeDexBtn{font-family:Jua,sans-serif;color:#d6e9e2;border:1px solid #8baebc80;border-radius:10px;background:linear-gradient(#3f6170,#2a4557);box-shadow:0 2px #0b2033;cursor:pointer}