.community-hero{display:flex;align-items:center;gap:24px;padding:26px 32px;border:1px solid #f5d593;background:linear-gradient(120deg,#ffe19a,#fff3d6 70%);border-radius:28px;margin:22px 0}.community-hero img{width:130px;filter:drop-shadow(0 10px 8px #d98d3928)}.community-hero h2{font-size:25px;margin:12px 0}.community-hero p{margin:0;max-width:570px}.community-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:22px;align-items:start}.community-layout .card{margin-top:0}.community-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-heading h2{font-size:22px;margin:8px 0 20px}.community-periods{display:flex;gap:8px;padding:5px;border-radius:18px;background:#f6efdf}.community-periods button{flex:1;min-width:0;padding:10px 5px;font-size:13px;border:0;box-shadow:none;background:transparent}.community-periods button[aria-pressed=true]{background:#ffbc48;color:#59351b;box-shadow:0 3px 8px #ce8b2920}.community-my-xp{background:#f0f6e8;padding:14px;border-radius:14px;color:#506b38;font-weight:700}.community-board{list-style:none;padding:0;margin:0}.community-board li{display:flex;align-items:center;gap:12px;padding:14px 8px;border-bottom:1px solid #f2e8d7}.community-board li.is-me{background:#fff2cf;border-radius:15px}.community-board li>div{flex:1;min-width:0}.community-board strong,.community-person strong{overflow-wrap:anywhere}.community-board small,.community-person small,.community-profile-strip small,.community-friend small{display:block;font-size:11px;color:#8e7b64;margin-top:5px}.community-board li>b{color:#bb741d;font-size:20px;text-align:right}.community-board li>b small{font-size:10px}.community-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:15px;background:#ffe8b3;color:#9a612d;font-size:21px;font-weight:700}.community-rank{font-size:21px;width:28px;text-align:center;color:#a6937b}.community-person{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #f2e8d7}.community-person>div:first-of-type{flex:1;min-width:0}.community-person-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:140px}.community-person-actions button{font-size:12px;padding:8px 10px;min-height:36px;box-shadow:none}.community-person-actions small{width:100%;text-align:right}.community-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7fb24f;margin-right:4px}.community-empty{text-align:center;padding:25px 8px;font-size:30px}.community-empty h3{font-size:19px}.community-empty p{font-size:14px;line-height:1.7;color:#8a775e}.community-empty-small{padding:14px 0;font-size:13px;color:#8a775e;line-height:1.7}.community-profile-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0;padding:18px 22px;border:1px solid #eddfc6;border-radius:22px;background:#fffdf7}.community-profile-strip>div{display:flex;gap:12px;align-items:center;min-width:0}.community-profile-strip strong{overflow-wrap:anywhere}.community-profile-strip button{font-size:12px;min-height:38px;padding:8px 12px}.community-invite{display:flex;align-items:end;gap:10px;margin-bottom:14px}.community-invite label{flex:1;min-width:0}.community-invite button{font-size:12px;padding:13px 10px;white-space:nowrap;margin-bottom:0}.community-invite input{width:100%;min-width:0}.community-rules{font-size:12px;line-height:1.8;margin-top:20px;color:#8b775d}.community-rules summary{cursor:pointer}.community-welcome{max-width:650px;margin:24px auto!important}.community-welcome-icon{font-size:40px}.community-check{display:flex!important;gap:10px;align-items:flex-start;line-height:1.7;font-size:14px;margin:18px 0}.community-check input{width:18px!important;height:18px;margin-top:4px;flex:none}.community-chat-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.community-friend{display:flex;align-items:center;gap:10px;width:100%;text-align:left;box-shadow:none;border:1px solid #efe1ca;background:#fffaf0;margin-bottom:10px;padding:12px;white-space:normal}.community-friend.selected{background:#fff0c3;border-color:#efbf64}.community-friend>span:last-child{min-width:0;overflow-wrap:anywhere}.community-chat-heading{display:flex;justify-content:space-between;gap:12px;align-items:start;border-bottom:1px solid #eee0c8}.community-chat-heading h3{overflow-wrap:anywhere}.community-chat-heading details{max-width:230px;font-size:12px}.community-chat-heading summary{cursor:pointer;margin:16px 0}.community-chat-heading button{font-size:11px;padding:7px}.community-chat-empty{text-align:center;background:#fffbf2;border-radius:22px;padding:26px}.community-chat-empty img{width:100px}.community-chat-empty p{font-size:14px}.community-messages{max-height:390px;min-height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:18px 5px;scrollbar-width:thin}.community-bubble{max-width:86%;align-self:flex-start;background:#f2eddf;border-radius:17px 17px 17px 4px;padding:12px 16px}.community-bubble.mine{align-self:flex-end;background:#ffe8ad;border-radius:17px 17px 4px 17px}.community-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;font-size:14px}.community-bubble small{font-size:10px;color:#8a7354}#community-compose{display:flex;flex-wrap:wrap;gap:10px;align-items:end;border-top:1px solid #eee0c8;padding-top:16px}#community-compose label{flex:1;min-width:160px}#community-compose textarea{width:100%;resize:vertical;min-height:76px}#community-compose button{font-size:12px;padding:13px}#community-send-status{width:100%;font-size:12px;color:#a24e30}.community-settings>summary{font-weight:700;cursor:pointer}.community-settings form{max-width:500px;margin:18px 0}.community-settings details{margin-top:22px;font-size:13px}#community-status{font-size:14px;color:#a45a2e;line-height:1.8;overflow-wrap:anywhere}#community-status:empty{display:none}
@media(max-width:1000px){.community-layout{grid-template-columns:1fr}.community-social{display:grid;grid-template-columns:1fr 1fr;gap:18px}.community-chat-layout{grid-template-columns:190px minmax(0,1fr)}}@media(max-width:650px){.community-hero{padding:20px 16px;gap:13px;border-radius:22px}.community-hero img{width:78px}.community-hero h2{font-size:19px}.community-hero p{font-size:13px;line-height:1.7}.community-hero .chip{font-size:9px}.community-social{display:block}.community-profile-strip{align-items:flex-start;padding:16px;flex-wrap:wrap}.community-profile-strip small{font-size:10px;overflow-wrap:anywhere}.community-heading h2{font-size:19px}.community-chat-layout{grid-template-columns:1fr}.community-friend{width:100%;margin-bottom:8px}.community-avatar{width:36px;height:36px;flex-basis:36px;font-size:18px}.community-board li{gap:9px;padding:14px 0}.community-board strong{font-size:13px}.community-board li>b{font-size:18px}.community-ranking,.community-inbox{padding:18px!important}.community-board small{font-size:10px}.community-invite{flex-wrap:wrap}.community-invite label{flex-basis:100%}.community-chat-heading{flex-wrap:wrap}.community-chat-heading details{max-width:100%;width:100%}.community-chat-heading summary{margin:4px 0 12px}.community-bubble{max-width:94%}.community-person-actions{max-width:120px}.community-messages{max-height:360px}#community-compose label{flex-basis:100%}}
.community-board{max-height:625px;overflow-y:auto;scrollbar-width:thin;padding-right:6px}#community-online{max-height:280px;overflow-y:auto;scrollbar-width:thin;padding-right:5px}.community-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 22px}.community-shortcuts button{font-size:13px;padding:10px 14px;box-shadow:none;background:#fff4da;border:1px solid #efd8ab}.community-ranking,.community-inbox,.community-social>.card{scroll-margin-top:25px}
.community-avatar{overflow:hidden}.community-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}