:root{--shell:#3b3f6b;--shell-dark:#262948;--paper:#f8f8f0;--ink:#283050;--gold:#f8b800;--dim:#a0a8cc}
*{box-sizing:border-box}
body{margin:0;background:var(--shell);color:var(--ink);font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;font-size:16px;line-height:1.75}
a{color:#3050b0}
.site-head{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:center;padding:14px 16px;font-family:Galmuri11,monospace}
.site-head nav{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.site-head a{color:var(--paper);text-decoration:none;font-size:14px}
.site-head a.logo{color:var(--gold);font-size:17px}
.site-head a.lang{border:2px solid var(--paper);padding:0 8px;font-size:13px}
.site-head a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.site-head a:focus-visible,.site-foot a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
main.page{max-width:720px;margin:6px auto 24px;background:var(--paper);border:3px solid var(--ink);box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--ink);padding:28px 32px}
.page h1{font-family:Galmuri14,Galmuri11,monospace;font-weight:normal;font-size:26px;line-height:1.3;margin:0 0 12px}
.page h2{font-family:Galmuri11,monospace;font-weight:normal;font-size:19px;line-height:1.4;margin:36px 0 8px;padding-top:12px;border-top:3px solid var(--ink)}
.page p,.page li{max-width:62ch}
.page .toc{display:flex;flex-wrap:wrap;gap:6px 14px;font-family:Galmuri11,monospace;font-size:14px}
.fish{display:grid;grid-template-columns:108px 1fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px dashed #c8c8d8}
.fish:last-child{border-bottom:0}
.fish img{image-rendering:pixelated;justify-self:center;margin-top:6px;max-width:100%;height:auto}
.fish h3{margin:0;font-family:Galmuri11,monospace;font-weight:normal;font-size:17px}
.fish p{margin:2px 0}
.fish .meta{font-size:13px;color:#6870a0;font-family:Galmuri9,monospace}
.fish h3 a{color:inherit;text-decoration:none}.fish h3 a:hover{text-decoration:underline}
.crumb{font-size:13px;color:#6870a0;margin:0}
.fishhero{text-align:center;margin:12px 0}.fishhero img{image-rendering:pixelated;max-width:100%;height:auto}
.facts{border-collapse:collapse;width:100%;margin:8px 0 4px}.facts th,.facts td{border:2px solid var(--ink);padding:6px 10px;text-align:left}.facts th{background:#eef2fb;font-weight:normal;width:34%;font-family:Galmuri11,monospace}
.related{font-size:14px}
.protnote{background:#eef8ee;border:2px solid #58a868;padding:8px 12px}
.fishnav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:28px;font-size:14px}
.ingame{background:#eef2fb;border:2px solid var(--ink);padding:12px 16px;margin:32px 0 8px}
.ingame>b{font-family:Galmuri11,monospace;font-weight:normal}
.ingame p{margin:6px 0 0}
.page table{border-collapse:collapse;width:100%;font-size:15px;margin:8px 0}
.page th,.page td{border:1px solid #c8c8d8;padding:6px 8px;text-align:left;vertical-align:top}
.page th{background:#ecece2;font-weight:normal;font-family:Galmuri11,monospace}
.cards{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.cards a{display:block;border:2px solid #d8d8e4;padding:12px 14px;text-decoration:none;color:inherit}
.cards a:hover,.cards a:focus-visible{border-color:var(--ink);outline:none}
.cards b{display:block;font-family:Galmuri11,monospace;font-weight:normal;font-size:17px;color:#3050b0;margin-bottom:2px}
.cards span{font-size:14px;color:#505878}
.more{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:14px;border-top:1px dashed #c8c8d8;font-size:14px}
.ad{max-width:720px;margin:0 auto 24px;padding:0 16px;text-align:center}
.ad small{display:block;color:var(--dim);font-size:12px;margin-bottom:4px}
.site-foot{text-align:center;color:var(--dim);font-size:13px;padding:8px 16px 36px;font-family:Galmuri9,monospace}
.site-foot a{color:var(--dim)}
@media (max-width:560px){main.page{margin:6px 12px 20px;padding:20px 18px}.page h1{font-size:22px}
  .site-head{position:relative;justify-content:flex-start;padding:12px 14px 8px}
  .site-head nav{width:100%;flex-wrap:nowrap;justify-content:space-between;gap:8px}
  .site-head a{font-size:13px;white-space:nowrap}
  .site-head a.lang{position:absolute;top:12px;right:14px}}