/* 右上の歯車（設定パネル）と、結果発表まわりの部品。 */

/* 歯車：ふだんは右上。ジョッキ（杯数カウンター）が出ている画面では、その左に並ぶ */
.settings-launch { right: max(16px, calc((100vw - 430px)/2 + 16px)); }
body:has(#drink-counter:not([hidden])) .settings-launch { right: calc(max(16px, calc((100vw - 430px)/2 + 16px)) + 56px); }
.settings-launch:focus-visible, .settings-dialog button:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }

.settings-sheet__panel { margin-top: 16px; }
.settings-sheet__note { margin-top: 12px; font-size: 12px; font-weight: 700; color: var(--muted); line-height: 1.6; }
.settings-sheet__links { margin-top: 18px; gap: 10px; }
.settings-sheet__links .row__arrow { font-size: 22px; line-height: 1; }

/* 「当てた人」をタップする欄。人数が多くても折り返して全員出す */
.pick-row { display: flex; flex-wrap: wrap; gap: 8px; }
.pick-row .chip { min-height: 40px; padding: 0 14px; }