/* 시안 B — A 에서 게임 톤을 한 단계 뺀 판. mock.css 뒤에 읽어 덮어쓴다. */
:root {
  --paper: #f6f1e4;
  --paper-2: #ebe4d2;
  --panel: #fffdf7;
  --line: #2b2118;
  --line-soft: #c9bea6;
  --shadow: 3px 3px 0 var(--line);
  --shadow-s: 2px 2px 0 var(--line);
  --px: 'Pretendard Variable', Pretendard, sans-serif; /* 픽셀 글꼴은 로고·작은 표식에만 */
  --px-l: 'Pretendard Variable', Pretendard, sans-serif;
}
body { background-image: none; }
.px { font-family: var(--sans); font-weight: 600; }

/* 헤더: 무지개 줄 제거, 로고만 픽셀 */
.hud::after { display: none; }
.hud { border-bottom: 0; }
.logo b { font-family: 'Galmuri14', monospace; font-size: 21px; }
.logo small { font-family: var(--sans); font-weight: 500; font-size: 12.5px; color: #d7c9a8; }
.hud .stat { font-family: var(--sans); font-size: 12.5px; }
.hud .btn { font-family: var(--sans); font-weight: 600; font-size: 13px; box-shadow: none; border-width: 1.5px; }
.hud .btn.on { background: var(--paper); border-color: var(--paper); }

/* 창: 테두리 2px, 제목줄은 연한 띠 */
.win { border-width: 2px; }
.win-title { background: var(--paper-2); color: var(--ink); font-family: var(--sans); font-weight: 700; font-size: 13.5px; border-bottom-width: 2px; padding: 7px 14px; }
.win-title .r { color: var(--ink-3); font-weight: 500; }

/* 안내 창구: 캐릭터는 작게, 깜빡임 없음 */
.desk .win-body { grid-template-columns: 72px 1fr; }
.sprite { width: 72px; height: 72px; border-width: 2px; box-shadow: none; background: #fff; }
.sprite i { transform: scale(0.75); transform-origin: 0 0; left: 9px; top: 9px; animation: none; }
.speech .px { font-family: var(--sans); font-weight: 700; font-size: 1.15rem; }
.speech .px::after { display: none; }
.search { border-width: 2px; box-shadow: none; }
.search kbd { font-family: var(--sans); background: var(--paper-2); box-shadow: none; border-width: 1.5px; }

/* 절 제목 */
.sec-h h2 { font-family: var(--sans); font-weight: 800; font-size: 1.2rem; letter-spacing: -0.01em; }
.sec-h h2::before { content: ''; display: inline-block; width: 10px; height: 10px; background: var(--tangerine); margin-right: 8px; vertical-align: 1px; }
.sec-h .more { font-family: var(--sans); font-weight: 500; border-bottom: 1px solid var(--line-soft); }

/* 게임 선반 */
.cart .pic { border-width: 2px; box-shadow: var(--shadow-s); }
.cart .lbl .n { font-family: var(--sans); font-weight: 500; }
.cart .new { font-family: var(--sans); font-weight: 700; font-size: 10.5px; box-shadow: none; border-width: 1.5px; }
.shelf-floor { background: none; border-top: 2px solid var(--line-soft); height: 0; }

/* 메뉴·버튼 */
.menu-row { border-bottom: 1px solid var(--paper-2); }
.menu-row .g .px { font-family: var(--sans); font-weight: 700; }
.menu-row .g img { border-width: 1.5px; }
.pb { border-width: 1.5px; box-shadow: 2px 2px 0 var(--line-soft); font-size: 0.83rem; }
.pb:hover { background: #fff3d6; }
.menu .foot { font-family: var(--sans); font-weight: 600; font-size: 13px; border-top-width: 2px; }

/* 순위·게시판 */
.rank li, .log li { border-bottom: 1px solid var(--paper-2); }
.rank .no { font-family: var(--sans); font-weight: 800; font-size: 15px; }
.rank .g, .log .g { font-family: var(--sans); font-weight: 500; }
.log .d { font-family: var(--sans); font-weight: 600; font-size: 11.5px; background: var(--paper-2); border-width: 1.5px; }

/* 푸터 */
footer .ground { height: 6px; background: var(--tangerine); border-bottom: 0; }
footer .wrap { font-family: var(--sans); font-weight: 500; }

/* 게임 페이지 */
.game-head .pic { border-width: 2px; }
.game-head h1 { font-family: var(--sans); font-weight: 800; font-size: 2rem; letter-spacing: -0.02em; }
.game-head h1 small { font-family: var(--sans); font-weight: 600; }
.tag { font-family: var(--sans); font-weight: 600; border-width: 1.5px; }
.tag.o { background: var(--ink); }
.stage li { border-bottom-width: 2px; }
.stage .no { font-family: var(--sans); font-weight: 800; font-size: 17px; border-right-width: 2px; }
.stage li.cur .no { background: var(--tangerine); color: #fff; }
.stage .cur b::after { font-family: var(--sans); }

/* 글 페이지 */
.crumbs { font-family: var(--sans); font-weight: 500; }
.post-head .kicker { font-family: var(--sans); font-weight: 700; font-size: 12.5px; box-shadow: none; border: 0; }
.meta { border-bottom-width: 2px; }
.meta .px { font-family: var(--sans); font-weight: 500; }
.prose h2 {
  font-family: var(--sans); font-weight: 800; font-size: 1.25rem; letter-spacing: -0.01em;
  background: none; color: var(--ink); border: 0; box-shadow: none; padding: 0 0 6px; display: block;
  border-bottom: 3px solid var(--ink);
}
.prose h2::before { content: ''; display: inline-block; width: 10px; height: 10px; background: var(--onsen); margin-right: 8px; }
.table-wrap { border-width: 2px; box-shadow: var(--shadow-s); }
.prose thead th { font-family: var(--sans); font-weight: 700; font-size: 0.82rem; }
.prose tbody th[colspan] { font-family: var(--sans); font-weight: 700; font-size: 0.82rem; background: var(--paper-2); border-top-width: 1.5px; border-bottom-width: 1.5px; }
.prose tbody th[colspan]::before { content: ''; }
.prose td { border-bottom-style: solid; border-bottom-color: #ece5d3; border-right: 0; }
.callout { border-width: 2px; }
.callout::before { font-family: var(--sans); font-weight: 700; font-size: 11.5px; border-width: 1.5px; background: var(--paper-2); }
.author-box { border-width: 2px; background: var(--panel); }
.author-box b { font-family: var(--sans); font-weight: 700; }
.author-box .face { border-width: 2px; background: #fff; }
.prevnext a { border-width: 2px; }
.prevnext span { font-family: var(--sans); font-weight: 500; }
.side .stage .no { font-size: 13px; }
details.m-only { border-width: 2px; }
details.m-only summary { font-family: var(--sans); font-weight: 700; }