.community-page {min-height:70vh;color:#f5f1ec}
.community-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px}
.community-card,.community-panel,.community-article{background:#151411;border:1px solid #41362e;border-radius:18px;padding:23px;margin-bottom:20px}
.community-card h2,.community-panel h2,.community-article h1{color:#fff}
.community-card p,.community-panel p{color:#bcb8b5;line-height:2.2;margin:12px 0 19px}
.community-card{overflow:hidden}
.community-card-cover{display:block;width:100%;height:190px;object-fit:cover;object-position:center;border-radius:12px;margin-bottom:18px}
.community-card h2{font-size:1.32rem;line-height:1.8;margin-bottom:12px}
.community-card a{color:#f9e9df;text-decoration:none}
.community-card a:hover{color:#f37545}
.community-panel{margin-top:20px}
.community-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}
.community-btn{border:1px solid #f26531;border-radius:12px;padding:9px 17px;background:#ea5826;color:#fff!important;cursor:pointer;font-weight:700}
.community-btn.secondary{background:transparent;border-color:#80624c}
.community-btn:disabled{opacity:.45}
.community-form{display:grid;gap:14px}
.community-form label{display:grid;gap:7px;color:#eee}
.community-form input,.community-form textarea,.community-form select,.community-textarea{border:1px solid #555;background:#211f1b;color:#fff;padding:12px;border-radius:10px;width:100%;max-width:100%;line-height:1.6}
.community-form input:focus,.community-form textarea:focus,.community-form select:focus{outline:2px solid #f26531}
.community-status{color:#ffac82;line-height:1.8;margin:12px 0}
.community-article{max-width:1100px;margin-inline:auto}
.community-article .community-article-text{line-height:2.45;font-size:1.08rem;color:#eee;margin:22px 0 32px}
.community-article .community-article-text p{line-height:2.45;margin:0 0 24px;white-space:pre-wrap}
.community-article .community-article-text h2,.community-article .community-article-text h3{line-height:1.8;margin:34px 0 21px}
.community-article>p{line-height:2.3;margin:22px 0 30px}
.community-article img{max-width:100%;height:auto;border-radius:12px}
.community-article figure{margin:24px 0}
.community-article figcaption{font-size:14px;color:#b3b1b0}
.community-video{width:100%;aspect-ratio:16/9;background:#070707;border:0;border-radius:12px;overflow:hidden}
.community-video video,.community-video iframe{display:block;width:100%;height:100%;border:0}
.community-media-open{min-height:130px;width:100%;display:grid;place-items:center;background:#302720;color:#fff;border:1px dashed #d67b50;border-radius:12px;cursor:pointer}
.community-tag{display:inline-block;border-radius:99px;padding:5px 12px;color:#ffb58b;background:#3a2317;margin:3px}
.community-comment{border-top:1px solid #383533;padding:24px 0;line-height:2.2}
.community-comment p{line-height:2.2;margin:12px 0 18px;white-space:pre-wrap}
.community-comment strong{display:block;margin-bottom:9px}
.community-panel:has([data-game-comments]),.community-article>.community-panel{margin-top:36px;margin-bottom:65px;line-height:2.1}
.community-comment-reply{border-right:3px solid #a9582d;padding-right:15px;margin:12px 20px 0 0;color:#d6d6d6}
.community-search{position:relative;max-width:430px;width:100%;margin:10px 0}
.playno-header-search{flex:0 1 220px;min-width:155px;max-width:240px;margin:0}
.playno-header-search input{font-size:14px;padding:9px 12px}
.playno-game-search{margin:18px 0;max-width:460px}
@media(max-width:991px){.playno-header-search{flex-basis:100%;max-width:100%;width:100%}}
.community-search input{width:100%;background:#211f1b;color:#fff;padding:11px 15px;border:1px solid #64544a;border-radius:10px}
.community-search-results{position:absolute;z-index:90;top:100%;right:0;left:0;max-height:290px;overflow:auto;background:#151515;border:1px solid #69584c;border-radius:10px}
.community-search-results a{display:block;padding:12px;color:#fff;border-bottom:1px solid #292929}
.community-search-results a:hover,.community-search-results a:focus{background:#47281b}
.community-related a{display:inline-block;margin:7px;border:1px solid #514133;border-radius:9px;padding:9px;color:#ffc399}
.community-article table{max-width:100%;overflow:auto;display:block}
@media(max-width:768px){.community-card,.community-panel,.community-article{padding:14px}.community-heading{display:block}.community-search{max-width:100%}}