/* 오락실의 남색·청록·동전색만 재사용합니다. 공통 메뉴·다른 게시판에는 스타일을 적용하지 않습니다. */
.arcade-social-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0}
.arcade-social-filters a,.arcade-social-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:38px;padding:7px 12px;border:1px solid #426078;border-radius:6px;background:linear-gradient(180deg,#294565,#10243e);box-shadow:inset 0 1px #ffffff24,0 2px #040b16;color:#edf3fd;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;white-space:normal;text-align:center;cursor:pointer}
.arcade-social-filters a[aria-current="page"],.arcade-social-button.is-primary{border-color:#83e9df;background:linear-gradient(135deg,#fff56a,#69fff1);color:#102134}
.arcade-social-filters a:hover,.arcade-social-button:hover{border-color:#83e9df;text-decoration:none}
.arcade-social-filters a:focus-visible,.arcade-social-button:focus-visible,.arcade-social-form select:focus-visible{outline:2px solid #fff56a;outline-offset:3px}
.arcade-social-badge{display:inline-block;max-width:100%;padding:1px 6px;border:1px solid #426078;border-radius:4px;background:#182b41;color:#c9ddf3;font-size:11px;font-weight:700;line-height:1.6;vertical-align:middle;white-space:nowrap}
.arcade-social-badge.is-open{border-color:#83e9df;color:#a1fff0;background:#123b3c}
/* 긴 게임명·버튼은 줄바꿈하고 최소 열 너비를 0으로 두어 320px에서도 겹치지 않습니다. */
.arcade-social-panel,.arcade-social-form{box-sizing:border-box;min-width:0;margin:12px 0;padding:14px;border:1px solid #426078;border-top:2px solid #83e9df;border-radius:8px;background:#151f30;color:#edf3fd;font-size:13px;line-height:1.6}
.arcade-social-panel{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.arcade-social-copy{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}
.arcade-social-copy strong{display:block;margin-top:4px;font-size:16px}
.arcade-social-copy p,.arcade-social-form p{margin:5px 0;color:#b1c0d6}
.arcade-social-copy small,.arcade-social-form small,.arcade-social-note{color:#b1c0d6;font-size:12px;font-weight:400}
.arcade-social-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.arcade-social-actions form{margin:0}
.arcade-social-form legend{padding:0 6px;color:#a1fff0;font-weight:700}
.arcade-social-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:end;gap:10px;margin:12px 0}
.arcade-social-fields label{display:flex;flex-direction:column;gap:5px;min-width:0;color:#edf3fd;font-size:13px}
.arcade-social-form select{box-sizing:border-box;min-height:40px;width:100%;min-width:0;padding:8px;border:1px solid #426078;border-radius:5px;background:#102134;color:#edf3fd;font:inherit}
.arcade-social-options{min-width:0;margin:10px 0}
.arcade-social-options>summary{padding:9px 12px;border:1px solid #426078;border-radius:6px;background:#151f30;color:#a1fff0;font-size:13px;font-weight:700;cursor:pointer}
.arcade-social-options>summary small{color:#b1c0d6;font-size:12px;font-weight:400}
.arcade-social-options>summary:focus-visible{outline:2px solid #fff56a;outline-offset:3px}
.arcade-board-social-search{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0;font-size:13px}
.arcade-board-social-search input:not([type="hidden"]){flex:1 1 160px;min-width:0;box-sizing:border-box;min-height:38px;padding:7px 9px;border:1px solid #426078;border-radius:5px;background:#102134;color:#edf3fd;font:inherit}
/* 기존 제목 줄의 말줄임은 유지하되 작은 상태 배지는 축소하지 않아 상태 글자가 잘리지 않게 합니다. */
.arcade-community-row .arcade-social-badge,.post-title-link .arcade-social-badge{flex-shrink:0}
/* 새 검색·분류 줄은 기존 게시판 머리글과 같은 안쪽 선에 정렬합니다. */
.arcade-community-panel>.arcade-social-filters{margin:10px 16px 8px}
.arcade-community-panel>.arcade-board-social-search{margin:10px 16px}
.arcade-community-panel .arcade-community-actions a{min-height:38px}
@media(max-width:720px){
    .arcade-community-panel>.arcade-social-filters,.arcade-community-panel>.arcade-board-social-search{margin-inline:10px}
    .arcade-community-actions>.arcade-social-button{grid-column:1/-1;grid-row:1}
    /* 좁은 제목 열에서는 배지와 제목을 함께 줄바꿈해 모집 상태 때문에 제목 전체가 사라지지 않게 합니다. */
    .arcade-board-page .arcade-community-row:not(.head) .title,.arcade-board-page .arcade-community-row:not(.head) .author{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
}
@media(max-width:600px){.arcade-board-social-search label{flex-basis:100%}}
@media(max-width:600px){.arcade-social-fields{grid-template-columns:minmax(0,1fr)}.arcade-social-panel{padding:12px}.arcade-social-actions{width:100%}.arcade-social-button{flex:1 1 auto}.arcade-social-actions form{flex:1 1 auto}.arcade-social-actions form button{width:100%}}