body[data-area="hobby"] .bb-panel{margin-bottom:22px;padding:20px}
body[data-area="hobby"] .bb-panel .panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
body[data-area="hobby"] .bb-layout>div{min-width:0}
body[data-area="hobby"] .bb-person,body[data-area="hobby"] .bb-team-intro{display:flex;align-items:center;gap:14px;min-width:0}
body[data-area="hobby"] .bb-person>div,body[data-area="hobby"] .bb-team-intro>div{min-width:0;overflow-wrap:anywhere}
body[data-area="hobby"] .bb-avatar{display:inline-flex;flex:0 0 64px;width:64px;height:64px;background:#e2e5da;border:1px solid #ced3c3;border-radius:4px;align-items:center;justify-content:center;overflow:hidden}
body[data-area="hobby"] .bb-avatar img{width:100%;height:100%;object-fit:cover}
body[data-area="hobby"] .bb-avatar-letter{font-weight:700;font-size:25px;color:#4e5b40}
body[data-area="hobby"] .bb-avatar [hidden]{display:none}
body[data-area="hobby"] .bb-logo{width:88px;height:88px;flex-basis:88px}
body[data-area="hobby"] .bb-logo-placeholder{width:88px;min-width:88px;height:88px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #bbc1af;color:#4e5b40}
body[data-area="hobby"] .bb-logo-placeholder b{font-size:30px}
body[data-area="hobby"] .bb-logo-placeholder small{font-size:11px}
body[data-area="hobby"] .bb-roster-grid,body[data-area="hobby"] .bb-role-grid,body[data-area="hobby"] .bb-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-area="hobby"] .bb-player,body[data-area="hobby"] .bb-role,body[data-area="hobby"] .bb-media,body[data-area="hobby"] .bb-document{min-width:0;overflow-wrap:anywhere}
body[data-area="hobby"] .bb-panel h3{margin:5px 0}
body[data-area="hobby"] .bb-panel p{margin:7px 0}
body[data-area="hobby"] .bb-filter{display:flex;gap:6px;flex-wrap:wrap}
body[data-area="hobby"] .bb-filter [aria-pressed="true"]{background:#59634a;color:#fff}
body[data-area="hobby"] .bb-prewrap{white-space:pre-wrap;overflow-wrap:anywhere}
body[data-area="hobby"] .bb-rules-body{max-height:300px;overflow:auto;line-height:1.8}
body[data-area="hobby"] .bb-code{display:block;color:#68705e;font-size:11px}
body[data-area="hobby"] .bb-contact{font-size:12px;color:#5c6254}
body[data-area="hobby"] .bb-legacy{margin-top:18px;border-top:1px solid #d4d7cd;padding-top:12px}
body[data-area="hobby"] .bb-legacy summary{cursor:pointer}
body[data-area="hobby"] .bb-media-preview{width:100%;max-height:240px;aspect-ratio:4/3;object-fit:contain;background:#e8e9e3}
body[data-area="hobby"] .bb-media-preview[hidden],body[data-area="hobby"] .bb-media-error[hidden]{display:none}
body[data-area="hobby"] .bb-media a,body[data-area="hobby"] .bb-document a{display:block;overflow-wrap:anywhere}
body[data-area="hobby"] .bb-media small,body[data-area="hobby"] .bb-document small{display:block;margin-top:7px}
body[data-area="hobby"] .bb-media-error{font-size:12px}
body[data-area="hobby"] .bb-player-picker{display:grid;gap:10px}
body[data-area="hobby"] label.bb-player-option{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px;border:1px solid #cbd0c2;border-radius:4px}
body[data-area="hobby"] .bb-player-option>span:not(.bb-avatar){flex:1;min-width:0;overflow-wrap:anywhere}
body[data-area="hobby"] .bb-player-option small{display:block;font-size:12px}
body[data-area="hobby"] .bb-player-option input{width:18px;height:18px;flex:none}
body[data-area="hobby"] .bb-dialog textarea{min-height:120px}
body[data-area="hobby"] .bb-latest{max-height:180px;overflow:auto;border:1px solid #cbd0c2;padding:12px}
body[data-area="hobby"] .bb-status:not(:empty){padding:12px;margin-bottom:16px;border:1px solid #a78862}
@media(max-width:640px){body[data-area="hobby"] .bb-panel{padding:16px}body[data-area="hobby"] .bb-roster-grid,body[data-area="hobby"] .bb-role-grid,body[data-area="hobby"] .bb-gallery-grid{grid-template-columns:1fr}}