.pib-grid{align-items:center;display:grid;gap:clamp(30px,4vw,60px);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);margin-top:clamp(30px,3.6vw,46px)}.pib-board{aspect-ratio:16/12.5;background:linear-gradient(180deg,#fff,#fff 31%,#eef6fb 0);border:1px solid rgba(36,58,126,.14);border-radius:20px;box-shadow:0 30px 60px -48px rgba(0,24,68,.55);container-type:inline-size;overflow:hidden;position:relative;--fs:max(10.5px,1.7cqi);--pp:max(14px,3cqi)}.pib-svg{height:100%;inset:0;position:absolute;width:100%}.pib-mass{fill:hsla(0,0%,100%,.72);stroke:rgba(36,58,126,.28);stroke-linejoin:round;stroke-width:1.5}.pib-mass,.pib-tip{vector-effect:non-scaling-stroke}.pib-tip{fill:#fff;stroke:rgba(36,58,126,.32);stroke-linejoin:round;stroke-width:1.5}.pib-line{fill:none;stroke:#3c5fac;stroke-dasharray:6 5;stroke-width:2;vector-effect:non-scaling-stroke}.pib-lab{color:var(--deep);font:700 var(--fs)/1 var(--mono);left:4%;letter-spacing:.1em;position:absolute;text-transform:uppercase;white-space:nowrap}.pib-lab.top{top:5%}.pib-lab.low{color:#2d4a8f;top:35%}.pib-seen{align-items:flex-end;display:flex;flex-direction:column;gap:max(5px,1cqi);position:absolute;right:4%;top:4%}.pib-seen b{background:var(--stone);border:1px solid var(--lt-line);border-radius:999px;color:var(--deep);font:700 var(--fs)/1 var(--head);padding:.45em .9em;white-space:nowrap}.pib-g{inset:0;pointer-events:none}.pib-g,.pib-p{position:absolute}.pib-p{height:calc(var(--pp)*1.25);margin:calc(var(--pp)*-.6) 0 0 calc(var(--pp)*-.5);width:var(--pp)}.pib-p:before{border-radius:50%;height:35%;left:28%;top:0;width:44%}.pib-p:after,.pib-p:before{background:var(--pc,rgba(36,58,126,.35));content:"";position:absolute;transition:background .4s}.pib-p:after{border-radius:50% 50% 30% 30%/60% 60% 30% 30%;bottom:0;height:56%;left:5%;right:5%}.js-pib[data-a="0"] .pib-g.g0 .pib-p,.js-pib[data-a="1"] .pib-g.g1 .pib-p,.js-pib[data-a="2"] .pib-g.g2 .pib-p,.js-pib[data-a="3"] .pib-g.g3 .pib-p{--pc:var(--orange)}.pib-tag{background:#fff;border:1.5px solid var(--orange);border-radius:999px;box-shadow:0 8px 18px -12px rgba(0,24,68,.6);color:var(--deep);font:800 var(--fs)/1 var(--head);opacity:0;padding:.45em .9em;position:absolute;transform:translateX(-50%);transition:opacity .35s;white-space:nowrap}.pib-tag.t0{left:30%;top:39%}.pib-tag.t1{left:66%;top:36%}.pib-tag.t2{left:38%;top:65%}.pib-tag.t3{left:64%;top:66%}.js-pib[data-a="0"] .pib-tag.t0,.js-pib[data-a="1"] .pib-tag.t1,.js-pib[data-a="2"] .pib-tag.t2,.js-pib[data-a="3"] .pib-tag.t3{opacity:1}.pib-list{display:grid;gap:4px;list-style:none;margin:0;padding:0}.pib-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}.pib-list li.is-on{background:#fff;box-shadow:0 16px 34px -26px rgba(0,24,68,.5)}.pib-list li:focus-visible{outline:2px solid var(--spot);outline-offset:2px}.pib-n{background:rgba(36,58,126,.1);border-radius:8px;color:var(--deep);display:grid;font:800 .86rem/1 var(--head);height:28px;place-items:center;transition:background .3s;width:28px}.pib-list li.is-on .pib-n{background:var(--orange)}.pib-list b{color:var(--deep);display:block;font:800 1.06rem/1.3 var(--head)}.pib-list p{color:var(--lt-mut);font-size:.94rem;line-height:1.55;margin:4px 0 0}@media (max-width:960px){.pib-grid{grid-template-columns:1fr}}@media (max-width:600px){.pib-board{aspect-ratio:4/4.4;--fs:max(10.5px,2.9cqi);--pp:max(13px,4.6cqi)}.pib-seen{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;left:4%;top:13%}}@media (prefers-reduced-motion:reduce){.pib-board *{transition:none!important}}