.pbc{--pbc-good:#3ee08a;--pbc-mid:#ffb31f;--pbc-low:#ff4d4f;--pbc-error:#e255ff;--pbc-quiet:#a9b2bf;grid-template-columns:minmax(0,1fr);gap:1.1rem;margin-block:1.25rem 2rem;display:grid}.pbc-dim{color:var(--pbc-quiet);margin:0;font-size:.9rem;line-height:1.5}.pbc-kicker{font:700 .78rem/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff9e}.pbc-bar{border:1px solid var(--line);background:radial-gradient(80% 140% at 0% 0%, #3ee08a1f, transparent 60%), var(--panel-2);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem 1.2rem;padding:1rem 1.15rem;display:grid}.pbc-status{align-items:center;gap:.8rem;min-width:0;display:flex}.pbc-led{background:#3a4251;border-radius:50%;flex:none;width:.8rem;height:.8rem;box-shadow:0 0 0 3px #ffffff0d}.pbc-status[data-state=connected] .pbc-led{background:var(--pbc-good);box-shadow:0 0 14px 2px var(--pbc-good)}.pbc-status[data-state=busy] .pbc-led,.pbc-status[data-state=lost] .pbc-led,.pbc-status[data-state=unsupported] .pbc-led{background:var(--warning)}.pbc-status-text{gap:.15rem;min-width:0;display:grid}.pbc-status-text strong{font:800 1.1rem/1.2 var(--font-display);color:var(--text)}.pbc-status-text span{color:var(--text-2);font-size:.92rem;line-height:1.45}.pbc-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.pbc-why{color:var(--pbc-quiet);grid-column:1/-1;margin:0;font-size:.9rem;line-height:1.5}.pbc-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,30rem),1fr));gap:1rem;display:grid}.pbc-card{--pbc-tone:var(--pbc-good);border:1px solid color-mix(in srgb, var(--pbc-tone) 34%, var(--line));background:radial-gradient(90% 70% at 18% 30%, color-mix(in srgb, var(--pbc-tone) 16%, transparent), transparent 70%), linear-gradient(180deg, #121722, #0c1018);border-radius:16px;align-content:start;gap:.9rem;padding:1.1rem 1.15rem 1.15rem;transition:border-color .6s;display:grid;position:relative;overflow:hidden;container:pbc-card/inline-size}.pbc-card[data-tone=mid]{--pbc-tone:var(--pbc-mid)}.pbc-card[data-tone=low]{--pbc-tone:var(--pbc-low)}.pbc-card[data-tone=error]{--pbc-tone:var(--pbc-error)}.pbc-card[data-lost]{opacity:.45;filter:grayscale(.7)}.pbc-card-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pbc-model{font:800 1.15rem/1.2 var(--font-display);color:var(--text);margin-right:auto}.pbc-chip,.pbc-demo{font:700 .78rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--text-2);border-radius:999px;padding:.38rem .55rem}.pbc-demo{border-color:color-mix(in srgb, var(--pbc-mid) 60%, transparent);color:var(--pbc-mid)}.pbc-body{grid-template-columns:minmax(0,26rem) auto minmax(0,1fr);align-items:center;gap:1rem 1.6rem;display:grid}.pbc-figure{min-width:0;margin:0}.pbc-pad{width:100%;height:auto;display:block;overflow:visible}.pbc-shell{stroke:#ffffff1f;stroke-width:1.5px}.pbc-touch{fill:#1d2330;stroke:#ffffff1a}.pbc-stick{fill:#0d1118;stroke:#ffffff24;stroke-width:3px}.pbc-ps{fill:#2a3140}.pbc-dpad rect,.pbc-face circle{fill:#222937;stroke:#ffffff14}.pbc-light{fill:none;stroke:var(--pbc-tone);stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--pbc-tone)) drop-shadow(0 0 14px color-mix(in srgb, var(--pbc-tone) 60%, transparent));transition:stroke .6s}.pbc-players circle{fill:#ffffff2e}.pbc-players circle:nth-child(3){fill:#ffffffd9}.pbc-card[data-family=dualsense] [data-for=dualshock4],.pbc-card[data-family=dualshock4] [data-for=dualsense]{display:none}.pbc-bolt{fill:var(--pbc-tone);opacity:0;transform-box:fill-box;transform-origin:50%}.pbc-card[data-state=charging] .pbc-bolt{opacity:.95;animation:1.6s ease-in-out infinite pbc-bolt}@keyframes pbc-bolt{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}.pbc-cell{border:2px solid color-mix(in srgb, var(--pbc-tone) 55%, #fff3);width:4.4rem;height:10.5rem;box-shadow:inset 0 0 18px #0009, 0 0 28px color-mix(in srgb, var(--pbc-tone) 22%, transparent);background:#090c12;border-radius:12px;padding:.42rem;position:relative}.pbc-cap{background:color-mix(in srgb, var(--pbc-tone) 55%, #fff3);border-radius:4px 4px 0 0;width:1.6rem;height:.5rem;position:absolute;top:-.55rem;left:50%;transform:translate(-50%)}.pbc-segments{flex-direction:column-reverse;gap:3px;height:100%;display:flex}.pbc-segments i{background:#ffffff0d;border-radius:3px;flex:1;transition:background .5s,box-shadow .5s}.pbc-segments i[data-on]{background:linear-gradient(90deg, color-mix(in srgb, var(--pbc-tone) 78%, #000), var(--pbc-tone));box-shadow:0 0 10px color-mix(in srgb, var(--pbc-tone) 45%, transparent)}.pbc-card[data-tone=low][data-state=discharging] .pbc-segments i[data-on]{animation:1.4s ease-in-out infinite pbc-low}@keyframes pbc-low{50%{opacity:.45}}.pbc-flow{pointer-events:none;opacity:0;background:linear-gradient(#0000 0%,#ffffff52 50%,#0000 100%) 0 0/100% 40% no-repeat;border-radius:6px;position:absolute;inset:.42rem}.pbc-card[data-state=charging] .pbc-flow{opacity:1;animation:1.8s linear infinite pbc-flow}@keyframes pbc-flow{0%{background-position:0 140%}to{background-position:0 -40%}}.pbc-read{gap:.35rem;min-width:0;display:grid}.pbc-percent{color:var(--text);align-items:baseline;gap:.15rem;margin:0;display:flex}.pbc-percent b{font:800 clamp(2.8rem, 6vw, 3.8rem)/.95 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pbc-percent span:last-child{font:700 1.4rem/1 var(--font-display);color:var(--text-2)}.pbc-approx{font:700 1.4rem/1 var(--font-display);color:var(--pbc-tone);margin-right:.1rem}.pbc-band{color:var(--pbc-quiet);margin:0;font-size:.9rem}.pbc-state{font:700 .88rem/1.25 var(--font-body,inherit);color:var(--pbc-tone);justify-self:start;margin:.15rem 0 0}.pbc-jack,.pbc-adapter{color:var(--text-2);margin:0;font-size:.88rem;line-height:1.45}.pbc-time{border:1px solid var(--line);background:#ffffff06;border-radius:12px;gap:.3rem;padding:.85rem .95rem;display:grid}.pbc-time-main{font:800 1.15rem/1.25 var(--font-display);color:var(--text)}.pbc-time-note{color:var(--pbc-quiet);font-size:.88rem;line-height:1.45}.pbc-step{background:#ffffff0f;border-radius:3px;height:5px;margin-top:.3rem;display:block;overflow:hidden}.pbc-step i{background:var(--pbc-tone);border-radius:inherit;width:0;height:100%;transition:width 1s linear;display:block}.pbc-track[hidden]{display:none}.pbc-track svg{width:100%;height:3.6rem;display:block}.pbc-track polyline{fill:none;stroke:var(--pbc-tone);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.pbc-track-axis{font:700 .78rem/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;justify-content:space-between;gap:1rem;display:flex}.pbc-fw{border-top:1px solid var(--line);padding-top:.75rem}.pbc-fw summary{cursor:pointer;color:var(--text);font-weight:700}.pbc-fw dl{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.6rem 1rem;margin:.8rem 0;display:grid}.pbc-fw dt{font:700 .78rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--pbc-quiet)}.pbc-fw dd{font:700 .95rem/1.3 var(--font-mono);color:var(--text);overflow-wrap:anywhere;margin:.2rem 0 0}.pbc-fw [hidden]{display:none}.pbc-last{color:var(--pbc-quiet);margin:0;font-size:.88rem}.pbc-options{gap:.35rem;display:grid}.pbc-alert{color:var(--text);cursor:pointer;align-items:center;gap:.55rem;font-weight:600;display:inline-flex}.pbc-alert input{width:1.1rem;height:1.1rem;accent-color:var(--pbc-good)}@media (width<=720px){.pbc-bar{grid-template-columns:minmax(0,1fr)}.pbc-actions{justify-content:flex-start}}@media (width<=380px){.pbc-card{padding:.9rem .85rem 1rem}}@container pbc-card (width<=46rem){.pbc-body{grid-template-columns:auto minmax(0,1fr)}.pbc-figure{grid-column:1/-1;justify-self:center;width:100%;max-width:22rem}.pbc-cell{width:3.8rem;height:9rem}}@container pbc-card (width<=22rem){.pbc-body{gap:.75rem}.pbc-cell{width:3.3rem;height:8rem}}@media (prefers-reduced-motion:reduce){.pbc-bolt,.pbc-flow,.pbc-segments i{animation:none!important}}