/* 낚시냥 소개 페이지: 앱 안의 아늑한 도트 게임 느낌(나무·양피지·줄무늬 차양)을 그대로 가져온다 */
@font-face{font-family:Galmuri;src:url('/crownfishing/fonts/galmuri11-bold-subset.woff2') format('woff2');font-weight:700;font-display:swap}
.fish-page{--wood-bg:#6b4128;--wood:#2b1a10;--wood-m:#5b3a22;--paper:#fdf3dc;--ink:#4a2d1a;--red:#c8554b;--gold:#e0ac2c;--px:Galmuri,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;background:var(--wood-bg) url(img/ui/table.png) 0 0/128px 96px;image-rendering:pixelated}
.fish-page .site-header{background:var(--paper);border-bottom:3px solid var(--wood)}
.fish-page :is(img){image-rendering:auto}
.fish{color:#fff;overflow-x:clip}
.fish .wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:16px}
.fish h1,.fish h2,.fish h3{font-family:var(--px);font-weight:700;letter-spacing:0;word-break:keep-all}
.fish .awning{height:44px;background:url(img/ui/awning.png) repeat-x left top/320px 44px;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.2))}
.fish .back-link{display:inline-block;margin:24px 0 20px;font-size:13px;color:#f6e9cf}
.fish .back-link:hover{color:#fff}

/* 첫 화면 */
.hero-fish{display:grid;gap:32px;padding-bottom:36px}
.title-row{display:flex;align-items:center;gap:16px}
.title-row img{width:84px;height:84px;border-radius:20px;border:3px solid var(--wood);box-shadow:0 4px 0 rgba(0,0,0,.3)}
.hero-fish h1{font-size:40px;line-height:1.1;text-shadow:0 3px 0 var(--wood)}
.hero-fish h1 small{display:block;font-size:14px;margin-top:8px;color:#ead9b8;text-shadow:none}
.pitch{font-family:var(--px);font-size:21px;line-height:1.5;margin-top:24px;text-shadow:0 2px 0 var(--wood)}
.fish .lead{font-size:16px;line-height:1.8;margin-top:14px;color:#fdf3dc;max-width:520px}
.fish .en{font-size:13px;color:#ead9b8;margin-top:8px}
.btn-px{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 28px;font-family:var(--px);font-size:17px;font-weight:700;color:#fff;border:solid transparent;border-width:10px 10px 12px;border-image:url(img/ui/btn_green.png) 15 15 18 fill/10px 10px 12px stretch;image-rendering:pixelated;text-shadow:0 2px 0 rgba(0,0,0,.4);transition:transform .15s}
.btn-px:hover{transform:translateY(-2px)}.btn-px:active{transform:translateY(2px)}
.btn-px:focus-visible,.fish a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:26px}
.cta a:not(.btn-px){font-size:14px;color:#f6e9cf;text-decoration:underline;text-underline-offset:4px}
.hero-visual{display:none}

/* 화면 모음 */
.gallery{position:relative;padding:18px 0 40px}
.gallery h2,.board h2,.collect h2{font-size:26px;line-height:1.35;text-shadow:0 3px 0 var(--wood)}
.gallery h2{margin-bottom:20px}
.track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 18px;scroll-padding-inline:16px;scrollbar-width:thin;scrollbar-color:var(--wood) transparent;-webkit-overflow-scrolling:touch}
.track:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.track figure{margin:0;flex:0 0 min(68vw,290px);scroll-snap-align:start}
.slide{display:block;width:100%;height:auto;aspect-ratio:660/1434;border-radius:16px;border:4px solid var(--wood);background:var(--wood);box-shadow:0 6px 0 rgba(0,0,0,.28)}
.arrows{display:none}

/* 이렇게 써요: 나무 바닥 위 양피지 판 */
.board{background:url(img/ui/shop_wall.png) 0 0/192px 192px;image-rendering:pixelated;padding:44px 0 48px;border-block:4px solid var(--wood)}
.board .wrap>*{image-rendering:auto}
.board h2{margin-bottom:26px}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.step{display:grid;grid-template-columns:128px 1fr;gap:16px;align-items:center;color:var(--ink);padding:14px;border:solid transparent;border-width:12px;border-image:url(img/ui/parchment.png) 18 fill/12px stretch;image-rendering:pixelated}
.step>*{image-rendering:auto}
.watch{width:100%;border:5px solid #1c1411;border-radius:24px;background:#000;box-shadow:0 0 0 2px #7a6a5c,0 5px 0 2px rgba(0,0,0,.3);overflow:hidden}
.watch img{display:block;width:100%;height:auto;aspect-ratio:422/514}
.step h3{font-size:18px;line-height:1.35;color:var(--wood)}
.step p{font-size:14px;line-height:1.7;margin-top:6px}
.step .no{display:inline-block;font-family:var(--px);font-size:12px;color:#fff;background:var(--red);padding:2px 8px;margin-bottom:8px;border-radius:4px}
.board .after{margin-top:22px;font-size:14px;line-height:1.7;color:#f6e9cf}

/* 모으고 꾸미고 키우고 */
.collect{padding:52px 0 8px}
.collect h2{margin-bottom:26px}
.perks{display:grid;gap:16px}
.perk{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:start;padding:18px;border-radius:14px;background:var(--paper);color:var(--ink);border:3px solid var(--wood);box-shadow:0 5px 0 rgba(0,0,0,.35)}
.perk img{grid-row:span 2;width:30px;image-rendering:pixelated;margin-top:2px}
.perk h3{font-size:18px;line-height:1.4}
.perk p{font-size:14px;line-height:1.75;color:var(--ink)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;max-width:420px}
.pair figure{margin:0}.pair figcaption{font-size:12px;color:#ead9b8;margin-top:8px;text-align:center}

/* 만들면서 신경 쓴 것 */
.craft{padding:48px 0 12px}
.fish .note{font-size:12.5px;color:#ead9b8;margin-top:28px;line-height:1.7}
.next{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:36px;padding:22px 0 56px;border-top:3px dashed rgba(255,255,255,.35)}
.next span{font-size:12px;color:#ead9b8;display:block}
.next strong{font-family:var(--px);font-size:28px;line-height:1.3}
.next i{font-style:normal;font-size:28px;transition:transform .3s}.next:hover i{transform:translateX(8px)}
.fish-page .site-footer{margin:0}

@media(min-width:700px){
.fish .wrap{padding-inline:32px}
.hero-fish h1{font-size:56px}.title-row img{width:110px;height:110px;border-radius:26px}
.pitch{font-size:26px}
.track{padding-inline:32px;scroll-padding-inline:32px;gap:20px}.track figure{flex-basis:260px}
.steps{grid-template-columns:repeat(3,1fr)}
.step{grid-template-columns:1fr;text-align:left}.step .watch{max-width:190px;margin-inline:auto}
.perks{grid-template-columns:repeat(2,1fr)}
.pair{max-width:none;grid-template-columns:repeat(3,1fr)}
}
@media(min-width:1000px){
.hero-fish{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;padding-bottom:64px}
.hero-visual{display:block;position:relative;height:520px}
.hero-visual img{position:absolute;width:236px;height:auto;aspect-ratio:660/1434;border-radius:16px;border:4px solid var(--wood);box-shadow:0 8px 0 rgba(0,0,0,.28)}
.hero-visual img:first-child{left:6%;top:0;transform:rotate(-4deg)}
.hero-visual img:last-child{right:6%;top:50px;transform:rotate(3deg)}
.gallery{padding-top:28px}
.track{padding-inline:max(32px,calc((100vw - 1096px)/2));scroll-padding-inline:max(32px,calc((100vw - 1096px)/2))}
.track figure{flex-basis:270px}
.arrows{display:flex;gap:10px;position:absolute;top:0;right:max(32px,calc((100vw - 1096px)/2))}
.arrows button{width:48px;height:48px;font-family:var(--px);font-size:20px;color:#fff;border:solid transparent;border-width:10px 10px 12px;border-image:url(img/ui/btn_wood.png) 15 15 18 fill/10px 10px 12px stretch;image-rendering:pixelated;padding:0;display:grid;place-items:center;background:none}
.arrows button:active{transform:translateY(2px)}
.arrows button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.fish .wrap.wide-gap{padding-inline:32px}
}
@media(prefers-reduced-motion:reduce){.track{scroll-behavior:auto}.btn-px,.next i{transition:none}}
@media(prefers-reduced-motion:no-preference){.track{scroll-behavior:smooth}}
.fish-page .site-footer{background:var(--wood);color:var(--paper);border-top:4px solid #1a0f08;--line:rgba(253,243,220,.25);--muted:#d9c9a5}
.fish-page .site-footer :is(a,span){color:inherit}
.pair .watch{max-width:190px;margin-inline:auto}
.step{align-items:start}
/* 나무 바닥 위에서 테두리가 묻히지 않게 밝은 나무 링을 한 겹 더 두른다 */
.slide,.hero-visual img{box-shadow:0 0 0 3px #b98254,0 9px 0 3px rgba(0,0,0,.4)}
.title-row img{box-shadow:0 0 0 3px #b98254,0 6px 0 3px rgba(0,0,0,.4)}
.arrows button{border-image-source:url(img/ui/btn_gold.png);color:var(--wood)}
.cta a:not(.btn-px){color:#fdf3dc}
.fish-page .site-footer{border-top-color:#b98254}
/* 안드로이드 사전예약: 양피지 공지판 + 금색 버튼 */
.prereg{padding:8px 0 28px}
.notice{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;color:var(--ink);padding:14px 10px;border:solid transparent;border-width:12px;border-image:url(img/ui/parchment.png) 18 fill/12px stretch;image-rendering:pixelated;box-shadow:0 8px 0 rgba(0,0,0,.35)}
.notice>*{image-rendering:auto}
.notice>img{width:30px;image-rendering:pixelated;margin-top:4px}
.fish .notice h2{font-size:21px;line-height:1.4;color:var(--wood);text-shadow:none;margin:0}
.notice p{font-size:15px;line-height:1.7;margin-top:8px}
.btn-gold{margin-top:16px;color:var(--wood);text-shadow:none;border-image-source:url(img/ui/btn_gold.png)}
.notice small{display:block;margin-top:12px;font-size:12.5px;line-height:1.6;color:#7a5a3e}
@media(min-width:700px){.notice{grid-template-columns:auto 1fr;padding:22px 26px;gap:20px}.fish .notice h2{font-size:28px}.notice p{font-size:17px}}
/* 언어 전환: 일반 링크 두 개. 지금 보는 언어는 금색으로 눌려 있다 */
.toprow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 20px}
.fish .toprow .back-link{margin:0}
.lang{display:inline-flex;gap:4px;padding:3px;background:var(--wood);border:2px solid #1a0f08;border-radius:8px}
.lang a{font-family:var(--px);font-size:13px;line-height:1;padding:9px 12px;border-radius:5px;color:#f6e9cf;min-height:32px;display:inline-flex;align-items:center}
.lang a[aria-current]{background:var(--gold);color:var(--wood);box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.lang a:not([aria-current]):hover{background:rgba(255,255,255,.12)}
/* 지원·개인정보 링크: 페이지 맨 아래, 푸터 바로 위 */
.next{padding-bottom:28px}
.legal{display:flex;flex-wrap:wrap;gap:8px 24px;padding:0 0 52px}
.legal a{font-size:14px;color:#f6e9cf;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.legal a:hover{color:#fff}