/* 세 커뮤니티 메인만 현재 오락실의 캐비닛·청록 간판·입체 버튼 테마로 연결합니다.
   전체메뉴·로그인·개별 게시판·글쓰기·자료실·오락실 원본은 바꾸지 않으며 새 이미지·글꼴·애니메이션을 요청하지 않습니다. */
body.community-arcade{--community-arcade-bg:#0b1220;--community-arcade-surface:#151f30;--community-arcade-line:#293b54;--community-arcade-ink:#edf3fd;--community-arcade-muted:#b1c0d6;--community-arcade-mint:#83e9df;--community-arcade-gold:#f9d890;--community-arcade-primary:linear-gradient(135deg,#fff56a,#69fff1);--community-arcade-secondary:linear-gradient(180deg,#294565,#10243e);--community-arcade-depth:inset 1px 1px 0 #ffffff38,inset -1px -2px 0 #00000040,0 2px 0 #040b16;background:var(--community-arcade-bg)}
/* 공통 메뉴에는 테마 변수를 덮어쓰지 않고 실제 본문 패널만 오락실과 같은 바탕으로 맞춥니다. */
/* 공통 패널은 :where로 우선순위를 낮춰 간판의 청록 테두리·그라데이션을 덮어쓰지 않습니다. */
.community-arcade .community-hub :where(.category-hero,.category-panel.community-directory,.widget-box,.category-lounge){box-sizing:border-box;min-width:0;border:1px solid var(--community-arcade-line);border-radius:8px;background:var(--community-arcade-surface);color:var(--community-arcade-ink);box-shadow:0 2px 0 #050c16}
.community-arcade .community-hub .category-hero{border:1px solid #426778;border-top:2px solid var(--community-arcade-mint);background:linear-gradient(115deg,#19273e,#102c35);box-shadow:inset 0 1px #243e4f,0 2px 0 #050c16}
.community-arcade .community-hub .category-hero-inner{padding:12px 14px}
.community-arcade .community-hub .category-hero h1{color:#c3fff6;font:700 22px/1.45 'Malgun Gothic','Gulim',sans-serif;letter-spacing:0;text-shadow:0 0 12px #71ddcf26;overflow-wrap:anywhere}
.community-arcade .community-hub .category-hero p{color:var(--community-arcade-muted)}
.community-arcade .community-hub .category-badges{gap:4px 7px}
.community-arcade .community-hub .category-badge{padding:1px 6px;border:1px solid #3b5270;border-radius:3px;background:#1a2c44;color:#c6d5ea;font-size:11px}
/* 개설 비용의 실제 값은 그대로 두고 동전 안내처럼 금색 대비를 유지합니다. */
.community-arcade .community-hub .category-hero .category-board-create-notice{border-color:#80663a;border-left-color:#f9d890;background:#292719;color:#e7d2a8}
.community-arcade .community-hub .category-board-create-notice .category-board-create-label{color:var(--community-arcade-gold)}
.community-arcade .community-hub .category-board-create-notice strong{background:linear-gradient(135deg,#ffe49a,#f2a75f);border-color:#ffcf90;color:#2b1c0b;box-shadow:inset 0 1px #ffffff38}
.community-arcade .community-hub .category-board-create-notice .category-board-create-help{color:#c1c7ce}
/* 검색과 초기화는 같은 36px 높이로 맞추고 기존 초기화 표시 조건·검색 폼은 보존합니다. */
.community-arcade .community-hub .category-board-finder{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:6px}
.community-arcade .community-hub .category-board-finder :is(input,button){height:36px;border-radius:5px;border-color:#465d7c;font-size:12px}
.community-arcade .community-hub .category-board-finder input{background:#0b1525;color:var(--community-arcade-ink);box-shadow:inset 0 2px 3px #00000040}
.community-arcade .community-hub .category-board-finder input::placeholder{color:#a6b7ce}
.community-arcade .community-hub .category-board-finder button{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:0 12px;line-height:1.5;white-space:normal;background:var(--community-arcade-secondary);border:1px solid #4b6487;color:#e6eefb;font-weight:700;box-shadow:var(--community-arcade-depth);transform:none}
.community-arcade .community-hub .category-board-finder button[type=button]{display:none;grid-column:auto}
.community-arcade .community-hub .category-board-finder.has-query button[type=button]{display:inline-flex}
.community-arcade .community-hub .category-board-finder button[type=submit]{background:var(--community-arcade-primary);border-color:#b6fff3;color:#07152d}
.community-arcade .community-hub .category-board-finder button[type=submit]:hover{background:linear-gradient(135deg,#fffbb0,#a1fff5)}
.community-arcade .community-hub .category-board-finder button[type=button]:hover{background:linear-gradient(180deg,#365b83,#1d3c5c)}
.community-arcade .community-hub .category-board-finder button:active{box-shadow:inset 1px 2px 0 #00000040,inset -1px -1px 0 #ffffff24}
.community-arcade .community-hub .category-board-finder-status{grid-column:1/-1;color:var(--community-arcade-muted)}
.community-arcade .community-hub .category-stat-line{gap:5px 14px}
.community-arcade .community-hub .category-stat-label{color:var(--community-arcade-muted)}
.community-arcade .community-hub .category-stat-value{color:#d7fff7;font-family:'Consolas','Malgun Gothic',monospace}
/* 게시판은 큰 게임 이미지 없이 간판 버튼의 색과 고정 명암선만 사용해 목록 밀도와 읽기 순서를 유지합니다. */
.community-arcade .community-hub .category-panel.community-directory .category-panel-head{border-color:#3a526b}
.community-arcade .community-hub .category-panel.community-directory .category-panel-head h2{color:var(--community-arcade-gold);font-size:15px}
.community-arcade .community-hub .category-panel.community-directory :is(.category-panel-head p,.category-board-count){color:var(--community-arcade-muted)}
.community-arcade .community-hub .category-panel.community-directory .board-list{gap:9px;align-items:stretch}
/* 검색 결과 없음 안내도 페이지별 예전 네온색 대신 공통 캐비닛 색으로 통일합니다. */
.community-arcade .community-hub .category-board-empty-result{border-color:#426778;background:#101b2c;color:var(--community-arcade-muted)}
.community-arcade .community-hub .category-panel.community-directory .board-item{display:flex;min-width:0;padding:0;border:0;background:none;box-shadow:none}
.community-arcade .community-hub .category-panel.community-directory .board-item[hidden]{display:none}
.community-arcade .community-hub .category-panel.community-directory .board-item a{display:flex;align-items:center;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #526d85;border-top-color:#b09a50;border-radius:6px;background:linear-gradient(135deg,#391b39,#171f37 52%,#103744);color:#fffbd0;font:600 13px/1.65 'Malgun Gothic',sans-serif;box-shadow:inset 0 1px #fff56a26,inset 0 -2px #00000040,0 2px 0 #050c16;text-align:left;text-decoration:none;transform:none;transition:none}
.community-arcade .community-hub .category-panel.community-directory .board-item a:hover{border-color:var(--community-arcade-mint);background:linear-gradient(135deg,#462044,#202c47 52%,#164956);color:#fffbd0;box-shadow:inset 0 1px #fff56a26,inset 0 -2px #00000040,0 2px 0 #050c16;transform:none;text-decoration:none}
.community-arcade .community-hub .category-panel.community-directory .board-item-name{font:inherit;color:inherit;white-space:normal;overflow:visible;overflow-wrap:anywhere}
/* 예전 간판의 b 태그에 남은 한 줄 말줄임까지 해제해 긴 게시판 이름도 끝까지 읽을 수 있게 합니다. */
.community-arcade .community-hub .category-panel.community-directory .board-item-name b{display:block;max-width:100%;font-weight:600;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
/* 최근·인기 글은 본문을 버튼화하지 않고 오락실 정보 패널처럼 제목과 구분선만 강조합니다. */
.community-arcade .community-hub .widget-box{border-top:2px solid #426778;padding:10px 12px}
.community-arcade .community-hub .widget-box h3{padding:0 0 8px;border-color:#3a526b;color:#b5f5ed;font-size:15px}
.community-arcade .community-hub .widget-box:last-child h3{color:var(--community-arcade-gold)}
.community-arcade .community-hub .widget-box li{border-color:var(--community-arcade-line)}
.community-arcade .community-hub .widget-box li:not(.empty-text)>a{color:var(--community-arcade-ink)}
.community-arcade .community-hub .widget-box li:not(.empty-text)>.post-meta{color:var(--community-arcade-muted)}
.community-arcade .community-hub .widget-box li>a:hover{color:#b5f5ed;text-decoration:none}
/* 하단 서비스 링크도 같은 조작부 버튼 표면으로 맞추며 기존 링크·문구는 변경하지 않습니다. */
.community-arcade .community-hub .category-lounge-head{border-color:#3a526b}
.community-arcade .community-hub .category-lounge-head h2{color:var(--community-arcade-gold)}
.community-arcade .community-hub .category-lounge-grid{gap:8px}
.community-arcade .community-hub .category-lounge-card{padding:10px;border:1px solid #4b6487;border-radius:6px;background:var(--community-arcade-secondary);box-shadow:var(--community-arcade-depth);transform:none;text-decoration:none}
.community-arcade .community-hub .category-lounge-card+.category-lounge-card{border:1px solid #4b6487}
.community-arcade .community-hub .category-lounge-card strong{color:var(--community-arcade-ink)}
.community-arcade .community-hub .category-lounge-card small{color:#c0cfe2}
.community-arcade .community-hub .category-lounge-card b{color:#a5fff0;font-weight:600}
.community-arcade .community-hub .category-lounge-card:hover{border-color:var(--community-arcade-mint);background:linear-gradient(180deg,#365b83,#1d3c5c);box-shadow:var(--community-arcade-depth);transform:none;text-decoration:none}
/* 초점은 색뿐 아니라 외곽선으로도 표시합니다. 전체메뉴를 제외한 새 본문 테마에만 적용합니다. */
.community-arcade .community-hub :is(.category-hero,.community-directory,.widget-box,.category-lounge) :is(a,button,input):focus-visible{outline:2px solid #b6fff3;outline-offset:3px}
@media(max-width:700px){
 .community-arcade .community-hub .category-hero-inner{padding:10px}
 .community-arcade .community-hub .category-hero h1{font-size:20px}
 .community-arcade .community-hub .category-panel.community-directory .board-item a{min-height:46px;padding:8px 10px}
}
@media(max-width:600px){
 /* 모바일 검색은 입력 한 줄·같은 폭의 버튼 한 줄로 배치해 세로로 어긋나는 초기화 버튼을 없앱니다. */
 .community-arcade .community-hub .category-board-finder{grid-template-columns:repeat(2,minmax(0,1fr))}
 .community-arcade .community-hub .category-board-finder input{grid-column:1/-1}
 .community-arcade .community-hub .category-board-finder button[type=submit]{grid-column:1/-1;width:100%;min-width:0}
 .community-arcade .community-hub .category-board-finder.has-query button[type=submit]{grid-column:1}
 .community-arcade .community-hub .category-board-finder.has-query button[type=button]{grid-column:2;width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
 .community-arcade .community-hub :is(.category-hero,.community-directory,.widget-box,.category-lounge) *{animation:none;transition:none;scroll-behavior:auto}
}
