.pm__picks{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.pm__pick{text-align:left;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s, transform .25s var(--ease);background:#fff;border-radius:16px;gap:4px;padding:14px 16px;display:grid}.pm__pick b{letter-spacing:-.01em;font-size:15px}.pm__pick span{color:var(--ink-3);font-size:13px;font-weight:600;line-height:1.3}.pm__pick:hover{transform:translateY(-2px)}.pm__pick[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--ink)}.pm__stage{border-radius:var(--r-stage);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);padding:clamp(16px,2.4vw,32px);position:relative;overflow:hidden}.pm__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.pm__phase{background:var(--ink);color:#fff;border-radius:10px;padding:7px 12px;font-size:14px;font-weight:800}.pm__legend{color:var(--ink-2);opacity:0;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:13px;font-weight:700;list-style:none;transition:opacity .5s;display:flex}.pm__stage[data-phase="3"] .pm__legend{opacity:1}.pm__lg{align-items:center;gap:7px;display:inline-flex}.pm__lg i{border-radius:4px;width:12px;height:12px}.pm__lg--s i{box-shadow:inset 0 0 0 1px var(--line-2);background:#e7eaf0}.pm__lg--a i{background:#68eff1}.pm__lg--p i{background:var(--ink)}.pm__lg--w i{background:var(--signal);border-radius:50%}.pm__board{min-height:420px;position:relative}.pm__raw{z-index:4;pointer-events:none;position:absolute;inset:0}.pm__doc{left:var(--x);top:var(--y);box-shadow:0 10px 24px -14px #28325a66, inset 0 0 0 1px var(--line);color:var(--ink-2);white-space:nowrap;transform:rotate(var(--r));transition:opacity .6s, transform .8s var(--ease);background:#fff;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;position:absolute}.pm__stage:not([data-phase="0"]) .pm__doc{opacity:0;transform:rotate(0) scale(.6) translate(var(--dx), var(--dy))}.pm__lanes{grid-template-rows:repeat(var(--n,4), 1fr);opacity:0;transition:opacity .6s;display:grid;position:absolute;inset:0}.pm__stage:not([data-phase="0"]) .pm__lanes{opacity:1}.pm__lane{box-shadow:inset 0 -1px 0 var(--line);position:relative}.pm__lane:last-child{box-shadow:none}.pm__lane span{color:var(--ink-3);letter-spacing:.02em;text-transform:uppercase;font-size:12.5px;font-weight:800;position:absolute;top:10px;left:0}.pm__path{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pm__path path{fill:none;stroke:var(--ink-3);stroke-width:1.5px;stroke-dasharray:var(--len,2000);stroke-dashoffset:var(--len,2000);transition:stroke-dashoffset 1.6s var(--ease)}.pm__stage:not([data-phase="0"]):not([data-phase="1"]) .pm__path path{stroke-dashoffset:0}.pm__steps{z-index:2;grid-template-columns:repeat(var(--c,7), minmax(0, 1fr));grid-template-rows:repeat(var(--n,4), 1fr);column-gap:12px;height:100%;min-height:420px;margin:0;padding:0 0 0 112px;list-style:none;display:grid;position:relative}.pm__step{grid-column:var(--col);grid-row:var(--row);box-shadow:0 10px 24px -16px #28325a73, inset 0 0 0 1px var(--line-2);opacity:0;transition:opacity .5s, transform .6s var(--ease), box-shadow .4s;transition-delay:calc(var(--i) * 90ms);background:#fff;border-radius:12px;align-self:center;padding:10px 12px;font-size:13.5px;font-weight:700;line-height:1.25;position:relative;transform:translateY(14px)scale(.96)}.pm__stage:not([data-phase="0"]) .pm__step{opacity:1;transform:none}.pm__tag{opacity:0;width:fit-content;max-height:0;transition:opacity .4s,max-height .4s;transition-delay:calc(var(--i) * 70ms);border-radius:6px;margin-top:8px;padding:3px 8px;font-size:11.5px;font-weight:800;display:block;overflow:hidden}.pm__stage[data-phase="3"] .pm__tag{opacity:1;max-height:40px}.pm__step--s .pm__tag{color:var(--ink-2);background:#eef0f4}.pm__step--a .pm__tag{color:#0b6466;background:#ddfbfb}.pm__step--p .pm__tag{background:var(--ink);color:#fff}.pm__stage[data-phase="3"] .pm__step--a{box-shadow:0 10px 24px -16px #28325a73,inset 0 0 0 1.5px #68eff1}.pm__wait{color:#c8285a;white-space:nowrap;opacity:0;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:800;transition:opacity .4s;display:inline-flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px -12px #c8285a80,inset 0 0 0 1px #fb447459}.pm__wait i{background:var(--signal);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pm-pulse}.pm__stage:is([data-phase="2"],[data-phase="3"]) .pm__wait{opacity:1}.pm__stage:is([data-phase="2"],[data-phase="3"]) .pm__step--w{box-shadow:0 10px 24px -16px #c8285a80, inset 0 0 0 1.5px var(--signal)}@keyframes pm-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes pm-pulse{0%{box-shadow:0 0 #fb447480}70%{box-shadow:0 0 0 8px #fb447400}to{box-shadow:0 0 #fb447400}}.pm__foot{box-shadow:inset 0 1px 0 var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:18px;display:flex}.pm__sum{color:var(--ink-2);opacity:0;max-width:44em;font-size:16px;font-weight:600;transition:opacity .5s}.pm__stage[data-phase="3"] .pm__sum{opacity:1}.pm__sum b{color:var(--ink)}.pm__note{color:var(--ink-3);margin-top:12px;font-size:12px;display:block}@media (width<=1100px){.pm__picks{grid-template-columns:repeat(3,minmax(0,1fr))}.pm__steps{column-gap:8px;padding-left:92px}.pm__step{padding:8px 9px;font-size:12.5px}.pm__wait{white-space:normal;text-align:center;width:max-content;max-width:150px;font-size:11.5px}}@media (width<=760px){.pm__picks{scroll-snap-type:x mandatory;margin:0 calc(var(--gutter-x) * -1) 14px;padding:2px var(--gutter-x);scrollbar-width:none;display:flex;overflow-x:auto}.pm__picks::-webkit-scrollbar{display:none}.pm__pick{scroll-snap-align:start;flex:0 0 72%}.pm__stage{border-radius:24px;padding:16px 14px}.pm__legend{gap:6px 12px;font-size:12px}.pm__board,.pm__steps{min-height:0}.pm__lanes,.pm__path{display:none}.pm__raw{height:210px;transition:height .6s var(--ease);position:relative;inset:auto}.pm__stage:not([data-phase="0"]) .pm__raw{height:0}.pm__steps{flex-direction:column;gap:10px;padding:0 0 0 22px;display:flex}.pm__steps:before{content:"";background:var(--line-2);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.pm__stage[data-phase="0"] .pm__steps{display:none}.pm__step{align-self:stretch;padding:12px 14px;font-size:15px;transition:box-shadow .4s}.pm__stage:not([data-phase="0"]) .pm__step{animation:pm-rise .5s var(--ease) backwards;animation-delay:calc(var(--i) * 90ms)}.pm__step:before{content:"";width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--ink-3);background:#fff;border-radius:50%;position:absolute;top:16px;left:-20px}.pm__step--w:before{background:var(--signal);box-shadow:none}.pm__role{color:var(--ink-3);letter-spacing:.02em;text-transform:uppercase;margin-bottom:4px;font-size:11.5px;font-weight:800;display:block}.pm__wait{white-space:normal;width:fit-content;max-width:none;margin-top:8px;display:none;position:static;transform:none}.pm__stage:is([data-phase="2"],[data-phase="3"]) .pm__wait{display:flex}.pm__doc{padding:6px 10px;font-size:12px}.pm__foot .btn{justify-content:center;width:100%}}@media (width>=761px){.pm__role{display:none}}@media (prefers-reduced-motion:reduce){.pm__step,.pm__tag,.pm__doc,.pm__path path{transition:none;animation:none}.pm__wait i{animation:none}}
