.pv{background:radial-gradient(60% 60% at 15% 0%,color-mix(in srgb,var(--s1) 14%,transparent),transparent 60%),radial-gradient(60% 60% at 85% 100%,color-mix(in srgb,var(--s2) 14%,transparent),transparent 60%),linear-gradient(180deg,#121621,#0a0d15);border:1px solid #262c3b;border-radius:22px;margin-top:clamp(32px,4.5vw,52px);position:relative;overflow:hidden;box-shadow:0 40px 110px #0000008c}.pv:before{content:"";pointer-events:none;background-image:linear-gradient(#8296d20f 1px,#0000 1px),linear-gradient(90deg,#8296d20f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 50% 40%,#000,#0000);mask-image:radial-gradient(80% 80% at 50% 40%,#000,#0000)}.pv-top{font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#8f97aa;border-bottom:1px solid #222838;align-items:center;gap:14px;padding:16px 24px;display:flex;position:relative}.pv-live{color:var(--lime);align-items:center;gap:7px;display:flex}.pv-live:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.4s infinite pvp;box-shadow:0 0 10px}@keyframes pvp{50%{opacity:.35}}.pv-total{margin-left:auto}.pv-total b{color:#fff}.pv-stage{perspective:1400px;flex-direction:column;gap:clamp(18px,2.4vw,30px);padding:clamp(22px,3vw,40px);display:flex;position:relative}.pv-beams{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pv-beams line{stroke:#2a3248;stroke-width:1px;stroke-dasharray:3 6}.pv-beams circle{filter:drop-shadow(0 0 6px)}.pv-layer{z-index:1;background:linear-gradient(100deg,color-mix(in srgb,var(--c) 7%,#11151feb),#0d1018eb);transform-origin:50% 100%;border:1px solid #2a3144;border-radius:16px;grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);align-items:center;gap:22px;padding:18px 20px;transition:transform .6s cubic-bezier(.2,.8,.2,1),border-color .5s,box-shadow .5s;animation:.9s cubic-bezier(.2,.8,.2,1) both pvIn;display:grid;position:relative;transform:rotateX(9deg)translateZ(0)}.pv-layer:nth-child(3){animation-delay:.15s}.pv-layer:nth-child(4){animation-delay:.3s}@keyframes pvIn{0%{opacity:0;transform:rotateX(30deg)translateY(30px)}}.pv-layer:before{content:"";background:var(--c);width:3px;box-shadow:0 0 14px var(--c);border-radius:0 3px 3px 0;position:absolute;top:16px;bottom:16px;left:0}.pv-layer.on{border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 12%,transparent),0 24px 60px color-mix(in srgb,var(--c) 18%,transparent);transform:rotateX(0)translateZ(30px)}.pv-lh{align-items:center;gap:14px;min-width:0;display:flex}.pv-n{width:44px;height:44px;font:600 13px var(--mono);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent);border-radius:12px;flex:none;place-items:center;transition:all .5s;display:grid}.pv-layer.on .pv-n{background:var(--c);color:#0b0e16;box-shadow:0 0 24px color-mix(in srgb,var(--c) 55%,transparent)}.pv-lh div{min-width:0}.pv-lh b{font:700 19px var(--display);letter-spacing:-.01em;display:block}.pv-lh small{color:#8f97aa;margin-top:3px;font-size:13px;display:block}.pv-count{font:800 28px var(--display);color:color-mix(in srgb,var(--c) 80%,#fff);letter-spacing:-.03em;margin-left:auto}.pv-chips{flex-wrap:wrap;gap:8px;display:flex}.pv-chip{color:#d5dbe6;background:#0f131d;border:1px solid #2c3346;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 7px;font-size:13.5px;transition:all .35s;display:inline-flex}.pv-chip i{width:24px;height:24px;font:600 9.5px var(--mono);color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border-radius:50%;place-items:center;font-style:normal;transition:all .35s;display:grid}.pv-chip:hover,.pv-chip.lit{border-color:var(--c);color:#fff;box-shadow:0 0 18px color-mix(in srgb,var(--c) 30%,transparent);transform:translateY(-2px)}.pv-chip:hover i,.pv-chip.lit i{background:var(--c);color:#0b0e16}.pv-chip:focus-visible{outline:2px solid var(--c);outline-offset:2px}.pv-foot{font:500 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#7c8498;align-items:center;gap:12px;padding:14px 24px 20px;display:flex;position:relative}.pv-foot i{background:linear-gradient(90deg,var(--s1),var(--s3),var(--s2));opacity:.5;flex:1;height:1px}.pg-tabs{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.pg-tabs button{all:unset;cursor:pointer;border:1px solid var(--line2);color:#c9cfdb;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14.5px;font-weight:600;transition:all .3s;display:inline-flex}.pg-tabs button em{font-style:normal;font:600 11px var(--mono);color:var(--dim)}.pg-tabs button:hover{border-color:#5a6275}.pg-tabs button:focus-visible{outline:2px solid var(--glow)}.pg-tabs button[aria-pressed=true]{color:#0b0e16;background:#fff;border-color:#fff}.pg-tabs button[aria-pressed=true] em{color:#5f6779}.pg-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;margin-top:22px;display:grid}.pg-card{animation:.55s cubic-bezier(.2,.8,.2,1) both pgIn;animation-delay:var(--d);background:linear-gradient(#121621,#0d1018);border:1px solid #262c3b;border-radius:16px;flex-direction:column;gap:10px;padding:20px;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}@keyframes pgIn{0%{opacity:0;transform:translateY(14px)scale(.98)}}.pg-card:after{content:"";background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 30%,transparent),transparent);opacity:0;border-radius:50%;width:220px;height:220px;transition:opacity .4s;position:absolute;inset:auto -40% -60% auto}.pg-card:hover{border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 20px 50px color-mix(in srgb,var(--c) 15%,transparent);transform:translateY(-4px)}.pg-card:hover:after{opacity:1}.pg-card:focus-visible{outline:2px solid var(--c);outline-offset:2px}.pg-card.hide{display:none}.pg-top{align-items:center;gap:10px;display:flex}.pg-top i{width:38px;height:38px;font:600 11.5px var(--mono);color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);border-radius:11px;place-items:center;font-style:normal;transition:all .35s;display:grid}.pg-card:hover .pg-top i{background:var(--c);color:#0b0e16}.pg-top small{font:500 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#7c8498}.pg-live{font:600 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime);align-items:center;gap:6px;margin-left:auto;display:flex}.pg-live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.pg-card b{font:700 19px/1.25 var(--display);letter-spacing:-.015em;color:#f0f3f8}.pg-d{color:#97a0b2;flex:1;font-size:14.5px;line-height:1.55}.pg-go{color:var(--c);font-size:14px;font-weight:600}.pg-go span{transition:transform .3s;display:inline-block}.pg-card:hover .pg-go span{transform:translate(5px)}@media (width<=820px){.pv-layer{grid-template-columns:1fr;transform:none}.pv-layer.on{transform:none}.pv-foot{display:none}}.pg-tabs button{scroll-margin-top:96px}
