/* Partner category: compact title row with the badge on the right. */
body.bylo-ne-bylo-page .truth-create-category.bnb-partner-category {
  grid-template-columns: 30px minmax(0, 1fr) 28px;
  align-items: start;
  gap: 5px 10px;
  padding: 12px 11px;
}
body.bylo-ne-bylo-page .truth-create-category.bnb-partner-category:not(.is-selected) {
  border-color: rgba(85, 154, 255, .38);
  background: linear-gradient(120deg, rgba(44, 106, 211, .13), rgba(255, 255, 255, .025));
}
body.bylo-ne-bylo-page .bnb-partner-category .truth-create-category__copy { display: contents; }
body.bylo-ne-bylo-page .bnb-partner-category .truth-invite-category__emoji { grid-area: 1 / 1 / 3 / 2; }
body.bylo-ne-bylo-page .bnb-partner-category .truth-invite-category__title {
  grid-area: 1 / 2 / 2 / 4;
  display: block;
  padding-right: 82px;
  align-self: center;
  overflow: visible;
}
body.bylo-ne-bylo-page .bnb-partner-category .truth-create-category__description { grid-area: 2 / 2 / 3 / 4; padding-right: 36px; }
body.bylo-ne-bylo-page .bnb-partner-category .bnb-partner-badge {
  position: static;
  grid-area: 1 / 2 / 2 / 4;
  align-self: center;
  justify-self: end;
  background: rgba(65, 135, 246, .2);
  color: #a9d0ff;
}
body.bylo-ne-bylo-page .bnb-partner-category .truth-create-category__mark {
  grid-area: 2 / 3 / 3 / 4;
  justify-self: end;
  margin-top: 0;
  background: rgba(65, 135, 246, .18);
  color: #b8d8ff;
}
:is(body.bylo-ne-bylo-page, body.alias-playerok-page) .bnb-playerok-modal {
  position: fixed; inset: 0; z-index: 3200;
  display: flex; align-items: center; justify-content: center;
  padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));
}
:is(body.bylo-ne-bylo-page, body.alias-playerok-page) .bnb-playerok-modal .modal__overlay {
  position: absolute; inset: 0; border: 0; border-radius: 0;
  background: rgba(3, 8, 18, .8); backdrop-filter: blur(6px);
}
:is(body.bylo-ne-bylo-page, body.alias-playerok-page) .bnb-playerok-dialog {
  position: relative; display: grid; gap: 14px;
  width: min(100%, 420px);
  max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  overflow-y: auto; overscroll-behavior: contain; box-sizing: border-box;
  margin: 0; padding: 20px;
  border: 1px solid rgba(105, 143, 255, .35); border-radius: 24px;
  background: radial-gradient(ellipse at 50% 0, rgba(41, 65, 222, .25), transparent 60%), #0d1423;
  color: #f5f8ff; box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
}
.bnb-playerok-brand { display: grid; justify-items: center; gap: 8px; padding-top: 10px; }
.bnb-playerok-brand img { display: block; width: calc(100% - 28px); max-width: 320px; height: auto; }
.bnb-playerok-dialog .bnb-playerok-brand p { margin: 0; font-size: .76rem; font-weight: 500; color: #b3c0dd; }
.bnb-playerok-reward {
  display: grid; gap: 11px; padding: 16px;
  border: 1px solid rgba(138, 165, 255, .19); border-radius: 17px;
  background: linear-gradient(135deg, rgba(58, 88, 216, .16), rgba(255, 255, 255, .025));
}
.bnb-playerok-reward-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 10px; font-size: .61rem; font-weight: 600; color: #adbcd8; }
.bnb-playerok-partner-label,
.bnb-playerok-count-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(111, 159, 255, .38);
  border-radius: 999px;
  background: rgba(57, 118, 255, .2);
  color: #c8dcff;
  font-weight: 800;
  line-height: 1;
}
.bnb-playerok-dialog h2 { margin: 0; font-size: clamp(1.15rem, 5.6vw, 1.5rem); line-height: 1.18; letter-spacing: -.025em; }
.bnb-playerok-topics { display: grid; gap: 7px; list-style: none; margin: 0; padding: 0; }
.bnb-playerok-topics li { position: relative; padding-left: 14px; color: #d1daeb; font-size: .78rem; line-height: 1.35; }
.bnb-playerok-topics li::before { content: ''; position: absolute; left: 0; top: .5em; width: 5px; height: 5px; border-radius: 50%; background: #79a5ff; }
.bnb-playerok-steps { display: grid; gap: 9px; margin: 0; padding: 0 2px; counter-reset: playerok-step; list-style: none; }
.bnb-playerok-steps li { display: grid; grid-template-columns: 21px 1fr; align-items: center; gap: 9px; color: #bac8e1; font-size: .74rem; line-height: 1.4; counter-increment: playerok-step; }
.bnb-playerok-steps li::before { content: counter(playerok-step); display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid #344974; border-radius: 50%; color: #aac7ff; font-size: .66rem; font-weight: 800; }
.bnb-playerok-close { position: absolute; z-index: 1; top: 9px; right: 9px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.07); color: #c7d3ea; font-size: 1.25rem; cursor: pointer; }
.bnb-playerok-action, .bnb-playerok-confirm, .bnb-playerok-dismiss {
  display: flex; align-items: center; justify-content: center;
  width: 100%; min-height: 46px; padding: 11px 12px; box-sizing: border-box;
  border: 1px solid transparent; border-radius: 13px; font: inherit; font-size: .85rem; font-weight: 800;
  text-align: center; text-decoration: none; cursor: pointer;
}
.bnb-playerok-action { color: #fff; background: linear-gradient(110deg, #244bfa, #326ffa); box-shadow: 0 6px 22px rgba(37, 83, 246, .22), inset 0 1px 0 rgba(255,255,255,.2); }
.bnb-playerok-action:hover { background: #386dfb; }
.bnb-playerok-confirm { color: #dceaff; border-color: #476da5; background: #1a3153; }
.bnb-playerok-confirm:disabled { opacity: .6; cursor: wait; }
.bnb-playerok-confirm[hidden], .bnb-playerok-steps[hidden], .bnb-playerok-dismiss[hidden] { display: none; }
.bnb-playerok-dismiss { min-height: 34px; padding: 6px; margin-top: -6px; color: #aebed5; background: transparent; font-size: .76rem; font-weight: 600; }
.bnb-playerok-dialog :is(a,button):focus-visible { outline: 2px solid #a9cbff; outline-offset: 3px; }
.bnb-playerok-dialog .bnb-playerok-notice:empty { display: none; }
.bnb-playerok-dialog .bnb-playerok-notice { margin: 0; color: #ffb8bf; font-size: .8rem; line-height: 1.4; }
:root[data-theme='light'] body.bylo-ne-bylo-page .bnb-partner-category .bnb-partner-badge,
:root[data-theme='light'] body.bylo-ne-bylo-page .bnb-partner-category .truth-create-category__mark { color: #174b9b; background: #dceaff; }
:root[data-theme='light'] :is(body.bylo-ne-bylo-page, body.alias-playerok-page) .bnb-playerok-dialog { background: radial-gradient(ellipse at 50% 0, #dce4ff, transparent 70%), #f7faff; color: #142b4c; border-color: #adc9ee; }
:root[data-theme='light'] .bnb-playerok-dialog .bnb-playerok-brand p,
:root[data-theme='light'] .bnb-playerok-topics li,
:root[data-theme='light'] .bnb-playerok-steps li { color: #425672; }
:root[data-theme='light'] .bnb-playerok-reward { border-color: #cedbf5; background: rgba(255,255,255,.7); }
:root[data-theme='light'] .bnb-playerok-reward-meta { color: #526687; }
:root[data-theme='light'] .bnb-playerok-partner-label,
:root[data-theme='light'] .bnb-playerok-count-badge { color: #244bad; background: #e0eaff; border-color: #afc8f2; }
:root[data-theme='light'] .bnb-playerok-steps li::before { border-color: #bccdec; color: #2853b4; }
:root[data-theme='light'] .bnb-playerok-close { color: #425672; background: #e7eef8; }
:root[data-theme='light'] .bnb-playerok-confirm { color: #174b9b; background: #e7f0ff; border-color: #9abcea; }
:root[data-theme='light'] .bnb-playerok-dismiss { color: #425672; }
:root[data-theme='light'] .bnb-playerok-dialog .bnb-playerok-notice { color: #ab2030; }
