/* PFP additions retain the original dark, lime and scroll-driven design. */
.pfp-wordmark-tag{position:absolute;left:50%;top:calc(100% + 8px);translate:-50% 0;display:block;padding:9px 19px;border:1px solid rgba(204,255,0,.45);border-radius:999px;background:rgba(0,0,0,.65);color:var(--lime);font:600 clamp(13px,1.5vw,22px)/1 var(--mono);letter-spacing:.28em;white-space:nowrap;box-shadow:0 0 35px -15px var(--lime)}
.pfp-tick{margin-left:auto}
.pfp-tick em{font-size:11px;color:var(--ash)}
.pfp-panel button{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer}
.pfp-panel button:hover img{filter:saturate(1.15);transform:scale(1.03)}
.pfp-panel img{transition:transform .6s var(--expo),filter .3s}
.ptxt .pfp-panel-id{font:500 12px/1.5 var(--mono);letter-spacing:.08em;color:var(--ash);margin:0 0 18px}
.pfp-panel-link{border:0;border-bottom:1px solid rgba(204,255,0,.45);padding:0 0 9px;background:none;color:var(--lime);font:700 14px/1 var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:26px}
.pfp-panel-link span{font-size:24px}
#run-candles circle{fill:var(--lime);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2);transition:transform .45s var(--expo),opacity .45s}
#run-candles circle.on{opacity:.7;transform:scale(1)}
.pfp-stack{position:relative;width:min(100%,490px);aspect-ratio:1;justify-self:center;isolation:isolate;filter:drop-shadow(0 30px 55px rgba(204,255,0,.12))}
.pfp-stack img{position:absolute;width:70%;border-radius:26px;border:1px solid rgba(204,255,0,.25);box-shadow:0 30px 60px -25px #000}
.stack-back{right:0;top:1%;rotate:14deg}
.stack-middle{left:0;top:11%;rotate:-12deg}
.stack-front{left:15%;top:20%;rotate:3deg}
.pfp-stack>span{position:absolute;right:-1%;bottom:2%;z-index:2;background:var(--lime);color:#000;padding:16px 20px;border-radius:16px;rotate:-6deg;font:800 14px/1.3 var(--display);letter-spacing:-.03em;box-shadow:0 18px 50px -18px rgba(204,255,0,.7)}
.pfp-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 3px 14px;font:600 11px/1 var(--mono);letter-spacing:.07em;color:var(--ash)}
.pfp-preview-bar>span:first-child{color:var(--lime);font-size:13px}
.pfp-preview-bar>span:last-child{display:flex;align-items:center;gap:7px;font-size:10px}
.pfp-canvas-wrap{aspect-ratio:1;background-color:#0c1007;background-image:linear-gradient(45deg,rgba(204,255,0,.035) 25%,transparent 25%,transparent 75%,rgba(204,255,0,.035) 75%),linear-gradient(45deg,rgba(204,255,0,.035) 25%,transparent 25%,transparent 75%,rgba(204,255,0,.035) 75%);background-size:32px 32px;background-position:0 0,16px 16px;box-shadow:0 0 0 1px rgba(204,255,0,.3),0 0 60px -25px rgba(204,255,0,.35)}
#pfp-canvas{display:block;width:100%;height:auto;aspect-ratio:1}
.pfp-export-note{margin:12px 2px 0;font:500 11px/1 var(--mono);letter-spacing:.1em;color:var(--ash-2)}
.pfp-lab .forge-app{align-items:start}
.pfp-lab .forge-ctl{gap:26px}
.pfp-mini-count{margin-left:auto;color:var(--ash);font:500 11px/1 var(--mono);letter-spacing:.05em}
.pfp-lab .ctl legend{width:100%;min-height:26px}
.pfp-styles{grid-template-columns:repeat(3,minmax(0,1fr))}
.pfp-styles button{padding:12px 9px 14px;gap:10px}
.pfp-style-icon{display:block;width:100%;aspect-ratio:1;position:relative;overflow:hidden;max-width:74px;background:#131a08;border-radius:13px}
.pfp-style-icon::before{content:"";position:absolute;inset:12%;background:url('pfp/bull02.webp') center/cover;border-radius:9px}
.style-circle::before{border-radius:50%}
.style-neon::before{box-shadow:0 0 0 4px var(--lime);inset:17%;border-radius:5px}
.pfp-lab .forge-act{padding-top:20px;gap:12px}
.pfp-lab .forge-act .btn{min-width:0;flex:1 1 160px;padding-inline:15px;font-size:13px}
.pfp-lab .btn:disabled{opacity:.6;cursor:wait}
.pfp-lab .pick button::after{content:"";position:absolute;right:5px;top:5px;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px var(--lime);opacity:0}
.pfp-lab .pick button[aria-pressed=true]::after{opacity:1}
.pfp-lab .pick{max-height:340px;padding:4px}
.pfp-lab .pick-wrap::after{right:0}
.pfp-lab .pick-wrap:focus-within::after{opacity:0}
.pfp-experience .foot-in{align-items:center}
.pfp-experience .foot p{font-size:16px;color:var(--bone)}
@media(max-width:1180px){.pfp-stack{width:min(80%,440px);margin-top:30px}.pfp-tick{margin-left:auto}}
@media(max-width:900px){.pfp-lab .forge-ctl{gap:24px}.pfp-preview-bar{padding-top:3px}.pfp-stack{width:min(85%,410px)}.pfp-panel .pfp-panel-link{font-size:13px}.pfp-wordmark-tag{top:calc(100% + 12px)}}
@media(max-width:640px){.pfp-tick{display:none}.pfp-experience .nav-in>.btn{margin-left:auto}.pfp-wordmark-tag{font-size:12px;padding:8px 13px;letter-spacing:.22em;top:calc(100% + 10px)}.pfp-stack{width:85%;margin-top:18px}.pfp-stack img{border-radius:18px}.pfp-stack>span{font-size:10px;padding:12px 13px;border-radius:12px}.pfp-lab .forge-app{padding:15px;border-radius:25px}.pfp-lab .pick{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));max-height:284px;gap:9px}.pfp-styles{grid-template-columns:repeat(3,minmax(0,1fr))}.pfp-styles button{font-size:12px}.pfp-preview-bar>span:last-child{font-size:8px;letter-spacing:.025em}.pfp-lab .forge-act .btn{height:48px;flex:1 1 130px;font-size:12px;padding-inline:11px}.pfp-lab .forge-ctl{gap:22px}.pfp-export-note{font-size:10px}.pfp-experience .lbtns{display:flex}.pfp-experience .lbtns .btn{font-size:12px;padding-inline:16px}.pfp-experience .h2{font-size:clamp(40px,11vw,64px)}.ptxt .pfp-panel-id{font-size:11px}.pfp-mini-count{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pfp-panel img{transition:none}.pfp-wordmark-tag{display:block}.pfp-stack{filter:none}}