/* Бригады+ (A35) */
.bp-entry { display: flex; align-items: center; gap: 10px; width: 100%; box-sizing: border-box; margin: 0 0 10px; padding: 10px 12px; border-radius: 14px; border: 1px solid rgba(255,210,63,.35); background: linear-gradient(160deg, rgba(255,210,63,.1), rgba(43,255,136,.05)); color: inherit; text-align: left; font: inherit; cursor: pointer; }
.bp-entry.hot { border-color: rgba(255,90,60,.7); background: linear-gradient(160deg, rgba(255,90,60,.18), rgba(255,210,63,.08)); }
.bp-entry-em { font-size: 24px; }
.bp-entry-t { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.bp-entry-t small { opacity: .75; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bp-entry-go { font-size: 22px; opacity: .6; }
.bp-chip { margin: 4px auto 0; display: block; max-width: 100%; padding: 4px 10px; border-radius: 999px; border: 1px solid rgba(255,90,60,.6); background: rgba(255,90,60,.16); color: inherit; font: inherit; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bp-chip.on { box-shadow: 0 0 10px rgba(255,90,60,.6); }
.bp-sheet { position: fixed; inset: 0; z-index: 57; background: rgba(0,0,0,.6); display: flex; align-items: flex-end; justify-content: center; }
.bp-panel { width: 100%; max-width: 480px; height: 92vh; box-sizing: border-box; display: flex; flex-direction: column; border-radius: 18px 18px 0 0; background: var(--bg1, #0d1512); border: 1px solid rgba(255,255,255,.1); color: var(--text, #eafff3); overflow: hidden; }
.bp-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px 6px; }
.bp-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.bp-title small { font-weight: 400; opacity: .7; font-size: 12px; }
.bp-x { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; border: 0; background: rgba(255,255,255,.08); color: inherit; font-size: 15px; cursor: pointer; }
.bp-x.mini { width: 24px; height: 24px; font-size: 11px; margin-left: auto; }
.bp-tabs { display: flex; gap: 6px; overflow-x: auto; padding: 4px 12px 8px; scrollbar-width: none; flex-shrink: 0; }
.bp-tabs::-webkit-scrollbar { display: none; }
.bp-tab { flex-shrink: 0; padding: 6px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: inherit; font: inherit; font-size: 13px; }
.bp-tab.on { border-color: var(--neon, #2bff88); background: rgba(43,255,136,.16); }
.bp-body { flex: 1; overflow-y: auto; padding: 0 12px 24px; -webkit-overflow-scrolling: touch; }
.bp-load, .bp-empty { padding: 30px 10px; text-align: center; opacity: .75; line-height: 1.5; }
.bp-card { margin: 8px 0; padding: 12px; border-radius: 14px; background: var(--card, rgba(255,255,255,.05)); border: 1px solid rgba(255,255,255,.08); }
.bp-card.hot { border-color: rgba(255,90,60,.6); }
.bp-card.war { border-color: rgba(255,210,63,.45); }
.bp-card p { margin: 6px 0; }
.bp-h { font-weight: 800; margin-bottom: 6px; }
.bp-sub { margin: 12px 0 6px; font-size: 13px; font-weight: 700; opacity: .85; }
.bp-muted { font-size: 12px; opacity: .7; }
.bp-note { padding: 8px 10px; border-radius: 10px; background: rgba(255,255,255,.05); font-size: 13px; }
.bp-bonus { margin: 8px 0; padding: 8px 10px; border-radius: 10px; background: rgba(43,255,136,.1); color: var(--neon, #2bff88); font-size: 13px; }
.bp-big { font-size: 28px; font-weight: 900; color: var(--gold, #ffd23f); margin: 4px 0; word-break: break-all; }
.bp-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 6px 0; }
.bp-row > * { flex: 1 1 120px; }
.bp-quick > * { flex: 0 0 auto; }
.bp-in { box-sizing: border-box; min-width: 0; padding: 9px 11px; border-radius: 11px; border: 1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.25); color: inherit; font: inherit; font-size: 15px; }
.bp-in.wide, .bp-ta { width: 100%; }
.bp-ta { min-height: 70px; resize: vertical; }
.bp-btn { padding: 9px 12px; border-radius: 11px; border: 0; background: rgba(43,255,136,.2); color: inherit; font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; }
.bp-btn.gold { background: linear-gradient(180deg, #ffe27a, #ffd23f); color: #241a00; }
.bp-btn.ghost { background: rgba(255,255,255,.08); }
.bp-btn.danger { background: linear-gradient(180deg, #ff6a5a, #ff3b3b); color: #fff; }
.bp-btn.mini { padding: 5px 9px; font-size: 12px; flex: 0 0 auto; }
.bp-btn.wide { width: 100%; margin-top: 8px; }
.bp-btn.off, .bp-btn:disabled { opacity: .45; }
.bp-list, .bp-log, .bp-top { list-style: none; margin: 0; padding: 0; }
.bp-list li { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 2px; border-bottom: 1px solid rgba(255,255,255,.06); }
.bp-list li > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.bp-list small { opacity: .65; font-size: 11px; }
.bp-acts { display: flex; gap: 4px; flex-shrink: 0; }
.bp-log li { padding: 6px 0; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,.05); word-break: break-word; }
.bp-log small { opacity: .55; }
.bp-vs { display: flex; align-items: stretch; gap: 6px; margin: 8px 0; }
.bp-side { flex: 1; min-width: 0; padding: 8px; border-radius: 12px; background: rgba(255,90,60,.1); text-align: center; }
.bp-side.mine { background: rgba(43,255,136,.12); }
.bp-side-n { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bp-side-p { font-size: 24px; font-weight: 900; font-variant-numeric: tabular-nums; }
.bp-side small { opacity: .6; font-size: 11px; }
.bp-vs-x { align-self: center; font-weight: 900; opacity: .6; }
.bp-two { display: flex; gap: 10px; }
.bp-two > div { flex: 1; min-width: 0; }
.bp-top li { display: flex; justify-content: space-between; gap: 4px; font-size: 12px; padding: 3px 0; }
.bp-top span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bp-perk { display: flex; align-items: center; gap: 10px; margin: 8px 0; padding: 10px; border-radius: 12px; background: rgba(255,255,255,.05); }
.bp-perk-em { font-size: 24px; }
.bp-perk-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bp-perk-t span { font-size: 12px; opacity: .7; }
.bp-quest { margin: 8px 0; padding: 10px; border-radius: 12px; background: rgba(255,255,255,.05); }
.bp-quest.done { background: rgba(43,255,136,.1); }
.bp-q-t { display: flex; justify-content: space-between; gap: 6px; flex-wrap: wrap; }
.bp-q-t small { color: var(--gold, #ffd23f); }
.bp-bar { height: 8px; margin: 6px 0 3px; border-radius: 4px; background: rgba(255,255,255,.1); overflow: hidden; }
.bp-bar i { display: block; height: 100%; background: linear-gradient(90deg, #2bff88, #ffd23f); }
.bp-post { margin: 8px 0; padding: 10px; border-radius: 12px; background: rgba(255,210,63,.07); border-left: 3px solid var(--gold, #ffd23f); word-break: break-word; }
.bp-post-h { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.bp-post-h small { opacity: .55; }
/* A38: на вкладке «Банда» — поля как у остальных карточек */
.tabroot > .bp-entry { width: calc(100% - 20px); margin: 4px 10px 10px; }