/* fctzen 공통 푸터 — 푸터 스타일은 이 파일에만 있다. 마크업은 js/core/footer.js */
#site-footer{--green:#111111;--ink:#242424;--line:#e9e9e9;--muted:#808080;--soft:#f5f5f5;color:#333;font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:14px;font-weight:450;line-height:1.65;letter-spacing:-.025em;text-align:start;text-size-adjust:auto;-webkit-text-size-adjust:auto;-webkit-font-smoothing:antialiased}
@media(max-width:760px){#site-footer{font-size:13px}}
#site-footer *, #site-footer{box-sizing:border-box}
#site-footer button, #site-footer input, #site-footer textarea{font:inherit}
#site-footer button, #site-footer a{-webkit-tap-highlight-color:transparent}
#site-footer button{cursor:pointer}
#site-footer button:focus-visible, #site-footer a:focus-visible{outline:2px solid var(--green);outline-offset:4px}
#site-footer [hidden]{display:none!important}
#site-footer{border-top:1px solid var(--line);padding:28px 36px}
#site-footer .foot{max-width:1024px;margin:auto;display:flex;justify-content:space-between;align-items:center;color:#9ba293;font-size:10px}
#site-footer .foot b{font-size:18px;color:#76866c;letter-spacing:-1px}
#site-footer .foot span{margin-left:18px}
@media(max-width:760px){
#site-footer .foot{gap:20px}
#site-footer .foot span{display:none}
#site-footer{padding:24px 20px}
}
#site-footer button, #site-footer a, #site-footer input, #site-footer textarea{transition:background-color .16s,color .16s,border-color .16s}
#site-footer{padding:26px 24px}
#site-footer .foot{max-width:976px;font-size:10px;color:#a0a69b}
#site-footer .foot b{font-size:17px;color:#424d3b}
#site-footer .foot span{font-size:11px}
@media(max-width:760px){
#site-footer{padding:24px 16px}
#site-footer .foot{gap:12px}
}
@media(prefers-reduced-motion:reduce){
#site-footer button, #site-footer a, #site-footer input, #site-footer textarea{transition:none}
}
#site-footer .foot b{color:#666}
#site-footer .foot{color:#999}
@media(max-width:760px){
body.chat-route>#site-footer{min-height:0;flex:none}
body.chat-route>#site-footer{margin:0}
}
@media(max-width:760px){
body.chat-route.chat-typing>#site-footer{display:none}
}
#site-footer{box-sizing:border-box;margin-top:0;padding:26px 24px;border-top:1px solid #eee;background:#fff}
#site-footer .foot{box-sizing:border-box;width:100%;max-width:976px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;color:#999;font:450 10px/1.5 "Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}
#site-footer .foot b{color:#333;font-size:17px}
#site-footer .foot span{margin-left:18px;font-size:11px}
@media(max-width:760px){
#site-footer{padding:24px 16px}
#site-footer .foot span{display:none}
}
/* 푸터 — 카피라이트 옆 FAMILY SITE 드롭다운 (위로 열림) */
#site-footer .foot-right{display:flex;align-items:center;gap:14px}
#site-footer .family-site{position:relative}
#site-footer .family-toggle{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border:1px solid #ddd;border-radius:0;background:#fff;color:#888;font-size:10px;letter-spacing:.06em;line-height:1}
#site-footer .family-toggle:hover,#site-footer .family-toggle[aria-expanded="true"]{border-color:#bbb;color:#222}
#site-footer .family-toggle svg{transition:transform .15s}
#site-footer .family-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
#site-footer .family-list{position:absolute;right:0;bottom:calc(100% + 4px);z-index:20;min-width:0;margin:0;padding:4px 0;list-style:none;border:1px solid #ddd;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.06)}
#site-footer .family-list a{display:block;padding:7px 10px;color:#555;font-size:11px;letter-spacing:0;text-decoration:none;white-space:nowrap}
#site-footer .family-list a:hover{background:#f5f5f5;color:#111}
@media(max-width:760px){#site-footer .foot-right{gap:10px}}
/* 덜 눈에 띄게 — 테두리 없이 카피라이트처럼 흐린 글자 */
#site-footer .family-toggle{height:auto;padding:2px 0;border:0;background:none;color:#aaa;letter-spacing:.04em}
#site-footer .family-toggle:hover,#site-footer .family-toggle[aria-expanded="true"]{border:0;color:#555}
/* 화살표 대신 + (열리면 세로 막대가 접혀 −) */
#site-footer .family-toggle[aria-expanded="true"] svg{transform:none}
#site-footer .family-toggle .family-plus-v{transform-origin:center;transition:transform .15s}
#site-footer .family-toggle[aria-expanded="true"] .family-plus-v{transform:scaleY(0)}
/* 사이트 이름 옆 대각 화살표 (새 탭으로 나감) */
#site-footer .family-list a{display:flex;align-items:center;gap:5px}
#site-footer .family-out{flex:none;color:#aaa}
#site-footer .family-list a:hover .family-out{color:#111}
#site-footer .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* 아이콘을 글자 가운데(대문자·한글 높이 기준)에 맞춤 — 줄 가운데보다 살짝 위 */
#site-footer .family-out{position:relative;top:0}
#site-footer .family-toggle svg{position:relative;top:0.5px}

/* 공동 도시 그림 — 푸터 바로 위, 본문(1024) 오른쪽 바깥 148px 칸 (다크DB 달력과 같은 가로 위치) */
.city-mark-row{position:relative;max-width:1024px;height:0;margin:0 auto}
.city-mark{position:absolute;left:100%;bottom:0;width:148px;display:flex;justify-content:center;opacity:.9;transition:opacity .15s}
.city-mark:hover{opacity:1}
.city-mark.is-empty{opacity:.3}
.city-mark img{display:block;width:62px;height:auto}
@media(max-width:1270px){.city-mark-row{display:none}}
/* 도시 그림은 항상 진하게 (건설 전 Lv.0 도 흐리게 하지 않음) */
.city-mark,.city-mark.is-empty,.city-mark:hover{opacity:1}
/* 도시 그림은 그림 크기만큼만 차지 — 빈 칸(148px 박스)은 클릭·영역을 먹지 않게 */
.city-mark-row{pointer-events:none}
.city-mark{left:calc(100% + 74px);width:auto;transform:translateX(-50%);pointer-events:auto}
/* 도시 그림 왼쪽 = 다크DB 달력 왼쪽 선(본문 오른쪽 끝) — 그림 속 여백은 footer.js 가 당겨서 맞춘다 */
.city-mark{left:100%;transform:none}