@import url(/fonts/pretendard.css);   /* 글자체 — @import 는 다른 규칙보다 앞이어야 먹는다(10/29) */
/* 노랑이 다크 — 모든 화면 공통(10/28 재원 님: "우리 대회 화면의 노랑이 무늬 배경을 모든 페이지에").
   10/25 할로윈 대회 화면(#view.hw)에만 있던 바탕·먹색 차림을 사이트 전체로 넓혔다. 큰 화면(body.tv)은 따로 어두운 차림이라 빼고,
   페이지마다 이름이 다른 색 변수(--pg·--card·--grey·--hair…)는 그 페이지 <style> 끝 «노랑이 다크» 덩어리에서 바꾼다. 여기는 공통만.
   :root 를 앞에 붙여 페이지 규칙(body.guest:not(.tv) 같은)보다 한 단 세게 둔다. 로고 칸·QR 은 그림 글자가 먹색이라 흰 면 그대로 */
:root{color-scheme:dark}

/* 글자·줄간격 한 벌(10/29 재원 님 «줄간격·간격·글자체 일치») — 쪽마다 15·15.5·16px, 줄 1.5~1.65, 첫 글꼴이 -apple-system 인 곳도 있어
   같은 글이 쪽마다 달라 보였다. Pretendard(눈누 등재, OFL)를 실제로 받아(/fonts/) 모든 쪽 첫 글꼴로, 본문 줄간격 1.6·자간 -0.01em.
   제목(h1~h3)은 :where 로 세기 0 — 페이지가 직접 준 제목 크기·줄은 그대로 이기고, 안 준 곳만 1.3 으로 맞춘다. 고정폭(--mono)은 건드리지 않는다 */
