/* 승인된 커뮤니티 시안과 기존 게시판의 공통 토큰. */
body:has([data-community-home]),body:has([data-community-all]){--key:#6846d6;--key-hover:#5836c3;--key-soft:#efebfc;--key-line:#d8cff5}
.community-feature__maple{display:flex;align-items:center;justify-content:center;background:#eee9fa!important;overflow:hidden}
.community-feature__maple img{max-width:100%;width:100%;max-height:170px;object-fit:contain}
.community-badge{font-style:normal;justify-self:start}
.community-status{font-size:12px;color:var(--sub);line-height:1.6}
.community-all>.community-tabs{margin:0 0 24px}
.community-more[hidden]{display:none!important}
a.community-more{width:max-content;text-decoration:none}
[data-theme=dark] body:has([data-community-home]),[data-theme=dark] body:has([data-community-all]){background:#12121e;--key:#b9a4ff;--key-hover:#cbbbff;--key-soft:#28203e;--key-line:#51416f}
.community-hero{min-height:180px;margin:0 calc(var(--gutter) * -1);padding:28px max(var(--gutter),calc((100vw - var(--wrap))/2));color:#fff;background:linear-gradient(90deg,#17102f 0%,#30216a 48%,#31275b77),url('/static/community/hero.webp') right 42%/auto 145% no-repeat,#271c53}
.community-hero p,.community-guides header p{margin:0 0 4px;color:#c9bdff;font-size:11px;font-weight:800;letter-spacing:.12em}.community-hero h2{margin:0;font-family:var(--font-display);font-size:29px;line-height:1.28;letter-spacing:-.05em}.community-hero span{display:block;margin-top:7px;color:#ddd8ef;font-size:13px}
.community-home{position:relative;max-width:var(--wrap);margin:-28px auto 0;padding-bottom:36px}.community-tabs{display:flex;width:max-content;min-width:470px;max-width:100%;padding:5px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 6px 17px #14102b1a}.community-tabs a{padding:9px 21px;border-radius:9px;color:var(--sub);font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}.community-tabs .is-on{background:var(--key);color:#fff}.community-tools{display:flex;align-items:center;gap:8px;min-height:54px;overflow:auto;border-bottom:1px solid var(--line)}.community-tools b{margin-right:5px;white-space:nowrap}.community-tools a{padding:4px 9px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--sub);font-size:12px;text-decoration:none;white-space:nowrap}.community-tools a:hover{color:var(--key);border-color:var(--key-line)}
.community-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding-top:28px}.community-guides header{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:13px}.community-guides h2{margin:0;font-size:22px;letter-spacing:-.045em}.community-guides header>a{color:var(--key);font-size:12px;font-weight:800;text-decoration:none}.community-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.community-feature{display:grid;grid-template-columns:40% 1fr;min-height:168px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:0 3px 10px #15102b0a}.community-feature:hover{transform:translateY(-2px)}.community-feature__art{background:linear-gradient(145deg,#312064,#866fe0);min-height:100%;background-size:cover;background-position:center}.community-feature__copy{display:flex;flex-direction:column;padding:15px}.community-badge{display:inline-block;align-self:flex-start;padding:3px 6px;border-radius:5px;background:var(--key-soft);color:var(--key);font-size:10px;font-weight:800}.community-feature strong{margin-top:9px;font-size:15px;line-height:1.45}.community-feature time{margin-top:auto;color:var(--faint);font-size:11px}.community-list-head{margin-top:30px!important}.community-filters{display:flex;gap:7px;margin-bottom:11px;overflow:auto}.community-filters button{padding:6px 10px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--sub);font:inherit;font-size:12px;white-space:nowrap}.community-filters .is-on{border-color:var(--key-line);background:var(--key-soft);color:var(--key);font-weight:800}.community-guide-list{margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);list-style:none}.community-guide-list li{display:grid;grid-template-columns:84px minmax(0,1fr) 80px;gap:10px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.community-guide-list li:last-child{border-bottom:0}.community-guide-list a{overflow:hidden;color:var(--ink);font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.community-guide-list a:hover{color:var(--key)}.community-guide-list time{color:var(--faint);font-size:11px;text-align:right}.community-empty,.community-loading{padding:30px;color:var(--faint);text-align:center}.community-side{display:flex;flex-direction:column;gap:14px}.community-side section{padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.community-side h3{margin:0 0 10px;font-size:15px}.community-side>section>a{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}.community-side>section>a:first-of-type{border-top:0}.community-side small{display:block;color:var(--sub);font-size:11px}.community-talk{background:linear-gradient(145deg,var(--key-soft),var(--surface))!important}.community-talk p{margin:0 0 4px;color:var(--key);font-size:11px;font-weight:800;letter-spacing:.1em}.community-talk span{display:block;color:var(--sub);font-size:12px;line-height:1.6}.community-talk>a{display:inline-block!important;margin-top:12px!important;padding:0!important;border:0!important;color:var(--key)!important;font-size:12px;font-weight:800}
@media(max-width:760px){.community-hero{min-height:111px;padding-top:15px;padding-bottom:15px;background-size:auto 125%}.community-hero p,.community-hero span{display:none}.community-hero h2{font-size:21px}.community-home{margin-top:-17px;overflow:hidden}.community-tabs{min-width:100%;overflow:auto}.community-tabs a{padding:8px 15px;font-size:13px}.community-tools{min-height:47px}.community-grid{display:block;padding-top:20px}.community-feature{grid-template-columns:1fr;min-height:0}.community-feature__art{min-height:82px}.community-feature__copy{padding:10px}.community-feature strong{font-size:13px}.community-feature time{margin-top:8px}.community-side{display:none}.community-guide-list li{grid-template-columns:1fr auto;grid-template-areas:'badge date' 'title title';row-gap:5px;padding:11px 10px}.community-guide-list .community-badge{grid-area:badge}.community-guide-list a{grid-area:title;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45}.community-guide-list time{grid-area:date}.community-list-head{margin-top:25px!important}}
/* 검색·주제·추천 필터와 시안의 실제 이미지 카드. */
.community-search{display:flex;align-items:center;gap:7px;max-width:260px;margin:0 0 11px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--faint);font-size:14px}.community-search input{width:100%;border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;outline:0}.community-recommend{font-style:normal;color:var(--key);font-size:10px;font-weight:800}.community-feature__skills{display:flex;align-items:center;justify-content:center;gap:7px;background:radial-gradient(circle at 50% 25%,#8a73e4,#30245f 70%)!important;padding:12px}.community-feature__skills img{width:42px;height:42px;object-fit:contain;border:1px solid #ffffff55;border-radius:8px;background:#211944}.community-all{max-width:870px;margin:20px auto 40px}.community-all>header{margin-bottom:16px}.community-all>header p{margin:0 0 4px;color:var(--key);font-size:11px;font-weight:800;letter-spacing:.12em}.community-all h1{margin:0;font-size:25px;letter-spacing:-.05em}.community-more{display:block;margin:15px auto;padding:9px 16px;border:1px solid var(--key-line);border-radius:9px;background:var(--key-soft);color:var(--key);font:inherit;font-size:13px;font-weight:800}
body:has([data-community-home]),body:has([data-community-all]){background:#f8f8fb}body:has([data-community-home]) .gnb__games,body:has([data-community-home]) .gnb__sub,body:has([data-community-all]) .gnb__games,body:has([data-community-all]) .gnb__sub{display:none}body:has([data-community-home]) .gnb,body:has([data-community-all]) .gnb{position:relative;background:#111126;border:0}body:has([data-community-home]) .gnb__bar,body:has([data-community-all]) .gnb__bar{border:0}body:has([data-community-home]) .gnb__logo,body:has([data-community-all]) .gnb__logo{color:#fff;font-size:18px}body:has([data-community-home]) .gnb__search,body:has([data-community-all]) .gnb__search{margin-left:auto;max-width:210px;border-color:#36354c;background:#25243b}body:has([data-community-home]) .gnb__search input,body:has([data-community-all]) .gnb__search input{color:#fff}body:has([data-community-home]) .gnb__icon,body:has([data-community-all]) .gnb__icon{border-color:#36354c;background:#25243b;color:#fff}body:has([data-community-home]) .gnb .gnb__acct,body:has([data-community-all]) .gnb .gnb__acct{border-color:#4e4471;background:#25243b;color:#fff}

.community-home,.community-all{width:100%}
@media(max-width:760px){[data-community-category-filters]{flex-wrap:wrap;overflow:visible}}
@media(max-width:360px){.gnb__row{gap:4px}.gnb__end{gap:3px}.gnb .gnb__acct{padding:0 6px}.gnb__icon{width:30px}}