.brk{--accent:#ffb13a}.brk-card{display:flex;flex-direction:column;gap:14px}.brk-h{font:800 13px/1.35 var(--font-sans);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0}.brk-controls{display:flex;flex-wrap:wrap;gap:16px 26px}.brk-rng{flex-direction:column;align-items:flex-start;gap:6px;color:var(--dim)}.brk-rng>span{font:600 11.5px/1 var(--font-sans);text-transform:uppercase;letter-spacing:.04em}.brk-rng input[type=range]{width:200px;max-width:52vw}.brk-rng b{color:var(--ink);font-size:14px}.brk-roads{gap:7px}.brk-stage{padding:0;overflow:hidden;gap:0}.brk-stage canvas{display:block;width:100%;height:auto;aspect-ratio:16/8}.brk-verdict{padding:11px 16px;font:800 14px/1.4 var(--font-sans);text-align:center;border-top:1px solid var(--line);transition:color .2s,background .2s}.brk-verdict.safe{color:#7ee0a0;background:rgba(90,214,138,.08)}.brk-verdict.hit{color:#ff9a86;background:rgba(224,86,74,.1)}.brk-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.brk-cell{display:flex;flex-direction:column;gap:4px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.brk-cell b{font:600 11px/1.25 var(--font-sans);color:var(--dim);text-transform:uppercase;letter-spacing:.03em}.brk-cell .v{font:800 21px/1 var(--font-mono);color:var(--ink)}.brk-cell .v small{font-size:12px;color:var(--faint);font-weight:600}.brk-cell.react{border-color:#f0c85a66}.brk-cell.react .v{color:#f0c85a}.brk-cell.brake{border-color:#e0785a66}.brk-cell.brake .v{color:#e0885a}.brk-cell.total .v{color:var(--accent);font-size:24px}.brk-cell.impact{border-color:#e0564a80}.brk-cell.impact .v{color:#ff6f5a}.brk-cell.impact.ok{border-color:#5ad68a66}.brk-cell.impact.ok .v{color:#6fe0a0;font-size:17px}.brk-bars{display:flex;flex-direction:column;gap:7px}.brk-bar{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:10px}.brk-bar>.lb{font:700 12.5px/1 var(--font-mono);color:var(--dim);text-align:right}.brk-bar .track{height:20px;border-radius:6px;background:rgba(140,160,235,.1);overflow:hidden;position:relative}.brk-bar .fill{height:100%;border-radius:6px;width:0;transition:width .4s ease}.brk-bar .fill.react{background:rgba(240,200,90,.55)}.brk-bar .seg{display:flex;height:100%;width:0;transition:width .4s ease}.brk-bar .seg .r{background:rgba(240,200,90,.6)}.brk-bar .seg .b{background:rgba(224,120,90,.7)}.brk-bar>.m{font:700 12.5px/1 var(--font-mono);color:var(--ink);min-width:56px;text-align:right}.brk-bar.cur>.lb,.brk-bar.cur>.m{color:var(--accent)}@media (max-width:560px){.brk-rng input[type=range]{width:150px}.brk-cell .v{font-size:18px}}