html:root{--sans:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;--kr:var(--sans)}
html:root:lang(zh){--sans:'Pretendard','PingFang SC','Microsoft YaHei','Noto Sans SC','Apple SD Gothic Neo',system-ui,sans-serif}
:root body:not(.tv){font-family:var(--sans);line-height:1.6;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
:root:lang(zh) body:not(.tv){word-break:normal;letter-spacing:0}
:where(body:not(.tv)) :where(h1,h2,h3){line-height:1.3;letter-spacing:-.02em}
:where(body:not(.tv)) :where(button,input,select,textarea){font-family:inherit;letter-spacing:inherit}
/* 무늬는 먹색 막을 한 겹 덮어 옅게 둔다(10/28 ui-1028 72% → 10/29 ux-1029 82%, 재원 님 «글자가 잘 안 보여») — 무늬 자체는 재원 님 결정이라 남긴다 */
:root body:not(.tv){background:linear-gradient(rgba(10,9,16,.82),rgba(10,9,16,.82)),#0A0910 url(/with/bg-norangi-tile.webp) 0 0/180px 260px repeat;color:#F4F1FA}
/* 글 속 고리는 흰 글자+옅은 밑줄(10/28 ui-1028) — 노랑 #FFD54A 는 카카오와 색상각 8도(12도 규칙 위반), 라임은 '한 화면에 한 점' 단추 몫이라 둘 다 안 쓴다. :where 로 세기를 0,0,1 에 묶어, 페이지가 색을 준 고리(카드 제목·바닥글·상단 메뉴)는 페이지 색이 이긴다 */
:where(body:not(.tv)) :where(p,li,dd,td,.meta,.hint,small) > a:where(:not([class])){color:#F4F1FA;text-decoration:underline;text-decoration-color:rgba(244,241,250,.55);text-underline-offset:3px}
:root body:not(.tv) input:not([type=checkbox]):not([type=radio]):not([type=range]),
:root body:not(.tv) select,:root body:not(.tv) textarea{background-color:#251E33;color:#F4F1FA;border-color:#342B47}   /* 줄임(background)으로 쓰면 페이지가 그린 select 화살표 그림까지 지운다 */
:root body:not(.tv) input::placeholder,:root body:not(.tv) textarea::placeholder{color:#9C93AE}
:root body:not(.tv) .logos > *,:root body:not(.tv) .qr,:root body:not(.tv) img[src*="qr"]{background:#FFFFFF}
:root body:not(.tv) .logos > *{color:#0B1020}   /* 그림 대신 이름 글자로 든 로고 칸 — 흰 면 위라 먹 글자 */

/* 상단 바(menu.js .hk-top) — 바탕 무늬와 같은 먹색 반투명 */
:root .hk-top{background:rgba(10,9,16,.86);color:#F4F1FA;border-bottom-color:rgba(255,255,255,.08)}
:root .hk-top .hk-me{background:rgba(255,255,255,.08);color:#F4F1FA;border-color:rgba(255,255,255,.2)}
:root .hk-top .hk-links a:hover,:root .hk-top .hk-links a[aria-current=page]{background:rgba(255,255,255,.1)}
:root .hk-top .hk-links a{color:inherit}
:root .hk-top .hk-cta,:root .hk-top .hk-cta:visited,:root .hk-top .hk-cta:hover{background:#F4F1FA;color:#0A0910!important;-webkit-text-fill-color:#0A0910}   /* 흰 단추 글씨는 덮어써도 먹색(10/30 가설 ③) */
:root .hk-nx{background:#1E1829;border-color:#342B47;color:#F4F1FA}
:root .hk-nx button{color:#D3CCE0}
:root .hk-nx button:hover{background:#251E33}
/* 아래 탭(#hk-tabs)·대회 탭 줄(#hk-sub) */
:root #hk-tabs{background:rgba(10,9,16,.94);border-top-color:rgba(255,255,255,.08)}
:root #hk-tabs a{color:#B9B0CA}
:root #hk-tabs a[aria-current=page]{color:#F4F1FA}
:root #hk-tabs a[aria-current=page] i{background:#F4F1FA}
:root #hk-tabs a:focus-visible{outline-color:#F4F1FA}
:root #hk-sub a{background:#1B1526;color:#F4F1FA;border-color:#342B47}
:root #hk-sub a[aria-current=page]{background:#F4F1FA;color:#0A0910;border-color:#F4F1FA}
/* 메뉴 판(#menu-sheet) */
:root #menu-sheet .pn{background:#17121F;color:#F4F1FA}
:root #menu-sheet .grip{background:#342B47}
:root #menu-sheet .mh button{background:#251E33;color:#F4F1FA}
:root #menu-sheet .mquick a{color:#F4F1FA}
:root #menu-sheet .mquick a:hover,:root #menu-sheet .mquick a:focus-visible{background:#251E33}
:root #menu-sheet .mquick .ic{background:#251E33;color:#F4F1FA}
:root #menu-sheet .mquick small,:root #menu-sheet #menu-all small,:root #menu-sheet #menu-logout{color:#B9B0CA}
:root #menu-sheet #menu-all{color:#F4F1FA;border-top-color:#342B47}
:root #menu-sheet #menu-all:focus-visible{outline-color:#F4F1FA}
:root #menu-sheet #menu-admin{background:#3A2C0E;color:#FFD27A}
:root #menu-sheet #menu-notice{background:#1F2A10;color:#F4F1FA}
:root #menu-sheet .msub a{background:#1E1829;border-color:#342B47;color:#F4F1FA}
:root #menu-sheet a .zero{background:#3A2C0E;color:#FFD27A}
/* 안내 묶음(.hk-hub — 첫 화면·안내 화면) */
:root .hk-hub section{background:#17121F;border-color:#342B47}
:root .hk-hub .hq{background:#1E1829;border-color:#342B47;color:#D3CCE0}
:root .hk-hub .hq[aria-expanded=true]{background:#F4F1FA;border-color:#F4F1FA;color:#0A0910}
:root .hk-hub .hd{color:#B9B0CA}
:root .hk-hub .hh{color:#F4F1FA}
:root .hk-hub .hh .ic{background:#3A2C0E;color:#FFD27A}
:root .hk-hub .hl a{background:#251E33;color:#F4F1FA}