/* 한 판 놀이방 — 모든 페이지 공통 스타일. 색은 각 페이지의 토큰(--ink-soft, --line)을 쓴다. */
.home {
  flex-basis: 100%;
  justify-self: start;
  font-size: 0.8125rem;
  color: var(--ink-soft);
  text-decoration: none;
}
.home:hover { text-decoration: underline; }
.home:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }

.site-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  margin-top: 12px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  font-size: 0.8125rem;
}
.site-footer a { color: var(--ink-soft); text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }
.site-footer a:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }

/* 광고 자리: config.js 에 슬롯 번호가 들어오기 전에는 hidden 으로 공간을 차지하지 않는다 */
.ad-slot { display: grid; gap: 4px; min-width: 0; overflow: hidden; }
.ad-label { font-size: 0.6875rem; letter-spacing: 0.08em; color: var(--ink-soft); }

/* 여럿이 하는 방 (shared/online.js createParty) 의 이름 칸과 명단 */
.join input.party-name { letter-spacing: 0; text-transform: none; font: 500 0.875rem/1.2 inherit; font-family: inherit; }
.party-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; font-size: 0.875rem; }
.party-list li { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.party-list li b { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.party-list li span { font-size: 0.75rem; color: var(--ink-soft); white-space: nowrap; }

/* 좁은 화면에서 설정으로 바로 가는 단추 (shared/site.js settingsButton) */
.to-settings {
  position: fixed;
  z-index: 40;
  top: calc(10px + env(safe-area-inset-top, 0px));
  right: calc(12px + env(safe-area-inset-right, 0px));
  padding: 7px 13px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--ink);
  color: var(--on-ink, #FFF);
  font: 700 0.8125rem/1.2 "Gothic A1", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  scroll-margin-top: 0;
}
.to-settings:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }
aside.panel { scroll-margin-top: 56px; }