/* Players & skins .pl-* + 3D viewer .sv3d* (C2-pages/C2-skins; S3.1-A, S3.2-B extends) - budget 14 KB */
.pl-wrap{max-width:1240px;margin:0 auto;padding:16px 16px 56px}
.pl-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 14px;font:12.5px var(--font-mono);color:var(--muted)}
.pl-crumbs a:hover,.pl-crumbs [aria-current],.pl-kick,.pl-sub a,.pl-more,.pl-foot a,.pl-link{color:var(--green)}
.pl-kick{margin:0;font:12px var(--font-mono);letter-spacing:.06em}
.pl-mono{font-family:var(--font-mono)}.pl-sub{color:var(--muted);font-size:13px}
.pl-card{padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--border2)}.pl-sec{margin-top:16px}
.pl-sh{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:14px}.pl-sh .pl-sub,.pl-more{margin-left:auto}
.pl-h2{margin:0;font:700 19px/1.25 var(--font-display);overflow-wrap:anywhere}.pl-h3{margin:22px 0 8px;font:700 16px var(--font-display)}
.pl-count{padding:1px 8px;border-radius:99px;background:var(--surface2);color:var(--muted);font:700 11.5px var(--font-mono)}
.pl-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pl-btn,.pl-pill{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--border2);background:none;color:var(--text);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
.pl-btn{border:0;background:linear-gradient(140deg,var(--green-bright),var(--green));color:#06120c;font-weight:700}
.pl-pill i,.pl-btn i{font-size:17px}.pl-pill i{color:var(--green)}.pl-pill:hover,.pl-ib:hover,.pl-chip:hover,a.pl-cape:hover{border-color:var(--green)}
.pl-ib{flex:none;display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border-radius:9px;border:1px solid var(--border2);background:none;color:var(--muted);font-size:16px;cursor:pointer}
.pl-badges{display:flex;flex-wrap:wrap;gap:6px}
.pl-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;border:1px solid var(--border2);color:var(--muted);font:700 11px/1.5 var(--font-mono);text-transform:uppercase;white-space:nowrap}
.pl-badge.is-on{color:var(--green);background:rgba(52,226,155,.1);border-color:var(--border)}.pl-badge.is-of{color:#8ab4ff}.pl-badge.is-warn{color:#ffd24a}
.pl-note{display:flex;gap:9px;margin:14px 0 0;padding:10px 12px;border-radius:12px;background:rgba(52,226,155,.06);border:1px solid var(--border);color:#b7c6bc;font-size:13px;line-height:1.55}.pl-note i{color:var(--green)}
.pl-ad{margin:4px 0}.pl-ad1{margin-top:28px}
.pl-hero{position:relative;display:grid;gap:20px;padding:14px;border-radius:24px;border:1px solid var(--border);background:radial-gradient(60% 70% at 15% 20%,rgba(52,226,155,.14),transparent),linear-gradient(160deg,#0f1d16,#0b130f 55%,var(--bg2))}
.pl-stage,.pl-info{min-width:0}
.pl-name{margin:6px 0 12px;font:700 clamp(32px,6vw,44px)/1.05 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere}
.pl-uuid{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;color:var(--muted);font:700 10.5px var(--font-mono)}
.pl-uuid code{padding:6px 10px;border-radius:10px;background:var(--bg2);border:1px solid var(--border2);color:var(--text);font:400 12.5px/1.4 var(--font-mono);overflow-wrap:anywhere}
.pl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin:18px 0;padding:0;list-style:none}
.pl-stats li{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--border2)}
.pl-stats b{display:block;font:700 18px/1.2 var(--font-display);white-space:nowrap}.pl-stats span{color:var(--muted);font:10.5px var(--font-mono);text-transform:uppercase}
@media(max-width:599px){.pl-uuid>span{width:100%}}
@media(min-width:600px){.pl-wrap{padding:18px 24px 64px}.pl-hero{padding:20px}.pl-uuid code{font-size:13.5px}}
@media(min-width:900px){.pl-hero{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:40px;padding:26px 34px 26px 26px;align-items:center}}
.sv3d{position:relative;width:100%;max-width:380px;margin:0 auto;container-type:inline-size}
.sv3d [hidden]{display:none!important}
.sv3d-poster,.sv3d-canvas,.pl-noskin{display:block;border-radius:20px;background:radial-gradient(34% 3.5% at 50% 94%,rgba(0,0,0,.6),transparent),radial-gradient(70% 55% at 50% 42%,rgba(52,226,155,.14),transparent 72%),var(--surface2)}
.sv3d-poster{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;padding:8% 0;image-rendering:pixelated}
.sv3d-canvas{position:absolute;left:0;top:0;cursor:grab;outline:0;-webkit-tap-highlight-color:transparent}.sv3d-canvas:active{cursor:grabbing}
.sv3d-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;width:fit-content;max-width:100%;margin:10px auto 0;padding:5px;border-radius:16px;background:rgba(8,11,9,.72);backdrop-filter:blur(10px);border:1px solid var(--border)}
.sv3d-bar button,.sv3d-bar select{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;min-width:32px;padding:0 8px;border:0;border-radius:10px;background:none;color:var(--muted);font:600 12.5px/1 var(--font-body);cursor:pointer}
.sv3d-bar select{padding:0 6px;background:var(--surface2);color:var(--text)}.sv3d-bar button:hover{background:var(--surface2);color:var(--text)}
.sv3d-bar [aria-pressed=true]{background:rgba(52,226,155,.15);color:var(--green-bright)}.sv3d-bar :focus-visible{outline:2px solid var(--green);outline-offset:1px}
.sv3d-bar .bx{font-size:18px}.sv3d-bar [data-sv=play][aria-pressed=true] .bx-play,.sv3d-bar [data-sv=play][aria-pressed=false] .bx-pause,html:not(.js) .sv3d-bar{display:none}
.sv3d-seg{display:inline-flex;gap:2px;padding:2px;border-radius:12px;background:rgba(255,255,255,.04)}.sv3d-seg:not(:has(button:not([hidden]))){display:none}
.sv3d-note{position:absolute;top:10px;top:calc(133.333cqw - 10px);transform:translateY(-100%);left:10px;right:10px;margin:0;padding:9px 12px;border-radius:12px;background:rgba(8,11,9,.88);border:1px solid var(--border);font-size:13px;line-height:1.45;text-align:center}
.sv3d-load{margin-left:6px;padding:5px 11px;border:0;border-radius:8px;background:var(--green);color:#06120c;font:700 12.5px var(--font-body);cursor:pointer}
.sv3d[data-state=loading]:after{content:'';position:absolute;top:12px;right:12px;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--green);animation:sv3d-spin .8s linear infinite}
@keyframes sv3d-spin{to{transform:rotate(1turn)}}
.sv3d:fullscreen{max-width:none;overflow:hidden;background:var(--bg);container-type:normal}.sv3d:fullscreen .sv3d-canvas{border-radius:0}
.sv3d:fullscreen .sv3d-bar{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);margin:0}
.pl-noskin{display:grid;place-content:center;justify-items:center;gap:12px;max-width:380px;aspect-ratio:3/4;margin:0 auto;padding:24px;text-align:center;color:var(--muted);font-size:14px}.pl-noskin .bx{font-size:56px;color:var(--green)}
.pl-row,.pl-row2,.pl-col{display:grid;gap:16px;min-width:0;align-items:start}.pl-row,.pl-row2{margin-top:16px}.pl-row .pl-sec,.pl-row2>.pl-sec{margin:0}
@media(min-width:900px){.pl-row{grid-template-columns:minmax(0,370px) minmax(0,1fr)}.pl-row2{grid-template-columns:1fr 1fr}}
.pl-tl{margin:0;padding:0;list-style:none}.pl-tl-i{position:relative;display:flex;gap:14px;padding-bottom:16px}
.pl-tl-i:before{content:"";position:absolute;left:6px;top:18px;bottom:0;width:2px;background:var(--border2)}.pl-tl-i:last-child{padding:0}.pl-tl-i:last-child:before{content:none}
.pl-tl-dot{flex:none;width:14px;height:14px;margin-top:4px;border-radius:50%;border:2px solid #4c5a51;background:var(--surface)}
.is-cur>.pl-tl-dot{border-color:var(--green);background:var(--green);box-shadow:0 0 0 4px rgba(52,226,155,.16),0 0 14px var(--green-glow)}
.pl-tl-b{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}.pl-tl-n{font:700 16px var(--font-display);overflow-wrap:anywhere}.is-cur .pl-tl-n,.is-cur .pl-skin-d{color:var(--green)}
.pl-tl-d,.pl-tl-c{flex-basis:100%;color:var(--muted);font:11.5px/1.5 var(--font-mono)}.pl-tl-c{color:#7f9487}
.pl-skins{display:flex;gap:10px;margin:0 -4px;padding:4px 4px 10px;list-style:none;overflow-x:auto;scrollbar-width:thin}.pl-skins li{position:relative;flex:none}
.pl-skin{display:flex;flex-direction:column;align-items:center;gap:8px;width:104px;padding:12px 8px 10px;border-radius:16px;border:1px solid var(--border2);background:var(--surface2);color:var(--text);cursor:pointer}
.pl-skin img,.pl-skin canvas{width:72px;height:144px;image-rendering:pixelated}.pl-skin:hover:not(:disabled),.pl-skin:focus-visible{border-color:var(--green);outline:0}
.pl-skin.is-cur{box-shadow:0 0 0 2px var(--green)}.pl-skin[aria-pressed=true]{background:linear-gradient(rgba(52,226,155,.14),var(--surface2) 70%)}
.pl-skin-d{color:var(--muted);font:11px var(--font-mono);white-space:nowrap}
.pl-skin-l{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(8,11,9,.65);color:var(--muted)}
.pl-capes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px}
.pl-cape,.pl-chip{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;border-radius:14px;background:var(--surface2);border:1px solid var(--border2);color:var(--text)}
.pl-cape-art{flex:none;width:40px;height:64px;border-radius:3px;background-repeat:no-repeat;image-rendering:pixelated;box-shadow:0 8px 16px -8px #000}
.pl-cape0{display:grid;place-items:center;background:var(--bg2);color:var(--muted);font-size:20px}
.pl-cape-t,.pl-chip-t{display:grid;gap:2px;min-width:0}.pl-cape-t b,.pl-chip-t b{font-size:14px}.pl-cape-t small,.pl-chip-t small{color:var(--muted);font:11px var(--font-mono);white-space:nowrap}.pl-cape .pl-badge{margin-left:auto;padding:2px 8px}
.pl-chips{display:flex;flex-wrap:wrap;gap:8px}
.pl-chip{display:inline-flex;gap:9px;max-width:100%;padding:4px 12px 4px 4px;border-radius:12px}
.pl-head{flex:none;border-radius:7px;background:var(--bg2);image-rendering:pixelated}.pl-head0{display:inline-grid;place-items:center;color:var(--muted)}
.pl-chip-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-about p,.pl-steps{margin:0 0 12px;color:#c2cdc6;font-size:15px;line-height:1.7}.pl-about b{color:var(--text)}.pl-about code{font:13px var(--font-mono);color:var(--text);overflow-wrap:anywhere}
.pl-cmd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:8px 0;padding:8px 8px 8px 12px;border-radius:12px;background:var(--bg2);border:1px solid var(--border2)}
.pl-about .pl-cmd code{flex:1 1 220px;min-width:0;color:var(--green-bright)}
.pl-cmd-v{padding:2px 9px;border-radius:99px;background:var(--surface2);color:var(--muted);font:10.5px var(--font-mono)}
.pl-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:22px 0 0;padding:14px 4px 0;border-top:1px solid var(--border2);color:var(--muted);font-size:13.5px}
.pl-link{padding:0;border:0;background:none;font:inherit;cursor:pointer}.pl-foot .bx{margin-right:5px;vertical-align:-2px}.pl-foot .pl-sub{margin-left:auto;font-size:12px}
.pl-search{position:relative;display:flex;align-items:center;max-width:560px;margin:0 auto}.pl-search>.bx{position:absolute;left:18px;z-index:1;color:var(--muted);font-size:20px}
.pl-search input{width:100%;height:56px;padding:0 112px 0 48px;border-radius:16px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:15.5px;outline:0}
.pl-search input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(52,226,155,.15)}
.pl-search button{position:absolute;right:7px;height:42px;padding:0 18px;border:0;border-radius:11px;background:linear-gradient(140deg,var(--green-bright),var(--green));color:#06120c;font-size:14px;font-weight:700;cursor:pointer}
.pl-sugg{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;margin:0;padding:6px;list-style:none;border-radius:14px;background:var(--surface);border:1px solid var(--border2);text-align:left}
.pl-2d{image-rendering:pixelated}
.pl-pcard,.pl-scard{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border2);border-radius:18px;color:var(--text);background:var(--surface2);background:radial-gradient(80% 60% at 50% 38%,color-mix(in srgb,var(--tint,#34e29b) 14%,transparent),transparent 72%),var(--surface2);transition:transform .2s,border-color .2s}
.pl-pcard:hover,.pl-scard:hover,.pl-scard:focus-visible{transform:translateY(-2px);border-color:var(--green);outline:0}
.pl-pcard{align-items:center;gap:6px;padding:14px 10px 12px}.pl-pcard-name,.pl-scard-ft b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-pcard-name{font:700 14px var(--font-display)}.pl-art0{font-size:34px}
.pl-pcard-meta,.pl-scard-ft .pl-mono{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:11px;white-space:nowrap}
.pl-scard{overflow:hidden}.pl-scard-art{display:grid;place-items:center;aspect-ratio:3/4}
.pl-scard-art img,.pl-scard-art canvas{grid-area:1/1;width:50%;height:auto;image-rendering:pixelated;transition:opacity .25s}
.pl-scard .pl-b,.pl-scard:hover .pl-f,.pl-scard:focus-visible .pl-f{opacity:0}.pl-scard:hover .pl-b,.pl-scard:focus-visible .pl-b{opacity:1}
.pl-scard-ft{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 12px;border-top:1px solid var(--border2);font-size:13px}
.pl-sgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:640px){.pl-sgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){.pl-sgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
@media(min-width:1200px){.pl-sgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.pl-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:22px 0 0}.pl-pg-gap{align-self:center;color:var(--muted)}
.pl-pg{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border-radius:11px;border:1px solid var(--border2);color:var(--muted);font:600 14px var(--font-mono)}
.pl-pg:hover,.pl-pg.is-on{border-color:var(--green);color:var(--green);background:rgba(52,226,155,.08)}