#modal[data-kind=community]{width:min(680px,96cqw);height:min(630px,94cqh);border:12px solid transparent;border-image:url('/public/assets/rpg-window-frame-v1.webp') 30 fill / 12px / 0 stretch;background:#161b18!important;padding:20px;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}
#modal[data-kind=community]>header{flex:none;padding:0 0 14px;border-bottom:1px solid #a68e5640;margin-bottom:12px}#modal[data-kind=community] #modal-title{font:600 21px/1.4 system-ui}#modal[data-kind=community] #modal-body{flex:1;min-height:0;padding:0;overflow:hidden}
#community-root{height:100%;display:flex;flex-direction:column;color:#e8e0cf;font:13px/1.5 system-ui;letter-spacing:0;text-shadow:none}.community-tabs{display:flex;gap:20px;flex:none;border-bottom:1px solid #8c795248;margin-bottom:14px}
#modal-body .community-tabs button{border:0;border-bottom:2px solid transparent;background:none!important;margin:0;padding:10px 14px;font:inherit;color:#bcbcab;cursor:pointer}.community-tabs button[aria-pressed=true]{border-bottom-color:#d2b579!important;color:#f7e3b6!important}.community-tabs b{color:#f0ba72}
.community-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#9b8556 #151b16;padding-right:5px}.community-scroll h3{font:600 14px/1.5 system-ui;margin:20px 0 10px}.community-scroll h3 small{font-weight:400;color:#a6ae9d;margin-left:8px}
.community-form{display:flex;gap:10px;margin:8px 0 20px}.community-form input{min-width:0;flex:1;background:#0c1412;border:1px solid #6f684f;border-radius:3px;padding:10px;color:#f3eddd;font:inherit}
#modal[data-kind=community] button.community-button{font:12px/1.4 system-ui;min-width:0;min-height:36px;padding:7px 12px;border:1px solid #87774f;background:#34392b!important;color:#eee0bd;cursor:pointer;border-radius:3px;margin:0;letter-spacing:0}#modal[data-kind=community] button.community-button:hover{border-color:#ddc388;background:#444b36!important}
#community-root footer{position:static;inset:auto;letter-spacing:0;margin:0;width:auto}
#modal[data-kind=community] button.community-button{display:inline-block;text-shadow:none}
.community-person{display:flex;align-items:center;gap:12px;border-bottom:1px solid #8f7d4b2d;padding:14px 6px}.community-person>div{flex:1;min-width:0}.community-person strong{display:block;font-weight:550;overflow-wrap:anywhere}.community-person small{display:block;font-size:11px;color:#959e94;margin-top:3px}.community-person .is-online{color:#a7cfa6}.community-person footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:55%}.community-avatar{display:grid;place-items:center;width:38px;height:42px;flex:none;background:url('/public/assets/rpg-item-slot-v1.webp') center/100% 100%;font-size:16px;color:#d8c590}.guild-rank{font-size:11px;color:#e2ba72;font-style:normal}.community-empty{text-align:center;padding:32px 0;color:#a5ab9c}.community-actions{display:flex;gap:10px;justify-content:flex-end;margin:24px 0 8px}
.guild-heading{display:flex;align-items:center;gap:16px;padding:10px 0 22px;border-bottom:1px solid #9e895235;margin-bottom:18px}.guild-heading h3{font-size:24px;margin:0!important;color:#f0dba8}.guild-heading>div{flex:1}.guild-heading small{color:#aea58f;font-size:11px}.guild-heading>b{font-weight:400;color:#bdb69e}.guild-seal{font-size:32px;display:grid;place-items:center;width:64px;height:70px;background:url('/public/assets/rpg-item-slot-v1.webp') center/100% 100%;color:#cda65f}.guild-invitation{padding:16px;border:1px solid #a08b52;background:#333927;margin:12px 0}.guild-invitation h3{margin:5px 0 12px}.guild-invitation button+button{margin-left:10px!important}
.community-confirm{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 0 0;border-top:1px solid #b9a06566;flex:none}.community-confirm strong{margin-right:auto;font-size:12px}
#chat-log [data-channel=guild],#chat-log [data-channel=guild] b{color:#ffa652}#chat-log [data-channel=party],#chat-log [data-channel=party] b{color:#c49aff}#chat-log [data-channel=whisper],#chat-log [data-channel=whisper] b{color:#83e6a1}
#chat-log b{cursor:pointer}#whisper-target{min-width:0;width:140px;max-width:40%;height:24px;box-sizing:border-box;border:1px solid #51755a;background:#0b1712;color:#a2efb4;padding:2px 6px;font:12px system-ui}#whisper-target[hidden]{display:none}
#modal[data-kind=community]{width:min(780px,96cqw)}
#modal[data-kind=community] .community-tabs button{min-width:0;flex:1;text-shadow:none}
#community-root .community-tabs{gap:8px}
#community-root #content-root .content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@container game-viewport (max-height:540px){#modal[data-kind=community]{height:96cqh;padding:10px 14px;border-width:8px;border-image-width:8px}#modal[data-kind=community]>header{padding-bottom:6px;margin-bottom:6px}.community-tabs{margin-bottom:8px}#modal-body .community-tabs button{padding:6px 12px}.community-person{padding:10px 4px;gap:8px}.community-form{margin:3px 0 12px}.guild-heading{padding:5px 0 12px;margin-bottom:10px}.guild-heading h3{font-size:20px}.guild-seal{width:44px;height:50px;font-size:24px}.community-avatar{width:30px;height:34px}.community-person footer{gap:5px}#modal-body .community-person .community-button{padding:5px 8px;min-height:32px;font-size:11px}}