.bk-band{padding:.5rem 0 3rem}.bk{background:var(--white);border:2px solid var(--asphalt);border-radius:var(--radius-sign);padding:1rem}.bk:focus-within{border-color:var(--sign)}.bk-top{align-items:center;justify-content:space-between;gap:.75rem}.bk-tabs,.bk-top{display:flex;flex-wrap:wrap}.bk-tabs{gap:.4rem}.bk-tabs button{min-height:44px;padding:0 1rem;border-radius:var(--radius-control);cursor:pointer;font:inherit;font-size:1rem;font-weight:800;border:2px solid var(--asphalt);background:var(--white);color:var(--asphalt)}.bk-tabs button.on{background:var(--sign);border-color:var(--sign);color:var(--white)}.bk-options{display:flex;flex-wrap:wrap;gap:.25rem 1rem;font-size:.95rem;font-weight:700}.bk-options label{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;cursor:pointer}.bk-options input{width:20px;height:20px;accent-color:var(--sign)}.bk-goal{margin:.75rem 0 .5rem;font-size:1rem;color:var(--steel)}.bk-goal strong{color:var(--asphalt)}.bk-hud{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;font-size:.95rem;font-weight:700;color:var(--steel);margin-bottom:.5rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bk-hud b{color:var(--asphalt)}.bk-hud .miss,.bk-hud .miss b{color:var(--red)}.bk-status{margin-left:auto;padding:.15rem .6rem;border-radius:99px;background:var(--paper);border:1px solid var(--rule);color:var(--asphalt)}.bk-frame{position:relative;width:100%;aspect-ratio:16/10;max-height:72vh;border-radius:var(--radius-control);overflow:hidden;background:#2a2f34;touch-action:none}.bk-frame:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.bk-frame canvas{display:block;width:100%;height:100%}.bk-hint{margin:.5rem 0 0;font-size:.95rem;color:var(--steel);text-align:center}.bk-hint b{color:var(--asphalt)}.bk-look{position:absolute;left:.6rem;top:.6rem;margin:0;padding:.6rem .8rem;list-style:none;max-width:46%;border-radius:8px;background:rgba(29,33,38,.9);color:var(--white);font-size:.9rem;line-height:1.35;font-weight:700}.bk-look li+li{margin-top:.25rem}.bk-controls{display:grid;grid-template-columns:auto 1fr;grid-gap:.75rem 1.5rem;gap:.75rem 1.5rem;align-items:center;margin-top:1rem;-moz-user-select:none;user-select:none;-webkit-user-select:none}.bk-steer{display:grid;justify-items:center}.bk-wheel{width:172px;height:172px;touch-action:none;cursor:-webkit-grab;cursor:grab}.bk-wheel:active{cursor:-webkit-grabbing;cursor:grabbing}.bk-wheel:focus-visible{outline:3px solid var(--yellow);outline-offset:4px;border-radius:50%}.bk-wheel-label{margin:.25rem 0 0;font-size:.95rem;font-weight:700;color:var(--steel);display:flex;align-items:center;gap:.6rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bk-wheel-label .text-button{min-height:36px;color:var(--sign);font-weight:800}.bk-drive{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem}.bk-pedal{display:grid;place-items:center;align-content:center;grid-gap:.1rem;gap:.1rem;min-height:88px;border-radius:var(--radius-control);cursor:pointer;font:inherit;font-size:1.25rem;font-weight:900;border:2px solid var(--asphalt);touch-action:none;-webkit-touch-callout:none}.bk-pedal small{font-size:.8rem;font-weight:700;opacity:.8}.bk-pedal.fwd{background:var(--paper);color:var(--asphalt)}.bk-pedal.rev{background:var(--yellow);color:var(--asphalt);border-color:#b98900}.bk-pedal:active{transform:translateY(1px);filter:brightness(.94)}.bk-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem}.bk-actions .btn{min-height:48px;padding:0 .75rem;font-size:1rem}.bk-restart{grid-column:1/-1;justify-self:start;font-size:.95rem;color:var(--steel)}.bk-tip{grid-column:1/-1;margin:0;padding:.75rem 1rem;border-left:6px solid var(--yellow);background:var(--paper);font-size:1rem}.bk-results{margin-top:1rem}.bk-results h3{font-size:clamp(1.5rem,3vw + .8rem,2.1rem);margin-bottom:.1rem}.bk-results h3.ok{color:var(--sign)}.bk-results h3.miss{color:var(--red)}.bk-results-sub{color:var(--steel);font-weight:700;margin-bottom:.75rem}.bk-score{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.5rem;gap:.5rem}.bk-score div{padding:.7rem .9rem;border-radius:var(--radius-control);border:2px solid var(--rule);background:var(--paper)}.bk-score div.ok{border-color:#9cc9b2}.bk-score div.miss{border-color:#e4a39d;background:#fbefee}.bk-score dt{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--steel)}.bk-score dd{margin:.2rem 0 0;font-weight:700}.bk-score .ok dd span{color:var(--sign)}.bk-score .miss dd span{color:var(--red)}.bk-notes{margin:.75rem 0 0;color:var(--steel)}.bk-cta{margin-top:1.5rem;padding:1.25rem;border-radius:var(--radius-sign);background:var(--sign);color:var(--white)}.bk-cta p{color:#dcebe3;margin-bottom:.5rem}.bk-cta .bk-cta-kicker{color:var(--white);font-weight:900;font-size:1.25rem;line-height:1.2}.bk-cta .store-badges{margin-bottom:0}.bk-final{text-align:left}.bk-final h2{max-width:24ch}@media (max-width:720px){.bk{padding:.75rem;border-width:0;margin-inline:-1.25rem}.bk,.bk-frame{border-radius:0}.bk-frame{aspect-ratio:1/1.05;margin-inline:-.75rem;width:calc(100% + 1.5rem)}.bk-controls{grid-template-columns:1fr 1fr;gap:.75rem}.bk-steer{grid-column:1}.bk-wheel{width:min(150px,40vw);height:min(150px,40vw)}.bk-drive{grid-column:2;grid-template-columns:1fr}.bk-pedal{min-height:64px;font-size:1.1rem}.bk-actions{grid-template-columns:1fr}.bk-status{margin-left:0}.bk-look{max-width:52%;font-size:.8rem}}@media (max-width:640px){.bk-hint .hide-sm{display:none}}