.pwr{--w:78%;--step:102%;--tilt:16deg;position:relative;isolation:isolate;margin:24px -16px 0;padding:4px 0 8px;outline:none;-webkit-tap-highlight-color:transparent}.pwr:focus-visible .pwr-card.front{outline:3px solid var(--accent);outline-offset:4px}.pwr-glow{position:absolute;inset:6% 4% 4%;z-index:-1;pointer-events:none;filter:blur(60px) saturate(1.6);opacity:.55}.pwr-glow img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;animation:pwr-fade 1.2s var(--ease,ease) both}.pw[data-look=dark] .pwr-glow{opacity:.45}@keyframes pwr-fade{0%{opacity:0}to{opacity:1}}.pwr-deck{position:relative;width:100%;aspect-ratio:100/97.5;perspective:1600px;touch-action:pan-y}.pwr-card{position:absolute;top:0;left:calc((100% - var(--w)) / 2);width:var(--w);height:100%;border-radius:20px;overflow:hidden;background:#0b1020;cursor:pointer;transform:translateX(calc(var(--o) * var(--step))) translateZ(calc(var(--a) * -140px)) rotateY(calc(var(--o) * var(--tilt) * -1)) scale(calc(1 - var(--a) * .06));opacity:calc(1 - var(--a) * .45);z-index:calc(10 - var(--a));filter:saturate(calc(1 - var(--a) * .35)) brightness(calc(1 - var(--a) * .18));box-shadow:0 26px 60px -26px #0b1020b3,0 0 0 1px #ffffff1f;transition:transform .7s var(--ease,ease),opacity .7s var(--ease,ease),filter .7s}.pwr-card.far{opacity:0;pointer-events:none}.pwr-card.front{cursor:default}.pwr-card img,.pwr-card video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pwr-card video{opacity:0;transition:opacity .4s ease}.pwr-card video.live{opacity:1}.pwr-peek{display:none;position:absolute;left:12px;bottom:12px;padding:5px 10px;border-radius:999px;background:#0b1020b8;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;backdrop-filter:blur(6px)}@media (hover:hover){.pwr-card.side:hover{filter:none;opacity:.9}}.pwr-hud{top:0;left:calc((100% - var(--w)) / 2);width:var(--w);height:100%;z-index:20;border-radius:20px;overflow:hidden}.pwr-hud,.pwr-hud:after{position:absolute;pointer-events:none}.pwr-hud:after{content:"";inset:0;z-index:0;background:linear-gradient(0deg,#0b1020e6,#0b102066 30%,#0b102000 55%),linear-gradient(180deg,#0b102080,#0b102000 30%)}.pwr-hud>*{position:absolute;z-index:1;pointer-events:auto}.pwr-bars{left:10px;right:10px;top:6px;display:flex;gap:4px}.pwr-bars button{flex:1;min-width:0;height:24px;padding:10px 0;border:0;background:none;cursor:pointer}.pwr-bars button:before{content:"";display:block;height:3px;border-radius:3px;background:#ffffff4d}.pwr-bars button i{display:block;height:3px;margin-top:-3px;border-radius:3px;background:#fff;transform-origin:left}.pwr-bars button[aria-selected=true] i{background:var(--key);box-shadow:0 0 8px #5aa9ff99}.pwr-top{left:12px;right:8px;top:30px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.pwr-top>*{pointer-events:auto}.pwr-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 9px;border-radius:999px;background:#0b1020b8;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;backdrop-filter:blur(6px)}.pwr-chip i{width:7px;height:7px;border-radius:50%;background:#5aa9ff;box-shadow:0 0 0 3px #5aa9ff40;animation:pwr-live 1.6s ease-in-out infinite}.pwr.paused .pwr-chip i{animation:none;background:#a4adbc;box-shadow:none}@keyframes pwr-live{50%{box-shadow:0 0 0 6px #5aa9ff1a}}.pwr-pp{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#0b1020b8;color:#fff;cursor:pointer;backdrop-filter:blur(6px);transition:transform .15s ease,background .2s}.pwr-pp svg{width:18px;height:18px;fill:currentColor}.pwr-pp:hover{background:#0b1020e6}.pwr-pp:active{transform:scale(.92)}.pwr-zone{top:82px;bottom:76px;width:33%;padding:0;border:0;background:none;cursor:pointer}.pwr-zone.l{left:0;cursor:w-resize}.pwr-zone.r{right:0;cursor:e-resize}.pwr-zone:focus-visible{outline:none;background:linear-gradient(90deg,#ffffff1f,#ffffff00)}.pwr-zone.r:focus-visible{background:linear-gradient(270deg,#ffffff1f,#ffffff00)}.pwr-foot{left:12px;right:12px;bottom:12px;display:grid;gap:10px;pointer-events:none}.pwr-foot>*{pointer-events:auto}.pwr-title{display:grid;gap:3px;min-width:0;color:#fff;animation:pwr-rise .6s var(--ease,ease) both}.pwr-title b{font-size:24px;font-weight:700;line-height:1.1;letter-spacing:-.02em;text-shadow:0 1px 12px #0b102080}.pwr-title span{font-size:13.5px;line-height:1.4;color:#d7e0ed}@keyframes pwr-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pwr-next{display:flex;align-items:center;gap:12px;min-height:60px;padding:6px;border:1px solid #ffffffe0;border-radius:20px;color:#1b2740;font:inherit;cursor:pointer;text-align:left;background:linear-gradient(135deg,#ffffffe6,#ffffffb8);box-shadow:inset 0 1px 0 #fff,0 12px 32px #0b10204d,0 2px 6px #0b10201f;backdrop-filter:blur(16px) saturate(160%);-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease,ease),box-shadow .2s ease}.pwr-next:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 18px 40px #0b102059,0 2px 6px #0b10201f}.pwr-next:active{transform:scale(.97)}.pwr-next:focus-visible{outline:3px solid #a1bcff;outline-offset:3px}.pwr-next-thumb{position:relative;flex:none;display:grid;place-items:center;width:56px;height:46px;padding:3px;border-radius:14px;background:conic-gradient(from -90deg,#2f86ec calc(var(--p, 0) * 1turn),#1b27401f 0)}.pwr-next-thumb img{width:100%;height:100%;border-radius:11px;-o-object-fit:cover;object-fit:cover;box-shadow:0 0 0 2px #fff;transition:transform .3s var(--ease,ease)}.pwr-next:hover .pwr-next-thumb img{transform:scale(1.06)}.pwr-next-txt{display:grid;flex:1;min-width:0;line-height:1.2}.pwr-next-txt small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3e64b9}.pwr-next-txt b{margin-top:1px;font-size:16px;font-weight:700;letter-spacing:-.01em;color:#1b2740;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwr-next-go{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#5aa9ff,#2f86ec);color:#fff;box-shadow:inset 0 1px 0 #ffffff73,0 6px 16px #2f86ec59;transition:transform .2s var(--ease,ease),filter .2s}.pwr-next:hover .pwr-next-go{transform:translateX(2px);filter:brightness(1.06)}.pwr-next-go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.pwr-card,.pwr-card video{transition:none}.pwr-chip i,.pwr-glow img,.pwr-title{animation:none}.pwr-next,.pwr-next-go,.pwr-next-thumb img{transition:none}}@media (min-width:1024px){.pwr{--w:62%;--step:84%;--tilt:28deg;margin:36px 0 0;padding:10px 0 20px}.pwr-deck{aspect-ratio:100/34.875;perspective:2000px}.pwr-card,.pwr-hud{border-radius:26px}.pwr-glow{inset:0 12% 0;filter:blur(80px) saturate(1.6)}.pwr-bars{left:18px;right:18px;top:10px;gap:5px}.pwr-top{left:18px;right:14px;top:38px}.pwr-chip{font-size:12.5px}.pwr-zone{top:92px;bottom:96px}.pwr-foot{left:26px;right:18px;bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.pwr-title b{font-size:32px}.pwr-title span{font-size:15px}.pwr-next{flex:none;width:300px;min-height:64px;padding:7px;gap:14px;border-radius:22px}.pwr-next-thumb{width:66px;height:50px;border-radius:15px}.pwr-next-txt b{font-size:17px}.pwr-peek{display:block;left:auto;right:14px}.pwr-card.before .pwr-peek{right:auto;left:14px}}