.brc-grid{align-items:center;display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);margin-top:clamp(30px,3.6vw,46px)}.brc-steps{display:grid;gap:12px;list-style:none;margin:0;padding:0}.brc-steps li{background:#fff;border:1px solid var(--lt-line);border-radius:18px;outline:none;padding:20px 22px;transition:border-color .3s,box-shadow .3s,transform .3s}.brc-steps li.is-on{border-color:var(--corn,#58bcd8);box-shadow:0 22px 44px -32px rgba(0,24,68,.55);transform:translateX(4px)}.brc-steps li:focus-visible{outline:2px solid var(--spot);outline-offset:2px}.brc-chip{background:rgba(88,188,216,.18);border-radius:999px;color:var(--deep);display:inline-block;font:800 .76rem/1.2 var(--head);padding:4px 11px}.brc-steps li.is-on .brc-chip{background:var(--deep);color:#fff}.brc-steps b{color:var(--deep);display:block;font:800 1.15rem/1.3 var(--head);margin-top:10px}.brc-steps p{color:var(--lt-mut);font-size:.95rem;line-height:1.55;margin:6px 0 0}.brc-go{align-items:center;color:var(--deep);display:inline-flex;font:800 .9rem/1.3 var(--head);gap:8px;margin-top:8px;min-height:32px;text-decoration:none}.brc-go svg{height:15px;transition:transform .3s;width:15px}.brc-go:hover svg{transform:translateX(4px)}.brc-board{background:linear-gradient(160deg,#fff,var(--stone));border:1px solid rgba(36,58,126,.12);border-radius:var(--r-lg,24px);box-shadow:0 30px 60px -48px rgba(0,24,68,.55);padding:clamp(18px,2.4vw,28px);position:relative}.brc-status{align-items:center;color:var(--deep);display:flex;font:800 .9rem/1.2 var(--head);gap:10px;margin:0 0 16px}.brc-status i{background:var(--corn,#58bcd8);border-radius:50%;box-shadow:0 0 0 4px rgba(88,188,216,.25);height:10px;width:10px}.brc-status .s0{display:none}.js-brc[data-a="0"] .brc-status .s0{display:inline}.js-brc[data-a="0"] .brc-status .s1{display:none}.brc-pair{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.brc-sys{background:#fff;border:1.5px solid rgba(36,58,126,.16);border-radius:16px;overflow:hidden;padding:16px;position:relative;transition:opacity .5s,border-color .5s}.brc-h{align-items:center;display:flex;gap:10px;margin-bottom:12px}.brc-ic{background:var(--deep);border-radius:11px;color:#fff;display:grid;flex:none;height:36px;place-items:center;width:36px}.brc-sys.r .brc-ic{background:var(--corn,#58bcd8);color:var(--deep)}.brc-ic svg{height:20px;width:20px}.brc-h b{color:var(--deep);font:800 .95rem/1.25 var(--head)}.brc-m{margin-top:12px}.brc-m span{color:var(--lt-mut);display:block;font:700 .74rem/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase}.brc-m i{background:rgba(36,58,126,.08);border-radius:999px;display:block;height:10px;margin-top:6px;overflow:hidden;position:relative}.brc-m i:after{background:var(--deep);border-radius:999px;bottom:0;content:"";left:0;position:absolute;top:0;transition:width 1.1s cubic-bezier(.22,.61,.36,1) .3s;width:var(--f)}.brc-sys.r .brc-m i:after{background:linear-gradient(90deg,#3c5fac,var(--corn,#58bcd8))}.js-brc[data-a="0"] .brc-m i:after{transition-delay:0s;transition-duration:.3s;width:0}.brc-scan{background:var(--corn,#58bcd8);box-shadow:0 0 14px 4px rgba(88,188,216,.55);height:3px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}.js-brc[data-a="0"] .brc-scan{animation:brcScan 2.2s ease-in-out infinite;opacity:1}@keyframes brcScan{0%{top:0}50%{top:calc(100% - 3px)}to{top:0}}.brc-ghost{background:var(--stone);border-radius:10px;color:var(--lt-mut);display:none;font:700 .8rem/1.3 var(--head);left:12px;padding:6px 10px;position:absolute;right:12px;text-align:center;top:58%;transform:translateY(-50%)}.js-brc[data-a="0"] .brc-sys.r{border-style:dashed;opacity:.55}.js-brc[data-a="0"] .brc-sys.r .brc-ghost{display:block}.js-brc[data-a="0"] .brc-sys.r .brc-m{visibility:hidden}.brc-note{color:var(--lt-mut);font:700 .74rem/1 var(--mono);letter-spacing:.1em;margin:14px 0 0;text-transform:uppercase}@media (max-width:960px){.brc-grid{grid-template-columns:1fr}}@media (max-width:460px){.brc-pair{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.brc-board *{animation:none!important;transition:none!important}.js-brc[data-a="0"] .brc-scan{opacity:0}}