.bja-widget{--bja-builder:#AB7C18;--bja-judgement:#2C5A63;--bja-alignment:#7A4A63;--bja-core:#171918;--bja-ink:#171918;--bja-soft:#555c51;--bja-paper:#f3f4ed;--bja-rule:#d5d8ce;margin-bottom:2rem;border:1px solid var(--light-line);background:#fafbf6}
.bja-widget-heading{padding:1.5rem 1.75rem;border-bottom:1px solid var(--light-line);display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem}
.bja-widget-heading h3{font-size:1.5rem;letter-spacing:-.025em;line-height:1.2}
.bja-widget-heading p{font-size:.875rem;color:#62695d;max-width:32rem}
.bja-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(19rem,1fr);align-items:start}
.bja-stage{min-width:0;padding:1.25rem 1.5rem 1.5rem}
.bja-stage svg.bja{display:block;width:100%;height:auto;aspect-ratio:1060/880}
.bja .mono{font-family:var(--mono)}
.bja .sans{font-family:var(--body)}
.bja-widget.is-interactive .bja [data-bja-part]{cursor:pointer}
.bja .ribbon,.bja .ring,.bja .pill-bg{transition:opacity .2s ease,stroke .2s ease,fill .2s ease}
.bja.has-focus .lobe:not(.active) .ribbon,.bja.has-focus .market:not(.active) .ring{opacity:.2}
.bja.has-focus .edge:not(.active) .pill-bg{stroke:var(--bja-rule)}
.bja .edge.active .pill-bg{stroke:var(--bja-ink);stroke-width:2.5}
.bja .bja-hit-area{pointer-events:all}
.bja-controls{display:none;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.75rem}
.bja-widget.is-interactive .bja-controls{display:grid}
.bja-control{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.875rem;min-width:0;background:transparent;border:1px solid var(--light-line);padding:.625rem .5rem;font-size:.875rem;line-height:1.3;color:var(--ink);text-align:center;overflow-wrap:anywhere}
.bja-control[data-bja-select="builder"]{border-top:3px solid var(--bja-builder)}
.bja-control[data-bja-select="judgement"]{border-top:3px solid var(--bja-judgement)}
.bja-control[data-bja-select="alignment"]{border-top:3px solid var(--bja-alignment)}
.bja-control:hover,.bja-control.is-preview{background:#e9eddd;border-color:#aab399}
.bja-control[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--acid)}
.bja-control:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.bja-control.bja-control-wide{grid-column:span 1}
.bja-controls-secondary{grid-column:1/-1;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}
.bja-controls-secondary .bja-control{flex:1 1 auto}
.bja-panel{border-left:1px solid var(--light-line);border-top:3px solid var(--ink);padding:1.75rem;align-self:stretch;min-width:0;min-height:42rem;background:var(--surface);--bja-panel-accent:var(--ink)}
.bja-panel[data-mode="builder"],.bja-panel[data-mode="market"]{--bja-panel-accent:var(--bja-builder)}
.bja-panel[data-mode="judgement"]{--bja-panel-accent:var(--bja-judgement)}
.bja-panel[data-mode="alignment"]{--bja-panel-accent:var(--bja-alignment)}
.bja-panel{border-top-color:var(--bja-panel-accent)}
.bja-panel-topline{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.75rem}
.bja-panel-state{font:.8125rem/1.5 var(--mono);color:#62695d}
.bja-reset{display:none;background:transparent;border:0;border-bottom:1px solid #969e89;color:var(--ink);padding:.5rem 0;font-size:.875rem;line-height:1.4;min-height:2.75rem;white-space:nowrap}
.bja-widget.is-interactive .bja-reset{display:block}
.bja-reset:disabled{opacity:.45;cursor:default}
.bja-panel-kicker{font:.8125rem/1.5 var(--mono);letter-spacing:.04em;color:#62695d;margin-bottom:.75rem}
.bja-panel h4{font-size:clamp(1.75rem,2.4vw,2.125rem);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:0 0 1.25rem}
.bja-panel-body{font-size:1rem;line-height:1.65;color:#555c51}
.bja-panel-list{list-style:none;padding:0;margin:1.5rem 0 0;border-bottom:1px solid var(--light-line)}
.bja-panel-list li{border-top:1px solid var(--light-line);font-size:1rem;line-height:1.4;padding:.75rem 0}
.bja-panel-list li:has(a){padding:0}
.bja-panel-list a{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.875rem 0;min-height:2.75rem}
.bja-panel-list a::after{content:'↗';flex:none;font-size:1.125rem}
.bja-panel-list a:hover{text-decoration:underline;text-underline-offset:4px}
.bja-panel-lives{font-size:.875rem;line-height:1.5;color:#62695d;margin-top:1.5rem}
.bja-legend{display:flex;gap:1.5rem;flex-wrap:wrap;padding:1rem 1.75rem;border-top:1px solid var(--light-line);font:.8125rem/1.5 var(--mono);color:#555c51}
.bja-legend span{display:flex;align-items:center;gap:.5rem}
.bja-legend i{display:inline-block;width:.875rem;height:.2rem;background:var(--bja-builder)}
.bja-legend span:nth-child(2) i{background:var(--bja-judgement)}
.bja-legend span:nth-child(3) i{background:var(--bja-alignment)}
.bja-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1000px){.bja-layout{grid-template-columns:minmax(0,1.4fr) minmax(17rem,1fr)}.bja-stage{padding:1rem}.bja-panel{padding:1.25rem}.bja-widget-heading{padding:1.25rem}.bja-widget-heading p{max-width:27rem}}
@media(max-width:960px){.bja-layout{grid-template-columns:minmax(0,1fr)}.bja-stage{width:100%;max-width:46rem;justify-self:center}.bja-panel{border-left:0;min-height:0}.bja-widget-heading{align-items:start}}
@media(max-width:760px){.bja-widget-heading{display:block;padding:1.25rem}.bja-widget-heading p{margin-top:.75rem}.bja-layout{grid-template-columns:minmax(0,1fr)}.bja-stage{padding:.75rem}.bja-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.bja-control{padding:.625rem .3rem;font-size:.875rem;min-height:2.875rem}.bja-controls-secondary{gap:.375rem}.bja-controls-secondary .bja-control{flex:1 1 calc(33.333% - .5rem)}.bja-controls-secondary .bja-control:nth-child(n+4){flex-basis:calc(50% - .375rem)}.bja-panel{border-left:0;border-top-width:3px;padding:1.25rem}.bja-panel-topline{margin-bottom:1rem}.bja-panel h4{font-size:1.875rem}.bja-legend{padding:1rem 1.25rem;gap:.5rem 1rem;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.bja .ribbon,.bja .ring,.bja .pill-bg{transition:none}}