.pwnl-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:18px;width:min(980px,100% - 32px);margin:clamp(28px,3vw,40px) auto 0}.pwnl-vs p{display:grid;align-content:center;justify-items:center;gap:8px;min-height:130px;margin:0;padding:22px 26px;border-radius:26px;text-align:center}.pwnl-vs small{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pwnl-vs b{position:relative;font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:1.1;letter-spacing:-.03em}.pwnl-old{background:#fff;box-shadow:0 0 0 1px #1b27401a,0 16px 34px -16px #1b274040}.pwnl-old small{color:#7a869c}.pwnl-old b{color:#56637a}.pwnl-old b:after{content:"";position:absolute;left:-6px;right:-6px;top:54%;height:5px;border-radius:5px;background:#e5484d;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.65,0,.35,1) .35s}.pwnl.on .pwnl-old b:after{transform:scaleX(1)}.pwnl-new{background:linear-gradient(180deg,#5aa9ff,#2f86ec);color:#fff;box-shadow:inset 0 1px 0 #ffffff59,0 18px 40px -16px #2f86ec}.pwnl-new small{color:#ffffffd9}.pwnl-to{align-self:center;width:14px;height:14px;margin:0 6px 0 0;border-top:3px solid #8ea6dc;border-right:3px solid #8ea6dc;border-radius:2px;rotate:45deg}.pwnl-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;width:min(1180px,100% - 32px);margin:clamp(36px,4vw,56px) auto 0;padding:0;list-style:none}.pwnl-steps li{position:relative;aspect-ratio:4/5;border-radius:24px;box-shadow:0 0 0 1px #ffffffd9,0 22px 44px -16px #1b274066;opacity:0;translate:0 26px;scale:.96;transition:opacity .45s ease,translate .6s var(--pws-out),scale .6s var(--pws-out);transition-delay:calc(.12s + var(--i) * .1s)}.pwnl.on .pwnl-steps li{opacity:1;translate:none;scale:1}.pwnl-steps li:not(:last-child):after{content:"";position:absolute;right:-19px;top:50%;width:10px;height:10px;border-top:3px solid #8ea6dc;border-right:3px solid #8ea6dc;border-radius:2px;rotate:45deg;translate:0 -50%}.pwnl-ph{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#1b2740}.pwnl-pic{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pwnl-ph:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0d1424d9)}.pwnl-steps li>b{left:14px;right:12px;bottom:13px;color:#fff;font-size:19px;font-weight:700;line-height:1.15;letter-spacing:-.01em;text-shadow:0 2px 10px #0008}.pwnl-n,.pwnl-steps li>b{position:absolute;z-index:3}.pwnl-n{top:10px;left:10px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffffe6;color:#2f6fd6;font-size:15px;font-style:normal;font-weight:800;box-shadow:0 4px 12px #0003}.pwnl-foot{position:absolute;z-index:3;left:10px;right:10px;bottom:12px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.pwnl-foot>b{padding:0 4px;color:#fff;font-size:19px;font-weight:700;line-height:1.15;letter-spacing:-.01em;text-shadow:0 2px 10px #0008}.pwnl-over{display:block}.pwnl-ui{position:relative;display:flex;align-items:center;gap:8px;padding:7px 10px 7px 8px;border-radius:14px;background:#ffffffeb;color:#1b2740;font-size:12.5px;font-weight:700;line-height:1.2;box-shadow:0 8px 22px #0d142440;backdrop-filter:blur(12px);opacity:0;translate:0 10px;scale:.9}.pwnl.on .pwnl-ui{animation:pwnl-pop .55s cubic-bezier(.34,1.56,.64,1) calc(.75s + var(--i) * .12s) both}@keyframes pwnl-pop{to{opacity:1;translate:none;scale:1}}.pwnl-ui svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pwnl-posted img{flex:none;width:26px;height:32px;border-radius:5px;-o-object-fit:cover;object-fit:cover}.pwnl-posted>span{display:grid;flex:1;gap:5px}.pwnl-bar{display:block;height:4px;border-radius:4px;background:#e3e9f5;overflow:hidden}.pwnl-bar:after{content:"";display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#5aa9ff,#2f86ec);transform:scaleX(0);transform-origin:left}.pwnl.on .pwnl-bar:after{animation:pwnl-fill .9s ease-out 1.05s both}@keyframes pwnl-fill{to{transform:none}}.pwnl-posted svg{color:#fff;background:#22b26b;border-radius:50%;padding:3px;width:20px;height:20px;scale:0}.pwnl.on .pwnl-posted svg{animation:pwnl-tick .4s cubic-bezier(.34,1.56,.64,1) 1.95s both}@keyframes pwnl-tick{to{scale:1}}.pwnl-notice .pwnl-note svg{color:#ff3b5c;fill:#ff3b5c}.pwnl-hearts i{position:absolute;left:60%;top:50%;width:16px;height:16px;opacity:0;background:#ff3b5c;clip-path:path("M8 15S1 10.6 1 5.2A3.6 3.6 0 0 1 8 3.4a3.6 3.6 0 0 1 7 1.8C15 10.6 8 15 8 15z")}.pwnl.on .pwnl-hearts i{animation:pwnl-heart 2.6s ease-out infinite}.pwnl.on .pwnl-hearts i:nth-child(2){left:66%;animation-delay:.9s;scale:.75}.pwnl.on .pwnl-hearts i:nth-child(3){left:55%;animation-delay:1.7s;scale:.85}@keyframes pwnl-heart{0%{opacity:0;translate:0 0}15%{opacity:1}to{opacity:0;translate:10px -90px;rotate:18deg}}.pwnl-saved svg{color:#2f86ec;fill:#2f86ec}.pwnl-text{display:grid;padding:0;background:none;box-shadow:none;backdrop-filter:none}.pwnl-text>*{grid-area:1/1;justify-self:end}.pwnl-text>span{max-width:92%;padding:8px 11px;border-radius:16px 16px 4px 16px;background:linear-gradient(180deg,#5aa9ff,#2f86ec);color:#fff;font-size:12.5px;font-weight:600;box-shadow:0 8px 22px #2f86ec66;opacity:0;scale:.8;transform-origin:100% 100%}.pwnl.on .pwnl-text>span{animation:pwnl-pop .5s cubic-bezier(.34,1.56,.64,1) 2.25s both}.pwnl-typing{display:flex;gap:4px;padding:10px 12px;border-radius:16px;background:#ffffffeb}.pwnl-typing i{width:6px;height:6px;border-radius:50%;background:#8e99ad}.pwnl.on .pwnl-typing{animation:pwnl-gone .2s ease 2.2s both}.pwnl.on .pwnl-typing i{animation:pwnl-dot .9s ease-in-out infinite}.pwnl.on .pwnl-typing i:nth-child(2){animation-delay:.15s}.pwnl.on .pwnl-typing i:nth-child(3){animation-delay:.3s}@keyframes pwnl-dot{50%{translate:0 -3px;background:#56637a}}@keyframes pwnl-gone{to{opacity:0;scale:.8}}.pwnl-steps .pwnl-win{box-shadow:0 0 0 2px #5aa9ff,0 22px 50px -14px #2f86ec}.pwnl-win .pwnl-ph:after{inset:38% 0 0;background:linear-gradient(transparent,#1d5fc2e6)}.pwnl-steps .pwnl-win>b{font-size:22px;line-height:1.08;letter-spacing:-.02em}.pwnl-confetti{position:absolute;z-index:2;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.pwnl-confetti i{position:absolute;top:-10px;left:calc(4% + var(--k) * 6.8%);width:6px;height:10px;border-radius:2px;opacity:0;background:hsl(calc(205 + var(--k) * 47) 90% 66%)}.pwnl.on .pwnl-confetti i{animation:pwnl-fall calc(2.6s + var(--k) * .13s) linear calc(1.1s + var(--k) * .21s) infinite}@keyframes pwnl-fall{0%{opacity:1;translate:0 0;rotate:0deg}80%{opacity:1}to{opacity:0;translate:14px 260px;rotate:540deg}}@media (max-width:1023px){.pwnl-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.pwnl-steps li:not(:last-child):after{display:none}.pwnl-steps li{border-radius:20px}.pwnl-steps .pwnl-win{grid-column:1/-1;aspect-ratio:4/3}.pwnl-win .pwnl-pic{-o-object-position:50% 62%;object-position:50% 62%}.pwnl-foot{left:7px;right:7px;bottom:9px;gap:6px}.pwnl-foot>b{padding:0 3px;font-size:16px}.pwnl-steps .pwnl-win>b{left:11px;bottom:10px;font-size:24px}.pwnl-win br{display:none}.pwnl-n{top:8px;left:8px;width:28px;height:28px;font-size:14px}.pwnl-ui{padding:6px 8px 6px 6px;gap:6px;border-radius:12px;font-size:11px}.pwnl-ui svg{width:15px;height:15px}.pwnl-posted img{width:20px;height:25px}.pwnl-text>span{font-size:11px;padding:6px 9px}}@media (prefers-reduced-motion:reduce){.pwnl.on .pwnl-confetti i,.pwnl.on .pwnl-hearts i,.pwnl.on .pwnl-typing i{animation:none}.pwnl-old b:after,.pwnl-steps li{transition:none}}.pwnl-copy{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;width:min(760px,100% - 32px);margin:clamp(32px,3.5vw,48px) auto 0;text-align:center}.pwnl-copy p{margin:0;font-size:clamp(19px,1.6vw,22px);font-weight:500;line-height:1.5;color:var(--ink)}@media (max-width:1023px){.pwnl-vs{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}.pwnl-vs p{min-height:0;padding:18px 18px 20px;border-radius:22px}.pwnl-vs b{font-size:25px}.pwnl-to{justify-self:center;margin:0;rotate:135deg}.pwnl-copy{margin-top:28px}.pwnl-copy p{font-size:18px}.pw-story .pwnl-copy .pws-go{max-width:100%;height:auto;min-height:52px;padding:12px 20px;white-space:normal;text-align:center}}.pw[data-look=dark] .pwnl-old{background:#1c2333;box-shadow:0 0 0 1px #ffffff14}.pw[data-look=dark] .pwnl-old b{color:#a4adbc}.pw-story[data-mode=still] .pwnl-old b:after,.pw-story[data-mode=still] .pwnl-steps li{transition:none}