.plnk{--plnk-cycle:10.8s;aspect-ratio:470/320;width:100%;position:relative}.plnk__stage{transform-origin:top;width:470px;height:320px;position:absolute;top:0;left:50%;transform:translate(-50%)}.plnk__scene{position:absolute;inset:0}.plnk__panel{box-sizing:border-box;background:#fefefe;border:1px solid #e7e7ea;border-radius:20px;position:absolute;inset:16px;overflow:hidden;box-shadow:0 1px 2px #0a0a140a,0 8px 24px #0a0a140f}.plnk__head{letter-spacing:.055em;text-transform:uppercase;color:#4b5058;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 18px;font-size:10px;font-weight:500;display:flex}.plnk__head>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.plnk__rule{background:#f1f1f4;height:1px;margin:0 16px}.plnk__rule--foot{margin:0;position:absolute;bottom:48px;left:16px;right:16px}.plnk__pair{justify-content:space-between;align-items:flex-start;height:194px;margin:0 18px;padding-top:30px;display:flex;position:relative}.plnk__card{flex-direction:column;align-items:center;gap:5px;width:120px;display:flex}.plnk__frame{background:#f9f9fb;border:1px solid #ececf0;border-radius:16px;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative;overflow:hidden}.plnk__frame--live{background:#2567ff0a;border-color:#2567ff59}.plnk__art{color:#1a1a1a;width:34px;height:34px;display:block}.plnk__card-name{letter-spacing:-.3px;text-align:center;color:#1a1a1a;max-width:120px;font-size:13px;font-weight:500;line-height:1.25}.plnk__card-meta{letter-spacing:-.1px;text-align:center;color:#6e6e73;max-width:120px;font-size:11px;line-height:1.3}.plnk__scanline{width:100%;height:4px;position:absolute;top:0;left:0;overflow:visible}.plnk__scanline line{stroke:#2567ff;opacity:.75;vector-effect:non-scaling-stroke}.plnk.is-playing .plnk__scene:not(.is-verdict) .plnk__scanline{animation:1.7s cubic-bezier(.45,0,.55,1) infinite alternate plnk-scan}@keyframes plnk-scan{0%{transform:translateY(7px)}to{transform:translateY(68px)}}.plnk__scanline{transition:opacity .24s cubic-bezier(.16,1,.3,1)}.plnk__scene.is-verdict .plnk__scanline{opacity:0}.plnk__unlock{opacity:0;background:#2567ff;border:2px solid #fefefe;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .32s cubic-bezier(.34,1.56,.64,1),transform .32s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:6px;right:6px;transform:scale(.5)}.plnk__unlock svg{width:10px;height:10px}.plnk__scene.is-verdict .plnk__unlock{opacity:1;transform:scale(1)}.plnk__link{flex:1;height:12px;margin:62px 8px 0;position:relative}.plnk__link svg{width:100%;height:12px}.plnk__link-path{stroke:#2567ff;stroke-dasharray:100;stroke-dashoffset:100px}.plnk__scene.is-linked .plnk__link-path{stroke-dashoffset:0;transition:stroke-dashoffset .95s cubic-bezier(.16,1,.3,1) .12s}.plnk__rider{--plnk-ride-x:120px;z-index:1;color:#2567ff;opacity:0;background:#fefefe;border:1px solid #2567ff4d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 2px 8px #0a0a140f}.plnk__rider svg{width:13px;height:13px}.plnk__rider.is-ride{animation:1.4s cubic-bezier(.45,0,.2,1) forwards plnk-ride}@keyframes plnk-ride{0%{opacity:0;transform:translateY(-50%)}12%{opacity:1}78%{opacity:1;transform:translate(var(--plnk-ride-x), -50%)}to{opacity:0;transform:translate(calc(var(--plnk-ride-x) + 10px), -50%) scale(.9)}}.plnk__readout{flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.plnk__readout-val{letter-spacing:-.4px;white-space:nowrap;color:#2567ff;font-variant-numeric:tabular-nums;font-size:20px;font-weight:500;line-height:1;transition:opacity .24s cubic-bezier(.16,1,.3,1)}.plnk__readout-val--line{letter-spacing:-.2px;font-size:12.5px}.plnk__scene.is-swap .plnk__readout-val,.plnk__readout-val.is-dim{opacity:.3}.plnk__readout-unit{letter-spacing:.05em;text-transform:uppercase;color:#6b7078;font-size:9.5px;font-weight:500;line-height:1}.plnk__meter{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.plnk__meter-track{background:#ececf0;border-radius:999px;width:128px;height:3px;position:relative}.plnk__meter-fill{transform-origin:0;background:#2567ff;border-radius:999px;transition:transform .24s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(0)}.plnk__scene.is-linked .plnk__meter-fill{transform:scaleX(var(--plnk-fill,1));transition:transform .9s cubic-bezier(.16,1,.3,1) .35s}.plnk__meter-tick{background:#9da1a1;border-radius:1px;width:2px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%)}.plnk__meter-label{letter-spacing:.045em;text-transform:uppercase;text-align:center;white-space:nowrap;color:#6b7078;max-width:210px;font-size:9.5px;font-weight:500;line-height:1.2}.plnk__foot{justify-content:space-between;align-items:center;gap:10px;height:48px;padding:0 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.plnk__verdict{opacity:0;flex-shrink:0;transition:opacity .38s cubic-bezier(.34,1.56,.64,1),transform .38s cubic-bezier(.34,1.56,.64,1);display:inline-flex;transform:scale(.85)}.plnk__scene.is-verdict .plnk__verdict{opacity:1;transform:scale(1)}.plnk__chips{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.plnk__badge{box-sizing:border-box;min-width:32px;height:22px;font-family:var(--font-sans,Inter, sans-serif);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.plnk__badge--blue{color:#1b4fe0;background:#2567ff1a;border-color:#2567ff33}.plnk__badge--neutral{color:#4b5058;background:#7878801a;border-color:#78788033}.plnk__badge--green{color:#1f6d44;background:#41d97f1a;border-color:#41d97f33}.plnk__badge--amber{color:#b4500f;background:#ff74261a;border-color:#ff742633}.plnk__badge--red{color:#8c2020;background:#ff41411a;border-color:#ff414133}.plnk:not(.is-playing) .plnk__rider{opacity:0;animation:none}@media (prefers-reduced-motion:reduce){.plnk .plnk__scanline,.plnk .plnk__rider{animation:none!important}.plnk .plnk__rider{opacity:0}.plnk .plnk__link-path,.plnk .plnk__meter-fill,.plnk .plnk__verdict,.plnk .plnk__unlock,.plnk .plnk__scanline,.plnk .plnk__readout-val{transition:none!important}}
