bunpai-sim,.bp-figure{--bp-older:#1e78c2;--bp-younger:#d9690b;--bp-sister:#2e7d32;--bp-older-ink:#fff;--bp-younger-ink:#1b1b1b;--bp-sister-ink:#fff;display:block}@media (prefers-color-scheme:dark){bunpai-sim,.bp-figure{--bp-older:#7cc0f5;--bp-younger:#ffab61;--bp-sister:#81c784;--bp-older-ink:#0b2540;--bp-younger-ink:#1b1b1b;--bp-sister-ink:#1b1b1b}}.bp rt{font-size:.5em}.bp-tabs{border-radius:var(--radius);background:var(--c-border);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.bp-tabs [role=tab]{border-radius:calc(var(--radius) - 4px);min-height:44px;color:var(--c-text);cursor:pointer;background:0 0;border:0;font-weight:700}.bp-tabs [role=tab][aria-selected=true]{background:var(--c-surface);color:var(--c-primary);box-shadow:0 1px 2px #00000026}.bp-panel{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);margin-top:.75rem;padding:1rem}.bp-panel>:first-child{margin-top:0}.bp-problem{margin:0 0 .25rem;font-size:1.0625rem;font-weight:700;line-height:2}.bp-mission{color:var(--c-muted);margin:0 0 .75rem;line-height:2}.bp-seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;margin-bottom:.75rem;display:grid}.bp-seg__btn{border:2px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);min-height:44px;color:var(--c-text);cursor:pointer;padding:.25rem;font-size:.9375rem;font-weight:700}.bp-seg__btn[aria-pressed=true],.bp-bump__btns .btn[aria-pressed=true]{border-color:var(--c-primary);background:var(--c-primary-soft);color:var(--c-primary)}.bp-chart{border-radius:var(--radius);background:var(--c-surface-2);margin:.75rem 0;padding:.5rem}.bp-chart figcaption{color:var(--c-muted);text-align:center;margin-top:.25rem;font-size:.8125rem;line-height:2}.bunpai-tape{width:100%;max-width:520px;height:auto;margin-inline:auto;display:block}.bunpai-tape .lbl{fill:var(--c-text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.bunpai-tape .bracket{fill:none;stroke:var(--c-muted);stroke-width:1.5px}.bunpai-tape .cell{stroke:var(--c-surface-2);stroke-width:1.5px}.bunpai-tape .cell--older{fill:var(--bp-older)}.bunpai-tape .cell--younger{fill:var(--bp-younger)}.bunpai-tape .cell--sister{fill:var(--bp-sister)}.bunpai-tape .num{font-size:15px;font-weight:700}.bunpai-tape .num--older{fill:var(--bp-older-ink)}.bunpai-tape .num--younger{fill:var(--bp-younger-ink)}.bunpai-tape .num--sister{fill:var(--bp-sister-ink)}.bunpai-tape .extra{fill-opacity:.35;stroke:var(--c-fig-edge);stroke-width:1.5px;stroke-dasharray:4 3}.bunpai-tape .extra--add{fill-opacity:1}.bunpai-tape .extra--older{fill:var(--bp-older)}.bunpai-tape .extra--younger{fill:var(--bp-younger)}.bunpai-tape .extra--sister{fill:var(--bp-sister)}@media (prefers-color-scheme:dark){.bunpai-tape .extra{stroke:var(--c-text)}}.bunpai-tape .cell.is-dim{fill-opacity:.25;stroke:var(--c-fig-edge)}.bunpai-tape .num.is-dim{fill:var(--c-text)}@media (prefers-color-scheme:dark){.bunpai-tape .cell.is-dim{fill-opacity:.3;stroke:var(--c-text)}}.bunpai-tape .cell.is-hl{stroke:var(--c-fig-edge);stroke-width:2px}@media (prefers-color-scheme:dark){.bunpai-tape .cell.is-hl{stroke:var(--c-text)}}.bp-status{text-align:center;margin-block:.75rem}.bp-status p{margin:0}.bp-judge{background:var(--c-surface-2);border-radius:999px;margin:.25rem .25rem 0;padding:.2rem 1rem;font-weight:700;line-height:2;display:inline-block}.bp-judge.is-match{background:var(--c-primary);color:var(--c-on-primary);font-size:1.125rem}.bp-note{color:var(--c-muted);margin-top:.5rem;font-size:.9375rem;line-height:2}.bp-bumps{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.5rem;margin-top:.5rem;display:grid}.bp-bump{border:1px solid var(--c-border);border-radius:var(--radius);padding:.5rem .75rem}.bp-bump[hidden]{display:none}.bp-bump__title{justify-content:space-between;gap:.5rem;margin:0 0 .25rem;font-size:.875rem;font-weight:700;line-height:2;display:flex}.bp-bump__value{color:var(--c-primary);font-size:1rem}.bp-bump__btns{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.bp-bump__btns--4{grid-template-columns:repeat(4,1fr);gap:.25rem}.bp-bump__btns .btn{font-variant-numeric:tabular-nums;white-space:nowrap;padding-inline:.25rem}@media (width<=359px){.bp-bump__btns--4{grid-template-columns:repeat(2,1fr);gap:.5rem}}.bp-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.bp-actions .btn{white-space:nowrap;flex:auto}.bp-actions .btn[aria-pressed=true]{background:var(--c-primary-soft);color:var(--c-primary);outline:2px solid var(--c-primary)}.bp-answer{flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:.75rem;display:flex}.bp-answer__fields{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.bp-answer__field{align-items:center;gap:.4rem;font-weight:700;display:flex}.bp-answer__field input{border:2px solid var(--c-border);background:var(--c-bg);width:6em;min-height:44px;color:var(--c-text);text-align:right;border-radius:8px;padding:0 .5rem;font-size:1.25rem}.bp-answer__field input:focus{border-color:var(--c-primary)}.bp-result-area:not(:empty){border-radius:var(--radius);background:var(--c-surface-2);margin-top:1rem;padding:.75rem 1rem}.bp-result-area p{margin:0;line-height:2}.bp-result{font-size:1.25rem;font-weight:800}.bp-result.is-correct{color:var(--c-success)}.bp-result.is-wrong{color:var(--c-danger)}.bp-score{color:var(--c-muted);margin:.75rem 0 0;font-size:.875rem}.bp-steps{counter-reset:bp-step;margin:1rem 0 0;padding:0;list-style:none}.bp-step{counter-increment:bp-step;border-radius:var(--radius);background:var(--c-surface-2);opacity:.75;margin-top:.5rem;padding:.5rem .75rem .5rem 2.75rem;position:relative}.bp-step.is-current{opacity:1;outline:2px solid var(--c-primary)}.bp-step:before{content:counter(bp-step);background:var(--c-primary);width:1.5rem;height:1.5rem;color:var(--c-on-primary);border-radius:50%;place-items:center;font-size:.875rem;font-weight:800;display:grid;position:absolute;top:.6rem;left:.75rem}.bp-step p{margin:0;line-height:2}.bp-step__title{font-weight:800}.bp-step__formula{font-variant-numeric:tabular-nums;color:var(--c-primary);overflow-wrap:anywhere;font-size:1.125rem;font-weight:700}.bp-stepnav{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-top:1rem;display:grid}.bp-stepnav__count{font-variant-numeric:tabular-nums;font-weight:700}.bp-noscript{color:var(--c-danger);margin-top:.75rem}