
/* Community presentation only. Existing API, routes and achievement rules are unchanged. */
body.room217-community{background:#0c1425;color:#eee8f7}
body.room217-community .community-view{padding:36px 24px 64px;min-height:calc(100svh - 60px)}
body.room217-community .community-shell{width:min(1152px,100%)}
.community-hero{padding:10px 8px 24px;background:linear-gradient(90deg,#0c1425 35%,#0c1425d9 70%,#0c1425b0),url('/assets/portal-night.webp') right 48%/cover;border-radius:14px 14px 0 0}
.community-hero>p{font-size:10px;letter-spacing:.14em;color:#b6a3d3;margin:0 0 12px}
.community-hero h1{font-size:32px;letter-spacing:-.9px;line-height:1.4;margin:0 0 10px;color:#f0eafa}
.community-hero>div{font-size:14px;line-height:1.7;color:#aaa3bf}
body.room217-community .community-view .community-tabs{display:flex;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:flex-start;border:0;border-bottom:1px solid #374057;background:transparent;gap:18px}
body.room217-community .community-tab{position:relative;min-width:112px;height:52px;border:0;background:transparent;color:#b5adc6;font-weight:600}
body.room217-community .community-tab.active{color:#d0b5fa;background:transparent}
body.room217-community .community-tab.active::after{content:"";position:absolute;bottom:-1px;left:10px;right:10px;height:3px;border-radius:4px;background:#bea0ed}
body.room217-community .community-content{border:0;background:transparent;margin-top:20px;min-height:350px;overflow:visible}
body.room217-community .board-wrap{padding:0}
.board-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.board-categories button{min-height:38px;padding:8px 18px;border:1px solid #374059;border-radius:999px;background:#141f33;color:#bab2cd;font-size:13px}
.board-categories button[aria-pressed=true]{background:#c8b6fb;color:#241b39;border-color:#c8b6fb;font-weight:700}
body.room217-community .board-toolbar{gap:8px}
body.room217-community .board-toolbar+.board-toolbar{margin-top:10px}
body.room217-community .board-toolbar :is(select,input),body.room217-community .editor-field :is(select,input),body.room217-community .editor-textarea,body.room217-community .comment-compose textarea,body.room217-community .reply-compose input{border:1px solid #39425b;border-radius:8px;background:#131d30;color:#ded7ed;min-height:42px;padding:8px 12px;color-scheme:dark}
body.room217-community .board-toolbar input::placeholder{color:#9890ad}
body.room217-community .board-count{color:#aaa0bc;font-size:12px}
body.room217-community .board-btn{min-height:42px;border:1px solid #414761;border-radius:9px;background:#1b263d;color:#d6cbe8;padding:8px 18px}
body.room217-community .board-btn.primary{background:#c6b1f5;color:#241b37;border-color:#c6b1f5}
body.room217-community .board-btn:hover{background:#30304d}
body.room217-community .board-btn.primary:hover{background:#dac6ff}
body.room217-community .board-btn.danger{background:#322131;color:#e7a8b7;border-color:#624454}
body.room217-community .board-table{margin-top:20px;border:1px solid #303b54;border-radius:12px;overflow:hidden}
body.room217-community :is(.board-head,.board-row){grid-template-columns:80px minmax(0,1fr) 116px 52px 52px 90px}
body.room217-community .board-head{height:42px;background:#1a253a;border-color:#354057;color:#b9aecb;font-size:12px}
body.room217-community .board-row{min-height:69px;border-color:#2b354b;background:#111c2e}
body.room217-community .board-row:last-child{border-bottom:0}
body.room217-community .board-row:hover{background:#1c2840}
body.room217-community .board-row>span{color:#aaa1bd!important}
body.room217-community .board-title{padding:12px;min-width:0}
body.room217-community .board-title button{color:#e7def3;line-height:1.6}
body.room217-community .board-title small{color:#9689ac;margin-top:3px;font-size:11px}
body.room217-community .type-badge{justify-self:center;width:max-content;max-width:100%;border:1px solid #41425d;border-radius:7px;padding:4px 8px;color:#c7b5e4!important;background:#282940}
body.room217-community .type-badge[data-type=REVIEW]{color:#a9ccf0!important;background:#1c3048;border-color:#345675}
body.room217-community .type-badge[data-type=GAME_QUESTION]{color:#c9b5f0!important;background:#302746}
body.room217-community .type-badge[data-type=GUIDE]{color:#c5cfec!important;background:#242c47}
body.room217-community .board-pages{gap:7px;padding:24px 0}
body.room217-community .board-pages button{min-width:36px;min-height:36px;border:0;border-radius:8px;background:transparent;color:#b9aecb}
body.room217-community .board-pages button.active{background:#c8b3f4;color:#241b37}
body.room217-community :is(.board-empty,.board-loading,.community-placeholder){color:#a69cb8;border-color:#343c53;line-height:1.8}
body.room217-community .community-placeholder :is(small,p){color:#a69cb8}
body.room217-community .post-view,body.room217-community .editor-view{padding:24px;border:1px solid #34405a;border-radius:16px;background:#141f32}
body.room217-community .post-back,body.room217-community .help-back{color:#c4abea;min-height:44px}
body.room217-community :is(.post-head,.comments,.comment-item){border-color:#3b415b}
body.room217-community .post-head h1{color:#eee5fa;font-size:26px;line-height:1.5}
body.room217-community :is(.post-kicker,.post-meta){color:#aa9cbe}
body.room217-community .post-content,body.room217-community .comment-body{color:#d4ccdf}
body.room217-community .post-content a{color:#c6adfa}
body.room217-community .post-content blockquote{border-color:#a489cf;color:#bcaecc;background:#20243c;padding:12px 18px;border-radius:0 8px 8px 0}
body.room217-community .comment-item::before{background:#343b52}
body.room217-community .comment-compose button,body.room217-community .reply-compose button{border:1px solid #b6a0e6;border-radius:9px;background:#bda7ee;color:#221a35;padding:8px 14px;min-height:42px}
body.room217-community .comment-actions button{color:#b8a1db;min-height:40px}
body.room217-community .room217-reply-mention{color:#c6acf8}
body.room217-community .spoiler-badge{font-size:11px;color:#e5aeb9;border:1px solid #714555;border-radius:999px;background:#382736;padding:2px 8px}
body.room217-community .spoiler-gate{border:1px solid #6d5379;border-radius:12px;background:#262039;color:#d4bfdc;line-height:1.9;margin:24px 0}
body.room217-community .editor-field label,body.room217-community .editor-note{color:#b1a4c3}
body.room217-community .editor-status{background:#352535;color:#ebbec7;border-color:#755369;border-radius:9px}
body.room217-community .ck.ck-editor{--ck-color-base-background:#1b253c;--ck-color-toolbar-background:#1b253c;--ck-color-toolbar-border:#41465d;--ck-color-base-border:#41465d;--ck-color-text:#e3daef;--ck-color-button-default-hover-background:#3b3652;--ck-color-button-on-background:#4c4066;--ck-color-button-on-color:#f2eaff;--ck-color-focus-border:#c3a6f5;--ck-color-panel-background:#202a40;--ck-color-list-background:#202a40;--ck-color-dropdown-panel-background:#202a40;--ck-color-input-background:#121c2d;--ck-color-input-text:#e3daef;--ck-color-base-foreground:#273048}
body.room217-community .ck.ck-editor__main>.ck-editor__editable{background:#101a2c;color:#e2daee;border-color:#41465d}
body.room217-community .ck.ck-toolbar{border-color:#41465d!important}
body.room217-community .help-board{border:1px solid #35405a;border-radius:14px;overflow:hidden;background:#141f32}
body.room217-community .help-board-head{display:none}
body.room217-community .help-row{min-height:90px;grid-template-columns:64px minmax(0,1fr) 110px;border-color:#35405a;padding:0 16px;color:#e5dcf0}
body.room217-community .help-row:last-child{border:0}
body.room217-community .help-row:hover{background:#202a43}
body.room217-community .help-row>span{font-size:18px;color:#c7acef}
body.room217-community .help-row>b{font-size:17px}
body.room217-community .help-row>small{font-size:12px;color:#b1a2c6}
body.room217-community .help-row>small::after{content:" ›";font-size:18px;margin-left:9px;color:#c7b4e6}
body.room217-community .help-article{padding:26px;border:1px solid #35405a;border-radius:14px;background:#141f32}
body.room217-community .help-article-head{border-color:#3b405b}
body.room217-community .help-article-head span{color:#b2a0c6}
body.room217-community .help-article-head h3{color:#e8ddf3;font-size:22px}
body.room217-community .help-article-body{color:#cfc4dc;line-height:1.9}
body.room217-community .achievements{padding:0;color:#e3d9f1}
body.room217-community .achievement-summary{border-color:#514660;background:radial-gradient(ellipse at top left,#55407155,transparent 65%),#162036;border-radius:16px}
body.room217-community .achievement-emblem{color:#c3a4ef}
body.room217-community .achievement-summary :is(small,p),body.room217-community .achievement-count>span{color:#b8a7cd}
body.room217-community .achievement-summary strong{color:#e5d4ff}
body.room217-community .achievements progress{accent-color:#b89be8;background:#32344f}
body.room217-community .achievements progress::-webkit-progress-bar{background:#32344f}
body.room217-community .achievements progress::-webkit-progress-value{background:#b89be8}
body.room217-community .achievement-toolbar h2 span,body.room217-community .achievement-guide{color:#a89bbb}
body.room217-community .achievement-toolbar button{border-color:#49425f;border-radius:999px;color:#c5b6d6}
body.room217-community .achievement-toolbar button[aria-pressed=true]{background:#c8b3f4;color:#241b37;border-color:#c8b3f4}
body.room217-community .achievement-section>h2{color:#ccbeda}
body.room217-community .achievement-card{border-color:#6c558e;background:linear-gradient(130deg,#322943,#172136);border-radius:14px}
body.room217-community .achievement-card.locked{background:#141e30;border-color:#343d55}
body.room217-community .achievement-icon{border-color:#a98dcf;color:#dfcbff;background:#50406655}
body.room217-community .locked .achievement-icon{color:#8c829e;border-color:#49425a;background:#25273b}
body.room217-community .achievement-card h3{color:#e9ddf6}
body.room217-community .achievement-card :is(small,p),body.room217-community .achievement-card-foot{color:#afa0c1}
body.room217-community .locked h3{color:#b0a5c0}
body.room217-community .locked p{color:#8f859f}
body.room217-community .achievement-badge{color:#dac3fc}
body.room217-community .achievement-state{color:#b8aacb}
body.room217-community .achievement-state h2,body.room217-community .achievement-symbol{color:#dac5f4}
@media(max-width:760px){
 body.room217-community .community-view{padding:24px 12px 48px}
 .community-hero{padding:0 2px 18px;background-position:right center}
 .community-hero h1{font-size:25px}
 .community-hero>div{font-size:12px}
 body.room217-community .community-view .community-tabs{gap:0}
 body.room217-community .community-tab{flex:1;min-width:0;height:48px}
 body.room217-community .community-content{margin-top:18px}
 .board-categories{gap:6px;margin-bottom:14px}
 .board-categories button{flex:1;padding:7px 9px;min-height:36px;font-size:12px}
 body.room217-community .board-toolbar{gap:6px}
 body.room217-community .board-toolbar select{max-width:100%;padding:6px;font-size:12px!important}
 body.room217-community #boardGameFilter{flex:1;min-width:0}
 body.room217-community #boardCount{width:100%;font-size:11px;margin:2px 0 0}
 body.room217-community #boardSearchType{width:68px}
 body.room217-community #boardKeyword{min-width:0;width:0;font-size:13px!important}
 body.room217-community #boardSearch{padding:6px 10px}
 body.room217-community #boardWrite{width:100%;margin:4px 0 0}
 body.room217-community .board-head{display:none}
 body.room217-community .board-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;grid-template-rows:auto auto;gap:6px 8px;padding:14px 10px;min-height:90px;align-items:start}
 body.room217-community .board-row>.type-badge{grid-column:1;grid-row:1;align-self:start;font-size:10px!important;padding:4px 6px}
 body.room217-community .board-title{grid-column:2/-1;grid-row:1;padding:0}
 body.room217-community .board-title button{white-space:normal;word-break:keep-all;overflow-wrap:anywhere;line-height:1.65}
 body.room217-community .board-title small{font-size:10px}
 body.room217-community .board-row>.board-author{grid-column:2;grid-row:2;text-align:left;font-size:11px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.room217-community .board-row>.board-comments{grid-column:4;grid-row:2;font-size:11px!important;white-space:nowrap}
 body.room217-community .board-comments::before{content:"댓글 ";font-size:10px}
 body.room217-interior.room217-community .community-view .board-row>.board-views{display:none!important}
 body.room217-community .board-row>.board-date{grid-column:3;grid-row:2;font-size:11px!important;white-space:nowrap}
 body.room217-community .post-view,body.room217-community .editor-view{padding:16px 12px;border-radius:12px}
 body.room217-community .post-head h1{font-size:21px}
 body.room217-community .post-meta{gap:8px 12px}
 body.room217-community .help-row{grid-template-columns:32px minmax(0,1fr) 70px;min-height:84px;padding:0 10px}
 body.room217-community .help-row>b{font-size:15px}
 body.room217-community .help-row>small{font-size:11px}
 body.room217-community .help-row>small::after{margin-left:2px}
 body.room217-community .help-article{padding:18px 14px}
 body.room217-community .achievement-summary{padding:22px 18px}
}
@media(prefers-reduced-motion:reduce){body.room217-community *{scroll-behavior:auto}}

body.room217-community .board-bottom-tools{margin-top:4px;padding-top:6px}
