.pl-n-stage{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:stretch}.pl-n-hud{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;margin:6px 0 18px}.pl-n-hud-cell{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:10px 14px;position:relative;overflow:hidden}.pl-n-hud-l{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:hsla(0,0%,100%,.5);font-weight:600}.pl-n-hud-v{font-size:22px;color:#fff;font-weight:600;font-variant-numeric:tabular-nums;margin-top:4px;letter-spacing:-.01em}.pl-n-hud-v.gold{color:#f4d58d}.pl-n-hud-v.ice{color:#a3e635}.pl-n-hud-combo{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:4px;letter-spacing:-.01em;color:#fff;transition:color .18s ease,transform .18s ease}.pl-n-hud-combo.is-hot{color:#f4d58d;text-shadow:0 0 22px hsla(42,82%,75%,.55)}.pl-n-hud-combo.is-pulse{transform:scale(1.18)}.pl-n-eng-track{height:6px;background:hsla(0,0%,100%,.05);border-radius:99px;overflow:hidden;margin-top:8px}.pl-n-eng-fill{height:100%;background:linear-gradient(90deg,#a3e635,#f4d58d);transition:width .18s ease;border-radius:99px}.pl-n-eng-fill.is-viral{background:linear-gradient(90deg,#ff4f6a,#f4d58d);box-shadow:0 0 14px hsla(42,82%,75%,.55)}.pl-n-track{position:relative;height:460px;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(10,19,34,.5));border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;outline:none;transition:box-shadow .3s ease,border-color .3s ease}.pl-n-track:focus-visible{border-color:rgba(124,220,255,.3)}.pl-n-track.is-combo-1{box-shadow:inset 0 0 0 1px rgba(124,220,255,.18)}.pl-n-track.is-combo-2{box-shadow:inset 0 0 0 1px hsla(42,82%,75%,.3),inset 0 0 38px hsla(42,82%,75%,.1)}.pl-n-track.is-combo-3{box-shadow:inset 0 0 0 1px hsla(42,82%,75%,.55),inset 0 0 60px hsla(42,82%,75%,.2)}.pl-n-track.is-viral{box-shadow:inset 0 0 0 1px rgba(255,79,106,.55),inset 0 0 70px hsla(42,82%,75%,.3)}.pl-n-lane{position:absolute;top:0;bottom:0;width:25%;border-right:1px solid hsla(0,0%,100%,.04);pointer-events:none}.pl-n-lane:last-child{border-right:none}.pl-n-lane.col-pov{background:linear-gradient(180deg,rgba(124,220,255,.04),rgba(124,220,255,0))}.pl-n-lane.col-broll{background:linear-gradient(180deg,hsla(0,0%,100%,.025),hsla(0,0%,100%,0))}.pl-n-lane.col-stat{background:linear-gradient(180deg,rgba(255,79,106,.04),rgba(255,79,106,0))}.pl-n-lane.col-cta{background:linear-gradient(180deg,hsla(42,82%,75%,.04),hsla(42,82%,75%,0))}.pl-n-lane-head{position:absolute;top:8px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:2}.pl-n-lane-key{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:700;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.85);font-family:ui-monospace,JetBrains Mono,Menlo,monospace}.pl-n-lane-tag{font-size:9px;letter-spacing:.16em;font-weight:600;color:hsla(0,0%,100%,.45)}.pl-n-hitzone{position:absolute;left:0;right:0;height:40px;bottom:28px;pointer-events:none;z-index:1}.pl-n-hitline{position:absolute;left:6px;right:6px;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent)}.pl-n-hitline.top{top:0}.pl-n-hitline.center{top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(124,220,255,.55),hsla(42,82%,75%,.55),transparent);box-shadow:0 0 10px rgba(124,220,255,.2)}.pl-n-hitline.bot{bottom:0}.pl-n-hitcell{position:absolute;top:0;bottom:0;width:25%;border-radius:4px;transition:background .1s ease}.pl-n-hitcell.flash-perfect{background:linear-gradient(180deg,hsla(42,82%,75%,.4),hsla(42,82%,75%,0));animation:plnFlash .32s ease forwards}.pl-n-hitcell.flash-good{background:linear-gradient(180deg,rgba(124,220,255,.35),rgba(124,220,255,0));animation:plnFlash .32s ease forwards}.pl-n-hitcell.flash-miss{background:linear-gradient(180deg,rgba(255,79,106,.3),rgba(255,79,106,0));animation:plnFlash .32s ease forwards}@keyframes plnFlash{0%{opacity:1}to{opacity:0}}.pl-n-note{position:absolute;width:50px;height:40px;border-radius:9px;display:grid;place-items:center;font-size:10px;font-weight:700;letter-spacing:.06em;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;margin-left:-25px;will-change:transform;box-shadow:0 4px 16px rgba(0,0,0,.35);animation:plnBob 1.2s ease-in-out infinite}@keyframes plnBob{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.pl-n-note.col-pov{background:linear-gradient(180deg,rgba(124,220,255,.18),rgba(124,220,255,.06));border:1px solid rgba(124,220,255,.55);color:#a3e635}.pl-n-note.col-broll{background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.04));border:1px solid hsla(0,0%,100%,.45);color:#fff}.pl-n-note.col-stat{background:linear-gradient(180deg,rgba(255,79,106,.16),rgba(255,79,106,.05));border:1px solid rgba(255,79,106,.55);color:#ff4f6a}.pl-n-note.col-cta{background:linear-gradient(180deg,hsla(42,82%,75%,.18),hsla(42,82%,75%,.06));border:1px solid hsla(42,82%,75%,.55);color:#f4d58d}.pl-n-combo-float{position:absolute;top:60px;left:50%;transform:translateX(-50%);font-size:56px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:hsla(0,0%,100%,.1);pointer-events:none;z-index:0;transition:color .2s ease,text-shadow .2s ease,transform .18s ease}.pl-n-combo-float.is-on{color:rgba(124,220,255,.55)}.pl-n-combo-float.is-hot{color:#f4d58d;text-shadow:0 0 38px hsla(42,82%,75%,.55)}.pl-n-combo-float.is-pulse{transform:translateX(-50%) scale(1.12)}.pl-n-pop{position:absolute;font-size:12px;font-weight:700;letter-spacing:.04em;pointer-events:none;margin-left:-25px;width:50px;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.6);animation:plnPop .7s cubic-bezier(.2,.6,.2,1) forwards}.pl-n-pop.perfect{color:#f4d58d}.pl-n-pop.good{color:#a3e635}.pl-n-pop.miss{color:#ff4f6a}@keyframes plnPop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-32px)}}.pl-n-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,19,34,.7),rgba(10,19,34,.92));display:grid;place-items:center;z-index:5;backdrop-filter:blur(2px)}.pl-n-overlay-inner{text-align:center;padding:10px 22px;max-width:320px}.pl-n-overlay-h{font-size:18px;color:#fff;font-weight:600;margin:0 0 6px;letter-spacing:-.01em}.pl-n-overlay-d{font-size:12px;color:hsla(0,0%,100%,.55);margin:0 0 14px;line-height:1.55}.pl-n-keys{display:inline-flex;gap:6px;margin-bottom:14px}.pl-n-keys span{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.85)}.pl-n-side{display:flex;flex-direction:column;gap:12px}.pl-n-side-h{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.5);font-weight:600;padding:0 2px}.pl-n-phone{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:18px;padding:14px 12px;justify-content:center}.pl-n-phone,.pl-n-phone-frame{position:relative;display:flex}.pl-n-phone-frame{width:130px;height:230px;background:linear-gradient(180deg,#050a14,#0e1a2e);border:2px solid hsla(0,0%,100%,.14);border-radius:18px;padding:14px 8px 26px;flex-direction:column;gap:6px;overflow:hidden}.pl-n-phone-notch{top:6px;width:36px;height:6px;border-radius:3px}.pl-n-phone-home,.pl-n-phone-notch{position:absolute;left:50%;transform:translateX(-50%);background:hsla(0,0%,100%,.18)}.pl-n-phone-home{bottom:8px;width:30px;height:3px;border-radius:2px}.pl-n-scene{height:26px;border-radius:6px;display:flex;align-items:center;gap:6px;padding:0 8px;font-size:9px;font-weight:700;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;letter-spacing:.06em;animation:plnSceneIn .32s cubic-bezier(.2,.7,.2,1)}@keyframes plnSceneIn{0%{opacity:0;transform:translateY(-6px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.pl-n-scene.col-pov{background:rgba(124,220,255,.14);border:1px solid rgba(124,220,255,.4);color:#a3e635}.pl-n-scene.col-broll{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.2);color:#fff}.pl-n-scene.col-stat{background:rgba(255,79,106,.14);border:1px solid rgba(255,79,106,.4);color:#ff4f6a}.pl-n-scene.col-cta{background:hsla(42,82%,75%,.14);border:1px solid hsla(42,82%,75%,.4);color:#f4d58d}.pl-n-scene-empty{height:26px;border-radius:6px;border:1px dashed hsla(0,0%,100%,.06);background:hsla(0,0%,100%,.01)}.pl-n-phone-status{position:absolute;top:18px;right:8px;font-size:8px;font-weight:700;letter-spacing:.1em;padding:2px 5px;border-radius:3px;background:rgba(255,79,106,.16);border:1px solid rgba(255,79,106,.45);color:#ff4f6a;animation:plnViralPulse .8s ease-in-out infinite}@keyframes plnViralPulse{0%,to{opacity:.85}50%{opacity:1}}.pl-n-avatar{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;overflow:hidden}.pl-n-avatar-l{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.5);font-weight:600}.pl-n-avatar-svg{width:64px;height:64px;animation:plnBob .6s ease-in-out infinite}.pl-n-avatar.is-hot .pl-n-avatar-svg{filter:drop-shadow(0 0 12px rgba(244,213,141,.55))}.pl-n-particles{position:absolute;inset:0;pointer-events:none}.pl-n-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#f4d58d;box-shadow:0 0 6px hsla(42,82%,75%,.8);animation:plnParticle 1.4s ease-out infinite}@keyframes plnParticle{0%{opacity:0;transform:translate(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx,0),var(--dy,-40px)) scale(1)}}.pl-n-engcard{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:12px 14px}.pl-n-engcard-row{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.55);font-weight:600}.pl-n-engcard-row strong{color:#f4d58d}.pl-n-engcard-row strong.viral{color:#ff4f6a}.pl-n-foot{margin-top:18px;justify-content:space-between;align-items:center;gap:14px}.pl-n-foot,.pl-n-foot-info{display:flex;flex-wrap:wrap}.pl-n-foot-info{font-size:12px;color:hsla(0,0%,100%,.55);gap:18px}.pl-n-foot-info strong{color:#fff}.pl-n-foot-info .gold{color:#f4d58d}.pl-n-foot-info .ice{color:#a3e635}@media (max-width:760px){.pl-n-stage{grid-template-columns:1fr}.pl-n-hud{grid-template-columns:1fr 1fr}.pl-n-track{height:380px}.pl-n-phone-frame{width:110px;height:200px}}