.b-head { display: flex; align-items: center; justify-content: center; gap: 6px; margin-bottom: 8px; }
.b-vs { color: var(--text-muted); font-weight: 800; font-size: .75rem; }
.b-pl { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 14px; background: var(--bg-elevated); border: 2px solid var(--border); transition: border-color .2s, box-shadow .2s; }
.b-pl.turn { border-color: var(--pk-good); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pk-good) 25%, transparent); }
.b-pl > div { min-width: 0; display: flex; flex-direction: column; }
.b-pl b { font-size: .82rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.b-pl small { font-size: .68rem; color: var(--text-muted); }
.b-tray { display: flex; gap: 2px; margin-top: 3px; }
.b-tray i { width: 10px; height: 10px; border-radius: 50%; background: var(--c); box-shadow: inset 0 -2px 0 rgba(0,0,0,.3); }
.b-tray i.st { background: linear-gradient(#f6f3ea 25%, var(--c) 25% 75%, #f6f3ea 75%); }
.b-tray i.in { opacity: .18; }
.b-wrap { display: flex; justify-content: center; }
#b-cv { display: block; touch-action: none; filter: drop-shadow(0 12px 24px rgba(0,0,0,.45)); }
.b-ctrl { display: flex; gap: 8px; align-items: center; margin-top: 10px; transition: opacity .2s; }
.b-ctrl.off { opacity: .35; pointer-events: none; }
.b-fine { width: 44px; height: 52px; border-radius: 12px; border: 1px solid var(--border); background: var(--bg-elevated); color: var(--text); font-size: 1rem; cursor: pointer; flex: none; }
.b-power { position: relative; flex: 1; height: 52px; border-radius: 14px; background: var(--bg-elevated); border: 1px solid var(--border); overflow: hidden; touch-action: none; cursor: ew-resize; }
#b-pfill { position: absolute; inset: 0 auto 0 0; width: 0; background: #39d98a; transition: background .2s; }
#b-plabel { position: absolute; inset: 0; display: grid; place-items: center; font-weight: 800; font-size: .9rem; pointer-events: none; mix-blend-mode: normal; }
.b-msg { text-align: center; margin-top: 8px; font-size: .9rem; color: var(--text-muted); min-height: 22px; }
.b-you { color: var(--text); font-weight: 800; margin-top: 2px; }
.b-over { text-align: center; font-size: 1.4rem; font-weight: 900; margin: 10px 0; }
.b-h { margin: 16px 0 8px; font-size: 1rem; }
#b-foot .pk-link { margin-top: 6px; }