/* Direct replies and their consequences. Scoped to this article game. */
.article-page .reading-layout:has(+ .bp-game) { padding-bottom: 0; }
.bp-game {
  --bp-paper: #f4f2ed;
  --bp-white: #fffefa;
  --bp-ink: #262722;
  --bp-muted: #65655c;
  --bp-line: #d8d7ce;
  --bp-orange: #f56b2e;
  --bp-accent-ink: #a13c16;
  --bp-back: #292b26;
  color-scheme: light;
  color: var(--bp-ink);
  background: var(--bp-paper);
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 16px;
  line-height: 1.55;
  margin: 56px auto 24px;
  width: min(1120px, 100%);
  position: relative;
  border-radius: 16px;
  overflow: clip;
  scroll-margin-top: 100px;
  isolation: isolate;
  overflow-anchor: none;
}
.bp-game *, .bp-game *::before, .bp-game *::after { box-sizing: border-box; }
.bp-game [hidden] { display: none !important; }
.bp-game ::selection { color: var(--bp-white); background: var(--bp-accent-ink); }
.bp-game button, .bp-game select, .bp-game textarea, .bp-game input { font: inherit; color: inherit; }
.bp-game button { cursor: pointer; touch-action: manipulation; }
.bp-game button:disabled { cursor: default; opacity: .5; }
.bp-game button, .bp-game a, .bp-game summary { -webkit-tap-highlight-color: transparent; }
.bp-game :focus-visible { outline: 3px solid var(--bp-accent-ink); outline-offset: 4px; }
.bp-game [tabindex='-1']:focus { outline: none; }
.bp-game p, .bp-game h2, .bp-game h3, .bp-game h4, .bp-game ul, .bp-game ol { margin: 0; }
.bp-game h2, .bp-game h3 { font-family: inherit; text-wrap: balance; letter-spacing: -.035em; }
.bp-game svg { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.bp-game .bp-button {
  border: 0;
  border-radius: 10px;
  background: var(--bp-ink);
  color: var(--bp-white);
  min-height: 50px;
  padding: 13px 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  font-size: 15px;
  font-weight: 650;
  transition: background 140ms, transform 140ms;
}
.bp-game .bp-button:hover:not(:disabled) { background: #41443a; }
.bp-game .bp-button:active:not(:disabled) { transform: translateY(1px); }
.bp-game .bp-button svg { color: #ffa06c; }
.bp-game .bp-button--light { color: var(--bp-ink); background: var(--bp-white); border: 1px solid var(--bp-line); }
.bp-game .bp-button--light:hover:not(:disabled) { background: #e9e7df; }
.bp-game .bp-text-button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 8px 4px;
  border: 0;
  background: transparent;
  color: var(--bp-muted);
  font-size: 13px;
  text-align: left;
}
.bp-game .bp-text-button:hover { color: var(--bp-ink); text-decoration: underline; text-underline-offset: 4px; }
.bp-game [data-bp-action='close'] { min-width: 44px; flex: 0 0 44px; justify-content: center; padding: 8px; }
.bp-game .bp-quiet, .bp-game .bp-kicker { color: var(--bp-muted); font-size: 12px; line-height: 1.55; }
.bp-game .bp-intro { padding: clamp(28px, 5vw, 56px); display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; }
.bp-game .bp-intro-copy h2 { font-size: clamp(30px, 4vw, 48px); line-height: 1.08; max-width: 470px; font-weight: 750; }
.bp-game .bp-intro-lead { margin-top: 18px; max-width: 360px; font-size: 17px; line-height: 1.6; color: var(--bp-muted); }
.bp-game .bp-kicker { margin: 22px 0 12px; }
.bp-game .bp-intro-copy > .bp-button { margin-top: 25px; }
.bp-game .bp-session-note { margin-top: 12px; max-width: 360px; color: var(--bp-muted); font-size: 12px; line-height: 1.55; }
.bp-game .bp-intro-preview { position: relative; background: var(--bp-white); border-radius: 16px 16px 16px 4px; padding: 28px 28px 38px; font-size: 19px; line-height: 1.6; }
.bp-game .bp-intro-preview-label { font-size: 12px; font-weight: 650; color: var(--bp-muted); margin-bottom: 12px; }
.bp-game .bp-intro-preview::after { content: 'А ты что ответишь?'; position: absolute; bottom: -20px; right: 24px; color: var(--bp-white); background: var(--bp-back); padding: 9px 14px; border-radius: 6px 6px 2px 6px; font-size: 12px; }
.bp-game .bp-fallback { padding: 0 32px 28px; color: var(--bp-muted); font-size: 13px; }
.bp-game[data-bp-ready] .bp-fallback { display: none; }
.bp-entry-link { margin: 0 0 28px; font-size: 14px; }
.bp-entry-link a { color: var(--accent-text, #a13c16); text-decoration: underline; text-underline-offset: 4px; }
.bp-game .bp-header { padding: 25px 32px 23px; border-bottom: 1px solid var(--bp-line); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.bp-game .bp-header h2 { font-size: 24px; line-height: 1.15; font-weight: 700; }
.bp-game .bp-header p { margin-top: 5px; font-size: 12px; color: var(--bp-muted); }
.bp-game .bp-header-actions { display: flex; gap: 14px; align-items: center; }
.bp-game .bp-progress { display: flex; list-style: none; gap: 5px; padding: 0; }
.bp-game .bp-step { display: flex; justify-content: center; align-items: center; min-width: 36px; min-height: 36px; border: 0; background: transparent; border-radius: 8px; font-size: 12px; font-variant-numeric: tabular-nums; }
.bp-game .bp-step[aria-current='step'] { background: var(--bp-ink); color: var(--bp-white); }
.bp-game .bp-step.bp-step--done:not([aria-current]) { background: #e5e3d9; opacity: 1; }
.bp-game .bp-layout { display: grid; grid-template-columns: 285px minmax(0, 1fr); }
.bp-game .bp-layout.bp-layout--event { grid-template-columns: minmax(0, 1fr); }
.bp-game .bp-screen-reader { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.bp-game .bp-layout--event .bp-workspace { width: min(100%, 850px); margin-inline: auto; }
.bp-game .bp-context { padding: 28px 28px 30px 32px; border-right: 1px solid var(--bp-line); }
.bp-game .bp-context h3 { font-size: 24px; font-weight: 650; line-height: 1.22; margin-bottom: 25px; }
.bp-game .bp-context-label { font-size: 11px; text-transform: uppercase; letter-spacing: .07em; font-weight: 650; color: var(--bp-muted); }
.bp-game .bp-context-text { margin-top: 10px; font-size: 14px; line-height: 1.7; }
.bp-game .bp-timeline { margin: 10px 0 0; font-size: 13px; line-height: 1.55; }
.bp-game .bp-timeline > div { display: grid; grid-template-columns: 89px minmax(0, 1fr); gap: 9px; padding: 7px 0; border-bottom: 1px solid var(--bp-line); }
.bp-game .bp-timeline dt { font-weight: 650; font-variant-numeric: tabular-nums; }
.bp-game .bp-timeline dd { margin: 0; }
.bp-game .bp-trip-stake { margin-top: 16px; font-size: 13px; line-height: 1.6; }
.bp-game .bp-trip-stake strong { display: block; margin-bottom: 4px; font-weight: 650; }
.bp-game .bp-context-cost { margin-top: 22px; padding-top: 17px; border-top: 1px solid var(--bp-line); }
.bp-game .bp-context-cost p { margin-top: 6px; font-size: 14px; font-weight: 600; }
.bp-game .bp-context-cost .bp-quiet { font-weight: 400; font-size: 11px; margin-top: 12px; }
.bp-game .bp-context-footer { margin-top: 26px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.bp-game .bp-workspace { min-width: 0; padding: 28px 32px 32px; }
.bp-game .bp-contact { display: flex; align-items: center; gap: 11px; margin-bottom: 15px; }
.bp-game .bp-avatar { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #deded2; font-size: 12px; font-weight: 700; flex-shrink: 0; }
.bp-game .bp-contact-name { font-size: 13px; font-weight: 650; }
.bp-game .bp-contact-note { font-size: 11px; color: var(--bp-muted); }
.bp-game .bp-incoming { background: #e9e7df; padding: 18px 21px; border-radius: 14px 14px 14px 3px; font-size: 17px; line-height: 1.6; max-width: 580px; }
.bp-game .bp-composer { margin-top: 25px; background: var(--bp-white); border-radius: 14px; overflow: clip; border: 1px solid var(--bp-line); }
.bp-game .bp-draft-top { padding: 8px 21px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--bp-muted); font-size: 12px; }
.bp-game .bp-draft-top h4 { font-size: 12px; line-height: 1.5; font-weight: 550; scroll-margin-top: 100px; }
.bp-game .bp-draft-top .bp-text-button { font-size: 12px; flex-shrink: 0; }
.bp-game .bp-draft-top svg { width: 15px; height: 15px; }
.bp-game .bp-draft-text { padding: 8px 21px 20px; font-size: clamp(18px, 1.8vw, 23px); line-height: 1.5; }
.bp-game .bp-draft-text--empty { color: #77776c; font-weight: 400; }
.bp-game .bp-draft-foot { padding: 14px 18px; border-top: 1px solid var(--bp-line); display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.bp-game .bp-selected-cost { font-size: 12px; color: var(--bp-muted); max-width: 290px; }
.bp-game .bp-send { min-width: 145px; flex-shrink: 0; }
.bp-game .bp-mobile-send { display: none; }
.bp-game .bp-context-short, .bp-game .bp-context-toggle, .bp-game .bp-price-short { display: none; }
.bp-game .bp-reply-choices { margin-top: 24px; }
.bp-game .bp-reply-choices h4 { font-size: 18px; line-height: 1.35; font-weight: 650; }
.bp-game .bp-reply-choices .bp-options { margin-top: 10px; }
.bp-game .bp-reply-choices .bp-option-cost { font-size: 12px; }
.bp-game .bp-choice-stage { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; gap: 24px; margin-top: 24px; }
.bp-game .bp-choice-stage .bp-reply-choices { margin-top: 0; }
.bp-game .bp-choice-stage > .bp-reverse { border-radius: 12px; overflow: clip; }
.bp-game .bp-turn-line { font-size: 21px; line-height: 1.45; max-width: 520px; margin-top: 18px; }
.bp-game .bp-current-request { margin: 20px 0; font-size: 14px; line-height: 1.6; }
.bp-game .bp-current-request span { color: var(--bp-muted); font-size: 12px; }
.bp-game .bp-current-request p { margin-top: 6px; }
.bp-game .bp-mirror-board { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--bp-line); border-radius: 14px; overflow: clip; }
.bp-game .bp-mirror-board > div { padding: 21px; }
.bp-game .bp-mirror-before { background: var(--bp-white); }
.bp-game .bp-mirror-now { background: var(--bp-back); color: #f7f5ea; }
.bp-game .bp-mirror-board span { display: block; font-size: 12px; font-weight: 600; margin-bottom: 12px; }
.bp-game .bp-mirror-before span { color: var(--bp-muted); }
.bp-game .bp-mirror-now span { color: #c6cabc; }
.bp-game .bp-mirror-explanation { color: var(--bp-muted); font-size: 13px; line-height: 1.6; margin: 0 0 16px; }
.bp-game .bp-mirror-lead { margin-bottom: 16px; }
.bp-game .bp-mirror-lead .bp-transcript { margin-top: 0; }
.bp-game .bp-mirror-board p { font-size: 20px; line-height: 1.5; }
.bp-game .bp-mirror-board { animation: bp-change-sides 440ms cubic-bezier(.16,1,.3,1) both; }
@keyframes bp-change-sides { from { clip-path: inset(0 48% 0 0); } to { clip-path: inset(0); } }
.bp-game .bp-reverse { background: var(--bp-back); color: #f7f5ea; }
.bp-game .bp-reverse-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 21px 0; }
.bp-game .bp-reverse-head h4 { font-size: 15px; font-weight: 650; line-height: 1.5; }
.bp-game .bp-reverse-meta { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; font-size: 11px; color: #c6cabc; }
.bp-game .bp-reverse-inner { padding: 7px 21px 10px; }
.bp-game .bp-reverse-note { font-size: 12px; color: #c6cabc; margin-bottom: 11px; line-height: 1.6; }
.bp-game .bp-thought { display: flex; align-items: flex-start; gap: 11px; min-height: 44px; padding: 11px 0; border-top: 1px solid #474a40; font-size: 13px; line-height: 1.55; cursor: pointer; touch-action: manipulation; }
.bp-game .bp-thought:hover { color: #fffefa; }
.bp-game .bp-thought:has(input:checked) { font-weight: 600; }
.bp-game .bp-thought input { appearance: none; width: 18px; height: 18px; min-width: 18px; border: 1px solid #b8bcab; border-radius: 4px; margin: 1px 0 0; background: transparent; display: grid; place-items: center; }
.bp-game .bp-thought input:focus-visible { outline: 3px solid #f7f5ea; outline-offset: 4px; }
.bp-game .bp-thought input:checked { background: #f2f0e4; border-color: #f2f0e4; }
.bp-game .bp-thought input:checked::before { content: ''; width: 8px; height: 4px; border-left: 2px solid var(--bp-back); border-bottom: 2px solid var(--bp-back); transform: rotate(-45deg) translateY(-1px); }
.bp-game .bp-options { list-style: none; padding: 0; margin-top: 18px; }
.bp-game .bp-option { display: flex; gap: 12px; align-items: flex-start; width: 100%; border: 0; border-top: 1px solid var(--bp-line); background: transparent; padding: 15px 2px; text-align: left; font-size: 14px; line-height: 1.6; }
.bp-game .bp-option:hover { background: #eae8e0; }
.bp-game .bp-option-radio { width: 17px; height: 17px; flex: 0 0 17px; border: 1px solid #858579; border-radius: 50%; display: grid; place-items: center; margin-top: 3px; }
.bp-game .bp-option[aria-pressed='true'] .bp-option-radio { border-color: var(--bp-ink); }
.bp-game .bp-option[aria-pressed='true'] .bp-option-radio::after { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--bp-ink); }
.bp-game .bp-option-copy { flex: 1; min-width: 0; }
.bp-game .bp-option-cost { display: block; color: var(--bp-muted); font-size: 11px; margin-top: 3px; }
.bp-game .bp-option[aria-pressed='true'] .bp-option-copy { font-weight: 600; }
.bp-game .bp-transcript { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 13px; margin-top: 19px; }
.bp-game .bp-message { padding: 16px 20px; border-radius: 14px 14px 14px 3px; background: #e9e7df; max-width: 88%; align-self: flex-start; font-size: 16px; line-height: 1.6; }
.bp-game .bp-message--you { background: var(--bp-white); border-radius: 14px 14px 3px 14px; align-self: flex-end; }
.bp-game .bp-message-role { display: block; font-size: 10px; font-weight: 650; color: var(--bp-muted); margin-bottom: 5px; text-transform: uppercase; letter-spacing: .065em; }
.bp-game .bp-message--note { padding: 7px 0; max-width: 100%; background: none; font-size: 12px; color: var(--bp-muted); align-self: center; text-align: center; }
.bp-game .bp-unsent { margin: 18px 0 0 auto; background: var(--bp-back); color: #f7f5ea; padding: 15px 20px; border-radius: 3px 12px 12px 12px; max-width: 88%; font-size: 13px; }
.bp-game .bp-unsent-label { color: #c6cabc; font-size: 10px; text-transform: uppercase; letter-spacing: .065em; margin-bottom: 7px; }
.bp-game .bp-unsent p + p { margin-top: 6px; }
.bp-game[data-bp-role='reversed'] .bp-message--you { align-self: flex-start; border-radius: 14px 14px 14px 3px; }
.bp-game[data-bp-role='reversed'] .bp-message--them { align-self: flex-end; border-radius: 14px 14px 3px 14px; }
.bp-game[data-bp-role='reversed'] .bp-unsent { margin-left: 0; margin-right: auto; }
.bp-game .bp-result { padding-top: 20px; margin-top: 22px; border-top: 1px solid var(--bp-line); }
.bp-game .bp-result h4 { font-size: 13px; font-weight: 650; margin-bottom: 6px; }
.bp-game .bp-result p { font-size: 13px; color: var(--bp-muted); }
.bp-game .bp-next-row { display: flex; gap: 16px; align-items: center; justify-content: space-between; margin-top: 22px; }
.bp-game .bp-action-group { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; }
.bp-game .bp-followup { margin-top: 23px; padding-top: 21px; border-top: 1px solid var(--bp-line); }
.bp-game .bp-followup h4 { font-size: 13px; font-weight: 650; }
.bp-game .bp-followup .bp-options { margin-top: 12px; }
.bp-game .bp-action-preview { margin-top: 15px; background: var(--bp-white); padding: 18px 20px; border-radius: 12px; }
.bp-game .bp-action-preview h4 { color: var(--bp-muted); font-size: 12px; font-weight: 550; margin-bottom: 10px; }
.bp-game .bp-action-preview > p { font-size: 16px; line-height: 1.6; margin-bottom: 10px; }
.bp-game .bp-action-preview .bp-quiet { margin-bottom: 16px; }
.bp-game .bp-details { margin-top: 18px; font-size: 13px; }
.bp-game .bp-details summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: 8px; color: var(--bp-muted); }
.bp-game .bp-details p { line-height: 1.6; margin: 9px 0; }
.bp-game .bp-story-title { font-size: clamp(21px, 2.2vw, 28px); line-height: 1.3; font-weight: 650; margin-bottom: 12px; }
.bp-game .bp-history { margin-top: 0; margin-bottom: 18px; }
.bp-game .bp-history-content { padding-bottom: 8px; }
.bp-game .bp-history-content > p { padding-block: 10px; border-bottom: 1px solid var(--bp-line); color: var(--bp-muted); }
.bp-game .bp-history-content strong { font-size: 11px; font-weight: 600; color: var(--bp-ink); }
.bp-game .bp-story-title ~ .bp-transcript .bp-message--note { padding: 7px 0; max-width: 100%; font-size: 12px; }
.bp-game .bp-timejump { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--bp-line); }
.bp-game .bp-timejump .bp-button { margin-top: 9px; }
.bp-game .bp-notice { font-size: 12px; line-height: 1.6; color: var(--bp-accent-ink); margin: 15px 0 0; }
.bp-game .bp-error { padding: 24px 32px; font-size: 14px; line-height: 1.6; }
.bp-game .bp-receipt-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 42px; padding: 32px; }
.bp-game .bp-receipt { background: var(--bp-white); padding: 32px; position: relative; margin-bottom: 12px; }
.bp-game .bp-receipt::after { content: ''; position: absolute; height: 10px; bottom: -9px; left: 0; right: 0; background: var(--bp-white); clip-path: polygon(0 0,100% 0,100% 40%,98% 100%,96% 40%,94% 100%,92% 40%,90% 100%,88% 40%,86% 100%,84% 40%,82% 100%,80% 40%,78% 100%,76% 40%,74% 100%,72% 40%,70% 100%,68% 40%,66% 100%,64% 40%,62% 100%,60% 40%,58% 100%,56% 40%,54% 100%,52% 40%,50% 100%,48% 40%,46% 100%,44% 40%,42% 100%,40% 40%,38% 100%,36% 40%,34% 100%,32% 40%,30% 100%,28% 40%,26% 100%,24% 40%,22% 100%,20% 40%,18% 100%,16% 40%,14% 100%,12% 40%,10% 100%,8% 40%,6% 100%,4% 40%,2% 100%,0 40%); }
.bp-game .bp-receipt h3 { font-size: 48px; line-height: 1.05; font-weight: 750; text-transform: uppercase; }
.bp-game .bp-receipt-sub { margin-top: 8px; font-size: 12px; color: var(--bp-muted); }
.bp-game .bp-receipt-row { border-top: 1px dashed #c9c8bd; padding: 19px 0; }
.bp-game .bp-receipt-row:first-of-type { margin-top: 26px; }
.bp-game .bp-receipt-row h4 { font-size: 14px; font-weight: 700; margin-bottom: 7px; }
.bp-game .bp-receipt-row p { font-size: 12px; line-height: 1.65; }
.bp-game .bp-receipt-row p + p { margin-top: 5px; }
.bp-game .bp-receipt-row .bp-details { margin-top: 4px; }
.bp-game .bp-thought-status { display: inline-block; color: var(--bp-accent-ink); font-size: 10px; margin: 4px 0 8px; font-weight: 650; }
.bp-game .bp-signature { padding-top: 21px; border-top: 1px dashed #c9c8bd; font-size: 11px; color: var(--bp-muted); }
.bp-game .bp-finish h3 { font-size: 28px; line-height: 1.3; font-weight: 650; }
.bp-game .bp-finish > p { font-size: 14px; color: var(--bp-muted); line-height: 1.7; margin-top: 13px; }
.bp-game .bp-finish-actions { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 10px; }
.bp-game .bp-dispute { margin-top: 24px; border-top: 1px solid var(--bp-line); padding-top: 20px; }
.bp-game .bp-dispute h4, .bp-game .bp-export h4 { font-size: 15px; margin-bottom: 12px; }
.bp-game .bp-select { display: block; width: 100%; min-height: 46px; padding: 10px 32px 10px 12px; border: 1px solid var(--bp-line); border-radius: 8px; background: var(--bp-white); font-size: 13px; margin-bottom: 12px; }
.bp-game .bp-dispute-answer { padding: 15px 0; font-size: 13px; line-height: 1.65; }
.bp-game .bp-dispute-answer p + p { margin-top: 8px; }
.bp-game .bp-dispute-answer strong { display: block; font-size: 14px; margin-top: 14px; }
.bp-game .bp-export { margin-top: 30px; border-top: 1px solid var(--bp-line); padding-top: 22px; }
.bp-game .bp-card-preview { white-space: pre-wrap; padding: 22px; margin-top: 14px; background: var(--bp-white); font-size: 14px; line-height: 1.7; border-radius: 12px; overflow-wrap: anywhere; }
.bp-game .bp-card-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.bp-game .bp-card-actions .bp-button { min-height: 44px; font-size: 12px; padding: 11px 14px; }
.bp-game .bp-clipboard-text { display: block; resize: vertical; width: 100%; min-height: 180px; background: var(--bp-white); border: 1px solid var(--bp-line); border-radius: 8px; padding: 12px; font-size: 13px; line-height: 1.6; margin-top: 12px; caret-color: var(--bp-accent-ink); }
.bp-game .bp-export-check { display: flex; gap: 9px; font-size: 12px; line-height: 1.6; margin-top: 14px; }
.bp-game .bp-export-check input { accent-color: var(--bp-accent-ink); }
.bp-game .bp-finish-intro { padding: 32px 32px 0; max-width: 850px; }
.bp-game .bp-finish-intro h3 { font-size: clamp(25px, 2.6vw, 36px); line-height: 1.25; font-weight: 650; }
.bp-game .bp-finish-intro > p { margin-top: 13px; color: var(--bp-muted); font-size: 15px; line-height: 1.6; }
.bp-game .bp-receipt-layout { grid-template-columns: minmax(0,1.25fr) minmax(240px,.75fr); align-items: start; }
.bp-game .bp-export { margin-top: 0; padding-top: 0; border: 0; }
.bp-game .bp-export > h4 { font-size: 24px; margin-bottom: 10px; }
.bp-game .bp-export-lead { font-size: 14px; line-height: 1.6; color: var(--bp-muted); }
.bp-game .bp-share-card { margin-top: 22px; padding: 28px; border: 1px solid var(--bp-line); border-radius: 14px; }
.bp-game .bp-share-context { font-size: 13px; color: var(--bp-muted); line-height: 1.6; margin-bottom: 18px; }
.bp-game .bp-share-quote { padding: 18px; background: var(--bp-white); border-radius: 10px; margin-top: 12px; }
.bp-game .bp-share-quote span, .bp-game .bp-share-thought span { display: block; font-size: 11px; color: var(--bp-muted); margin-bottom: 8px; }
.bp-game .bp-share-quote p { font-size: 20px; line-height: 1.5; }
.bp-game .bp-share-thought { background: var(--bp-back); color: #f7f5ea; padding: 18px; margin-top: 12px; border-radius: 10px; }
.bp-game .bp-share-thought span { color: #c6cabc; }
.bp-game .bp-share-thought p { font-size: 15px; line-height: 1.6; }
.bp-game .bp-share-fact { margin-top: 18px; font-size: 12px; color: var(--bp-muted); line-height: 1.6; }
.bp-game .bp-share-card h4 { margin-top: 23px; font-size: 27px; line-height: 1.25; letter-spacing: -.025em; text-wrap: balance; }
.bp-game .bp-share-stance { margin-top: 16px; font-size: 13px; line-height: 1.6; }
.bp-game .bp-share-sign { margin-top: 25px; padding-top: 14px; border-top: 1px solid var(--bp-line); font-size: 11px; color: var(--bp-muted); }
.bp-game .bp-card-actions .bp-button { font-size: 13px; }
.bp-game .bp-receipt-wrap > summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; min-height: 60px; cursor: pointer; font-size: 16px; line-height: 1.4; }
.bp-game .bp-receipt-wrap > summary svg { flex-shrink: 0; }
.bp-game .bp-receipt-wrap[open] > summary svg { transform: rotate(180deg); }
.bp-game .bp-receipt-wrap .bp-receipt { padding: 22px; margin-top: 18px; }
.bp-game .bp-receipt { animation: bp-paper-arrives 280ms cubic-bezier(.16, 1, .3, 1) both; }
@keyframes bp-paper-arrives { from { clip-path: inset(0 0 9% 0); transform: translateY(-8px); } to { clip-path: inset(0 0 -12px 0); transform: translateY(0); } }
@media (max-width: 850px) {
  .bp-game .bp-choice-stage { grid-template-columns: 1fr; gap: 20px; }
  .bp-game { width: min(100%, calc(100vw - 36px)); }
  .bp-game .bp-header { padding: 22px 24px; }
  .bp-game .bp-header h2 { font-size: 21px; }
  .bp-game .bp-header-actions { gap: 8px; }
  .bp-game .bp-step { min-width: 30px; min-height: 32px; }
  .bp-game .bp-layout { grid-template-columns: 220px minmax(0, 1fr); }
  .bp-game .bp-context { padding: 24px 20px 24px 24px; }
  .bp-game .bp-context h3 { font-size: 22px; }
  .bp-game .bp-workspace { padding: 24px; }
  .bp-game .bp-intro { gap: 28px; padding: 32px; }
  .bp-game .bp-intro-preview { padding: 22px; font-size: 16px; }
  .bp-game .bp-receipt-layout { padding: 24px; gap: 28px; grid-template-columns: 1fr; }
  .bp-game .bp-finish-intro { padding: 28px 24px 0; }
}
@media (max-width: 640px) {
  .bp-game { width: 100%; border-radius: 12px; margin-top: 36px; scroll-margin-top: 84px; }
  .bp-game .bp-intro { display: flex; flex-direction: column; padding: 26px 22px 40px; gap: 36px; align-items: stretch; }
  .bp-game .bp-intro-copy h2 { font-size: 34px; }
  .bp-game .bp-intro-lead { font-size: 16px; }
  .bp-game .bp-intro-preview { font-size: 16px; }
  .bp-game .bp-header { padding: 20px 20px 16px; flex-wrap: wrap; gap: 16px; }
  .bp-game .bp-header { padding: 13px 18px; gap: 8px; }
  .bp-game .bp-header h2 { display: none; }
  .bp-game .bp-header > div:first-child { display: none; }
  .bp-game .bp-header p { margin-top: 0; }
  .bp-game .bp-header h2 { font-size: 23px; }
  .bp-game .bp-header-actions { width: 100%; justify-content: space-between; gap: 8px; }
  .bp-game .bp-step { min-width: 36px; min-height: 44px; }
  .bp-game .bp-layout { display: block; }
  .bp-game .bp-context { padding: 21px 20px 19px; border: 0; border-bottom: 1px solid var(--bp-line); }
  .bp-game .bp-context h3 { font-size: 22px; margin-bottom: 10px; }
  .bp-game .bp-context-short { display: block; font-size: 13px; line-height: 1.55; }
  .bp-game .bp-price-full { display: none; }
  .bp-game .bp-price-short { display: block; }
  .bp-game .bp-context--open .bp-price-full { display: block; }
  .bp-game .bp-context--open .bp-price-short { display: none; }
  .bp-game .bp-context-full { display: none; }
  .bp-game .bp-context--open .bp-context-full { display: block; margin-top: 15px; }
  .bp-game .bp-context--open .bp-context-short { display: none; }
  .bp-game .bp-context-toggle { display: inline-flex; font-size: 12px; }
  .bp-game .bp-context-footer { flex-wrap: wrap; }
  .bp-game .bp-desktop-spacer { display: none; }
  .bp-game .bp-context-cost { margin-top: 11px; padding-top: 0; border: 0; }
  .bp-game .bp-context-cost .bp-context-label { display: none; }
  .bp-game .bp-context-cost p { font-size: 12px; font-weight: 550; }
  .bp-game .bp-context-text { font-size: 13px; line-height: 1.65; }
  .bp-game .bp-context--story > .bp-context-label { margin-bottom: 5px; }
  .bp-game .bp-context--story .bp-context-text { display: block; }
  .bp-game .bp-context-cost { margin-top: 15px; padding-top: 12px; }
  .bp-game .bp-context-cost { margin-top: 8px; padding-top: 0; }
  .bp-game .bp-context-cost .bp-quiet { margin-top: 8px; }
  .bp-game .bp-context-footer { margin-top: 9px; }
  .bp-game .bp-workspace { padding: 22px 20px; }
  .bp-game .bp-contact-note { display: none; }
  .bp-game .bp-incoming { font-size: 16px; padding: 17px 18px; }
  .bp-game .bp-draft-text { font-size: 19px; padding-inline: 17px; }
  .bp-game .bp-draft-top { padding-inline: 17px; }
  .bp-game .bp-draft-foot { flex-wrap: wrap; padding: 14px 17px; gap: 12px; }
  .bp-game .bp-selected-cost { max-width: none; width: 100%; }
  .bp-game .bp-send { width: 100%; }
  .bp-game .bp-mobile-send { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; background: var(--bp-paper); border-top: 1px solid var(--bp-line); }
  .bp-game .bp-mobile-send .bp-quiet { flex: 1; font-size: 11px; }
  .bp-game .bp-mobile-send .bp-button { min-width: 130px; font-size: 13px; }
.bp-game .bp-reverse-head { padding-inline: 17px; }
  .bp-game .bp-reverse-inner { padding-inline: 17px; }
  .bp-game .bp-option { font-size: 13px; }
  .bp-game .bp-reply-choices { margin-top: 20px; }
  .bp-game .bp-reply-choices .bp-option { font-size: 14px; padding-block: 13px; }
  .bp-game .bp-mirror-board { grid-template-columns: 1fr; }
  .bp-game .bp-mirror-board p { font-size: 20px; }
  .bp-game .bp-turn-line { font-size: 20px; }
  .bp-game .bp-message { font-size: 15px; padding: 15px 17px; max-width: 94%; }
  .bp-game .bp-unsent { max-width: 94%; }
  .bp-game .bp-next-row { flex-wrap: wrap; gap: 10px; }
  .bp-game .bp-next-row > .bp-button { width: 100%; }
  .bp-game .bp-timejump .bp-button { width: 100%; }
  .bp-game .bp-receipt-layout { padding: 22px 18px 28px; gap: 32px; }
  .bp-game .bp-finish-intro { padding: 24px 20px 0; }
  .bp-game .bp-share-card { padding: 18px; }
  .bp-game .bp-share-quote p { font-size: 18px; }
  .bp-game .bp-share-card h4 { font-size: 25px; }
  .bp-game .bp-receipt { padding: 26px 22px; }
  .bp-game .bp-receipt h3 { font-size: 42px; }
  .bp-game .bp-finish h3 { font-size: 25px; }
}
@media (max-width: 380px) {
  .bp-game .bp-header { padding-block: 8px; }
  .bp-game .bp-progress { gap: 2px; }
  .bp-game .bp-context { padding-top: 14px; padding-bottom: 10px; }
  .bp-game .bp-context h3 { font-size: 18px; margin-bottom: 8px; }
  .bp-game .bp-context-cost { margin-top: 6px; }
  .bp-game .bp-context-cost p { margin-top: 0; }
  .bp-game .bp-context-footer { margin-top: 0; }
  .bp-game .bp-workspace { padding-top: 14px; }
  .bp-game .bp-contact { margin-bottom: 10px; }
  .bp-game .bp-incoming { padding-block: 12px; }
  .bp-game .bp-reply-choices { margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .bp-game *, .bp-game *::before, .bp-game *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

.bp-game .bp-choice-note { margin-top: 5px; color: var(--bp-muted); font-size: 12px; }
.bp-game .bp-option { align-items: center; min-height: 54px; padding: 16px 8px; gap: 20px; }
.bp-game .bp-option > svg { width: 18px; color: var(--bp-accent-ink); }
.bp-game .bp-result { padding: 18px 20px; background: #e9e7df; border: 0; border-radius: 12px; }
.bp-game .bp-result h4 { font-size: 12px; color: var(--bp-muted); }
.bp-game .bp-result p { color: var(--bp-ink); font-size: 15px; line-height: 1.6; }
.bp-game .bp-explicit h4 { font-size: 15px; }
.bp-game .bp-step { min-height: 44px; min-width: 40px; }
.bp-game .bp-finale { padding: clamp(24px, 4vw, 44px); }
.bp-game .bp-finale > h3 { font-size: clamp(28px, 3.5vw, 42px); line-height: 1.15; max-width: 660px; }
.bp-game .bp-ending-results { padding: 0; margin-top: 30px; list-style: none; }
.bp-game .bp-ending-result { border-top: 1px solid var(--bp-line); padding: 22px 0; }
.bp-game .bp-ending-result h4 { font-size: 19px; font-weight: 650; }
.bp-game .bp-ending-outcome { display: block; margin-top: 6px; max-width: 75ch; font-size: 14px; line-height: 1.6; color: var(--bp-muted); }
@media (max-width: 640px) {
  .bp-game .bp-ending-result { padding: 19px 0; }
  .bp-game .bp-ending-outcome { font-size: 13px; }
  .bp-game .bp-step { min-width: 36px; }
}
@media (forced-colors: active) {
  .bp-game .bp-option-radio, .bp-game .bp-thought input { forced-color-adjust: auto; }
  .bp-game .bp-option[aria-pressed='true'] .bp-option-radio::after { background: Highlight; }
  .bp-game .bp-thought input:checked::before { border-color: Highlight; }
}
.bp-game #bp-receipt-title { scroll-margin-top: 100px; }