.pbr-grid{align-items:center;display:grid;gap:clamp(30px,4vw,60px);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);margin-top:clamp(30px,3.6vw,46px)}.pbr-board{aspect-ratio:16/10.4;background:linear-gradient(170deg,#fff 0,#fff 46%,var(--stone) 100%);border:1px solid rgba(90,45,145,.14);border-radius:20px;box-shadow:0 30px 60px -48px rgba(42,27,85,.55);container-type:inline-size;overflow:hidden;position:relative;--fs:max(10.5px,1.75cqi);--deck:52%}.pbr-svg{height:100%;inset:0;position:absolute;width:100%}.pbr-cliff{fill:rgba(149,135,190,.34);stroke:rgba(90,45,145,.3);stroke-linejoin:round;stroke-width:1.5;vector-effect:non-scaling-stroke}.pbr-ledge{stroke:var(--deep);stroke-width:3}.pbr-ledge,.pbr-rope{fill:none;vector-effect:non-scaling-stroke}.pbr-rope{stroke:rgba(90,45,145,.45);stroke-width:2}.pbr-post{stroke:var(--deep);stroke-linecap:round;stroke-width:4}.pbr-hang,.pbr-post{fill:none;vector-effect:non-scaling-stroke}.pbr-hang{stroke:rgba(90,45,145,.3);stroke-width:1}.pbr-side{align-items:center;color:var(--deep);display:inline-flex;font:700 var(--fs)/1 var(--mono);gap:.5em;letter-spacing:.1em;position:absolute;text-transform:uppercase;top:8%;white-space:nowrap}.pbr-side.l{left:3%}.pbr-side.l,.pbr-side.r{bottom:calc(109% - var(--deck));top:auto}.pbr-side.r{min-height:calc(var(--fs)*2.6);right:3%}.pbr-side.r:has(~.pbr-syss),.pbr-syss~.pbr-side.r{bottom:auto;top:9%}@container (max-width:640px){.pbr-side.l,.pbr-side.r{bottom:auto;top:7%}}.pbr-ic{background:var(--deep);border-radius:30%;color:var(--neon);display:inline-grid;height:calc(var(--fs)*2.6);place-items:center;width:calc(var(--fs)*2.6)}.pbr-ic svg{height:60%;width:60%}.pbr-syss{align-items:flex-end;display:flex;flex-direction:column;gap:max(8px,1.9cqi);position:absolute;right:4%;top:18%}.pbr-sys{background:#fff;border:1.5px solid rgba(90,45,145,.3);border-radius:999px;box-shadow:0 10px 20px -16px rgba(42,27,85,.6);color:var(--deep);font:700 var(--fs)/1 var(--head);padding:.5em .9em;white-space:nowrap}.pbr-gh,.pbr-pl{border-radius:4px;height:4.2%;position:absolute;top:calc(var(--deck) - 4.2%);width:11.2%}.pbr-gh{border:2px dashed transparent;transition:border-color .4s}.pbr-pl{background:var(--lilac,#9587be);box-shadow:inset 0 -3px 0 rgba(42,27,85,.18);display:grid;place-items:center;transition:opacity .35s}.pbr-pl b{color:#fff;font:800 max(10.5px,1.5cqi)/1 var(--head)}.pbr-gh.g0,.pbr-pl.p0{left:20.4%}.pbr-gh.g1,.pbr-pl.p1{left:32.4%}.pbr-gh.g2,.pbr-pl.p2{left:44.4%}.pbr-gh.g3,.pbr-pl.p3{left:56.4%}.pbr-gh.g4,.pbr-pl.p4{left:68.4%}.js-pbr[data-a="0"] .pbr-pl.p0,.js-pbr[data-a="1"] .pbr-pl.p1,.js-pbr[data-a="2"] .pbr-pl.p2,.js-pbr[data-a="3"] .pbr-pl.p3,.js-pbr[data-a="4"] .pbr-pl.p4{opacity:0;transform:translateY(900%) rotate(24deg);transition:transform .8s cubic-bezier(.55,0,.75,.4),opacity .5s .3s}.js-pbr[data-a="0"] .pbr-gh.g0,.js-pbr[data-a="1"] .pbr-gh.g1,.js-pbr[data-a="2"] .pbr-gh.g2,.js-pbr[data-a="3"] .pbr-gh.g3,.js-pbr[data-a="4"] .pbr-gh.g4{border-color:var(--orange)}.pbr-tok{background:var(--neon);box-shadow:0 0 0 4px rgba(97,212,195,.25),0 0 18px rgba(97,212,195,.7);left:11%;margin-top:-3.4%;top:calc(var(--deck) - 4.2%);transition:left 1.1s cubic-bezier(.22,.61,.36,1);width:3.2%}.pbr-stop,.pbr-tok{aspect-ratio:1;border-radius:50%;position:absolute}.pbr-stop{animation:pbrStop 1.6s ease-out infinite;border:2px solid var(--orange);margin:-3% 0 0 -3%;opacity:0;pointer-events:none;top:calc(var(--deck) - 2.1%);width:6%}@keyframes pbrStop{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.js-pbr[data-a="0"] .pbr-tok{left:17.8%}.js-pbr[data-a="0"] .pbr-stop{left:26%;opacity:1}.js-pbr[data-a="1"] .pbr-tok{left:29.8%}.js-pbr[data-a="1"] .pbr-stop{left:38%;opacity:1}.js-pbr[data-a="2"] .pbr-tok{left:41.8%}.js-pbr[data-a="2"] .pbr-stop{left:50%;opacity:1}.js-pbr[data-a="3"] .pbr-tok{left:53.8%}.js-pbr[data-a="3"] .pbr-stop{left:62%;opacity:1}.js-pbr[data-a="4"] .pbr-tok{left:65.8%}.js-pbr[data-a="4"] .pbr-stop{left:74%;opacity:1}.pbr-cap{align-items:baseline;background:#fff;border-radius:999px;bottom:5%;box-shadow:0 10px 24px -18px rgba(42,27,85,.7);color:var(--lt-mut);display:flex;flex-wrap:wrap;font:700 var(--fs)/1.3 var(--head);gap:.3em .5em;justify-content:center;left:50%;margin:0;max-width:88%;padding:.6em 1.1em;position:absolute;text-align:center;transform:translateX(-50%);width:max-content}.js-pbr:not(.pbr-on) .pbr-cap,.pbr-cap b{display:none}.pbr-cap b{color:var(--deep);font-weight:900}.js-pbr[data-a="0"] .pbr-cap .c0,.js-pbr[data-a="1"] .pbr-cap .c1,.js-pbr[data-a="2"] .pbr-cap .c2,.js-pbr[data-a="3"] .pbr-cap .c3,.js-pbr[data-a="4"] .pbr-cap .c4{display:inline}.pbr-cap span{display:none}.pbr-on .pbr-cap span{display:inline}.pbr-list{display:grid;gap:4px;list-style:none;margin:0;padding:0}.pbr-list li{align-items:start;border-radius:14px;cursor:default;display:grid;gap:14px;grid-template-columns:28px minmax(0,1fr);outline:none;padding:12px 14px;transition:background .3s,box-shadow .3s}.pbr-list li.is-on{background:#fff;box-shadow:0 16px 34px -26px rgba(42,27,85,.5)}.pbr-list li:focus-visible{outline:2px solid var(--spot);outline-offset:2px}.pbr-n{background:rgba(149,135,190,.2);border-radius:8px;color:var(--deep);display:grid;font:800 .86rem/1 var(--head);height:28px;place-items:center;transition:background .3s,color .3s;width:28px}.pbr-list li.is-on .pbr-n{background:var(--orange);color:var(--deep)}.pbr-list b{color:var(--deep);display:block;font:800 1.06rem/1.3 var(--head)}.pbr-list p{color:var(--lt-mut);font-size:.94rem;line-height:1.55;margin:4px 0 0}@media (max-width:960px){.pbr-grid{grid-template-columns:1fr}}@media (max-width:600px){.pbr-board{aspect-ratio:4/3.5;--fs:max(10.5px,2.9cqi)}.pbr-syss{flex-direction:row;gap:6px;top:17%}}@media (prefers-reduced-motion:reduce){.pbr-board *{animation:none!important;transition:none!important}.pbr-stop{opacity:0!important}}