[data-pskin]{--pk-a:#8ab4ff;--pk-b:#4d7cff;--pk-bar:linear-gradient(to top, #000000eb, #00000080 60%, transparent);--pk-btn:#ffffff1a;--pk-btn-ink:#fff;--pk-line:#ffffff24;--pk-r:999px;--pk-clip:none;--pk-glow:transparent;--pk-skip-ink:#1a0d14;--pk-skip:#fff}[data-pskin=glass]{--pk-a:#dfe8ff;--pk-b:#9db4ff;--pk-btn:#ffffff1f;--pk-line:#ffffff47;--pk-glow:#a0b4ff40}[data-pskin=sakura]{--pk-a:#ff9ec4;--pk-b:#ff5f9f;--pk-btn:linear-gradient(#ff9ec4,#ff6fa8);--pk-btn-ink:#4a0f2a;--pk-line:#ffc4dc;--pk-glow:#ff6fa88c;--pk-skip:linear-gradient(#ffa5cb,#ff6fa8);--pk-skip-ink:#4a0f2a}[data-pskin=hitech]{--pk-a:#1dffb4;--pk-b:#0aa57a;--pk-btn:#063c2cb3;--pk-btn-ink:#3dffc0;--pk-line:#1dffb4;--pk-r:4px;--pk-clip:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);--pk-glow:#1dffb480;--pk-skip:#063c2cd9;--pk-skip-ink:#3dffc0}[data-pskin=sunset]{--pk-a:#ffb36b;--pk-b:#c24fff;--pk-btn:linear-gradient(135deg,#ff965047,#c24fff47);--pk-line:#ffb36b8c;--pk-glow:#ff787873;--pk-skip:linear-gradient(90deg,#ffb36b,#ff6fa8)}[data-pskin=frost]{--pk-a:#bfeaff;--pk-b:#4db8ff;--pk-btn:#a0dcff24;--pk-btn-ink:#e8f7ff;--pk-line:#a0dcff80;--pk-glow:#78c8ff80;--pk-skip:#e8f7ff;--pk-skip-ink:#0b3a5c}[data-pskin=gold]{--pk-a:#ffe08a;--pk-b:#e0a21c;--pk-btn:#ffd2641f;--pk-btn-ink:#ffe9b0;--pk-line:#ffd2648c;--pk-glow:#ffc85066;--pk-bar:linear-gradient(to top, #140c02f5, #1e140499 60%, transparent);--pk-skip:linear-gradient(#ffe08a,#e0a21c);--pk-skip-ink:#3a2500}[data-pskin=void]{--pk-a:#d9a8ff;--pk-b:#7a2cff;--pk-btn:#7a2cff33;--pk-btn-ink:#efdcff;--pk-line:#be78ff99;--pk-glow:#9646ff99;--pk-bar:linear-gradient(to top, #0a0318f5, #14063099 60%, transparent);--pk-skip:#280a50e6;--pk-skip-ink:#efdcff}#player-shell[data-pskin]:not([data-pskin=classic]) .ag-cbar.ag-cbar{background:var(--pk-bar)}#player-shell[data-pskin=glass] .ag-cbar.ag-cbar{-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--pk-line);box-shadow:0 10px 40px -12px #000, 0 0 30px -10px var(--pk-glow);background:#12142080;border-radius:20px;padding:14px 14px 10px;bottom:10px;left:3%;right:3%}#player-shell[data-pskin]:not([data-pskin=classic]) .ag-seek .ag-bar-fill{background:linear-gradient(90deg, var(--pk-b), var(--pk-a));box-shadow:0 0 14px -1px var(--pk-glow)}#player-shell[data-pskin]:not([data-pskin=classic]) .ag-seek .ag-bar-knob{background:var(--pk-a);box-shadow:0 0 0 4px color-mix(in srgb, var(--pk-b) 35%, transparent), 0 0 16px var(--pk-glow)}#player-shell[data-pskin]:not([data-pskin=classic]) .ag-seek .ag-bar-trk{background:color-mix(in srgb, var(--pk-a) 22%, transparent)}#player-shell[data-pskin]:not([data-pskin=classic]) .ag-cbar button:not(.ag-skipbtn){color:var(--pk-btn-ink);border-radius:var(--pk-r)}#player-shell[data-pskin]:not([data-pskin=classic]) .ag-cbar-row button,#player-shell[data-pskin]:not([data-pskin=classic]) .ag-cbar-tools button{background:var(--pk-btn);box-shadow:inset 0 0 0 1px var(--pk-line), 0 0 14px -6px var(--pk-glow);clip-path:var(--pk-clip)}#player-shell[data-pskin]:not([data-pskin=classic]) .ag-skipbtn{background:var(--pk-skip);color:var(--pk-skip-ink);border:1px solid var(--pk-line);box-shadow:0 0 22px -6px var(--pk-glow);border-radius:var(--pk-r);clip-path:var(--pk-clip)}#player-shell[data-pskin=sakura] .ag-skipbtn{text-transform:uppercase;letter-spacing:.04em}#player-shell[data-pskin=void] .ag-seek .ag-bar-knob{animation:1.8s ease-in-out infinite ps-pulse}#player-shell[data-pskin=frost] .ag-cbar:before,#player-shell[data-pskin=gold] .ag-cbar:before{content:"";pointer-events:none;background:radial-gradient(2px 2px at 12% 70%, var(--pk-a), transparent), radial-gradient(2px 2px at 38% 40%, var(--pk-a), transparent), radial-gradient(1.5px 1.5px at 66% 62%, var(--pk-a), transparent), radial-gradient(2px 2px at 88% 36%, var(--pk-a), transparent);opacity:.7;animation:3.2s ease-in-out infinite ps-twinkle;position:absolute;inset:0}@keyframes ps-pulse{50%{transform:translate(-50%,-50%)scale(1.35)}}@keyframes ps-twinkle{50%{opacity:.2}}.ps-overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05060cb8;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.ps-panel{color:#fff;background:#0d0f1a;border:1px solid #ffffff1f;border-radius:18px;width:min(860px,100%);max-height:100%;padding:16px;overflow:auto}.ps-panel header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ps-panel h3{margin:0;font-size:18px;font-weight:800}.ps-panel header button{border-radius:50%;width:36px;height:36px;font-size:24px}.ps-panel header button:hover{background:#ffffff1a}.ps-msg{background:#ff787826;border-radius:8px;margin-bottom:8px;padding:6px 10px;font-size:13px}.ps-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.ps-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;gap:4px;padding:10px;display:grid}.ps-card.r-rare{border-color:#5aa8ff66}.ps-card.r-epic{border-color:#c58bff88}.ps-card.r-legendary{border-color:#ffc65aaa;box-shadow:0 0 20px #ffc65a22}.ps-card.on{outline:2px solid #fff}.ps-card h4{margin:4px 0 0;font-size:14px;font-weight:800}.ps-card p{opacity:.7;margin:0;font-size:11.5px}.ps-card small{opacity:.55;font-size:10.5px}.ps-card>button{background:#ffffff1f;border-radius:10px;margin-top:4px;padding:7px 10px;font-size:12px;font-weight:700}.ps-card>button:hover:not(:disabled){background:#ffffff38}.ps-card>button:disabled{opacity:.45;cursor:not-allowed}.ps-card>button:focus-visible,.ps-panel header button:focus-visible{outline-offset:2px;outline:2px solid #fff}.ps-mock{aspect-ratio:16/10;background:linear-gradient(135deg,#1c2036,#0a0b14);border-radius:10px;flex-direction:column;justify-content:flex-end;gap:6px;padding:8px;display:flex;position:relative;overflow:hidden}.ps-mock:after{content:"";background:var(--pk-bar);height:62%;position:absolute;inset:auto 0 0}.ps-mock>*{z-index:1;position:relative}.ps-skip{border-radius:var(--pk-r);background:var(--pk-skip);color:var(--pk-skip-ink);clip-path:var(--pk-clip);align-self:flex-start;padding:4px 9px;font-size:8px;font-weight:800}.ps-bar{background:color-mix(in srgb, var(--pk-a) 25%, transparent);border-radius:4px;height:4px}.ps-bar i{background:linear-gradient(90deg, var(--pk-b), var(--pk-a));width:58%;height:100%;box-shadow:0 0 8px var(--pk-glow);border-radius:4px;display:block}.ps-row{gap:5px;display:flex}.ps-row b{border-radius:var(--pk-r);background:var(--pk-btn);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--pk-line);clip-path:var(--pk-clip)}.ps-row em{border-radius:var(--pk-r);background:var(--pk-btn);width:52px;height:18px;box-shadow:inset 0 0 0 1px var(--pk-line);clip-path:var(--pk-clip);margin-left:auto}@media (prefers-reduced-motion:reduce){#player-shell .ag-bar-knob,#player-shell .ag-cbar:before{animation:none!important}}
