.pfp-section{--pfp-cyan: #3fd8f2;box-sizing:border-box;width:100%;min-width:0;padding:clamp(56px,6vw,88px) clamp(22px,8vw,144px) 32px;background:linear-gradient(120deg,#102b55,#0e2346);color:#f5f5f7;font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:normal;text-transform:none;scroll-margin-top:28px}.pfp-section+.roadmap-section{padding-top:48px}.pfp-section .pfp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:clamp(32px,5vw,76px);max-width:1200px;margin:0 auto}.pfp-section .pfp-copy{min-width:0}.pfp-section .pfp-lead{max-width:420px;margin:22px 0 0;color:var(--muted, #aab6cf);font-size:15px;line-height:1.7}.pfp-section .pfp-painter{display:block;width:min(270px,75%);height:auto;margin:20px 0 0;object-fit:contain}.pfp-section *,.pfp-section *:before,.pfp-section *:after{box-sizing:border-box}.pfp-section .pfp-section-title{max-width:560px;margin:0;color:#f5f5f7;font-family:var(--display, "Archivo Black", sans-serif);font-size:clamp(36px,4.5vw,66px);font-weight:400;line-height:.98;letter-spacing:-2.4px;text-align:left;text-transform:none;overflow-wrap:break-word}.pfp-section .pfp-card{width:100%;max-width:440px;min-width:0;margin:0;justify-self:end;padding:20px 18px 18px;border:1px solid rgba(106,167,255,.28);border-radius:18px;background:linear-gradient(145deg,#101a31,#0b1225);box-shadow:0 14px 36px #0003;font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:normal;text-align:center;text-transform:none}.pfp-section .pfp-preview{position:relative;width:220px;height:220px;margin:0 auto;overflow:hidden;border-radius:50%;background:#0b1a33;isolation:isolate}.pfp-section .pfp-preview-canvas{display:block;width:220px;height:220px;opacity:1;transform:scale(1);transition:opacity .25s ease,transform .25s ease}.pfp-section .pfp-preview.is-changing .pfp-preview-canvas{opacity:0;transform:scale(.96)}.pfp-section .pfp-preview-message{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:24px;color:#d0d8e5;font-size:13px;line-height:1.5;pointer-events:none}.pfp-section .pfp-preview.is-loading .pfp-preview-message,.pfp-section .pfp-preview.is-error .pfp-preview-message{display:flex}.pfp-section .pfp-selected-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px}.pfp-section .pfp-thumbnails{display:flex;align-items:center;gap:12px;width:100%;min-width:0;margin:8px 0 10px;padding:8px 6px 10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding-inline:6px;scrollbar-width:thin;scrollbar-color:#5b5b63 transparent;-webkit-overflow-scrolling:touch}.pfp-section .pfp-thumbnail{position:relative;display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;margin:0;padding:3px;overflow:hidden;border:2px solid #73737c;border-radius:50%;background:#0d1930;color:#bfbfc7;font:inherit;cursor:pointer;scroll-snap-align:start;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pfp-section .pfp-thumbnail img{display:block;width:100%;height:100%;max-width:100%;border-radius:50%;object-fit:contain}.pfp-section .pfp-thumbnail[aria-pressed=true]{border-color:var(--pfp-cyan);box-shadow:0 0 0 1px var(--pfp-cyan),0 0 12px #3fd8f25c}.pfp-section .pfp-thumbnail[data-load-error]:after{position:absolute;inset:0;display:grid;place-items:center;background:#2a2a2e;content:"?"}.pfp-section .pfp-control-label{margin:0 0 8px;color:#9fafd0;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:normal}.pfp-section .pfp-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;width:100%;max-width:336px;min-width:0;margin:0 auto 16px}.pfp-section .pfp-swatch{position:relative;justify-self:center;width:44px;height:44px;margin:0;padding:0;border:2px solid transparent;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pfp-section .pfp-swatch:before{position:absolute;inset:3px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:var(--pfp-swatch-color);content:""}.pfp-section .pfp-swatch[aria-pressed=true]{border-color:var(--pfp-cyan);box-shadow:0 0 9px #3fd8f240}.pfp-section .pfp-actions{display:grid;gap:8px}.pfp-section .pfp-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:0;padding:10px 16px;border:1px solid transparent;border-radius:999px;font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:800;line-height:1.4;letter-spacing:normal;text-transform:none;cursor:pointer;transition:transform .25s ease,background-color .25s ease,opacity .25s ease}.pfp-section .pfp-download{background:#3fd8f2;color:#071b22}.pfp-section .pfp-share{border-color:#6aa7ff4d;background:#091329;color:#f5f5f7}.pfp-section .pfp-action:disabled{opacity:.45;cursor:not-allowed}.pfp-section .pfp-note{margin:12px 0 0;color:#9fafd0;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:normal;overflow-wrap:break-word}.pfp-section .pfp-status{min-height:18px;margin:6px 0 0;color:#a9d5dd;font-size:11px;font-weight:400;line-height:1.6;letter-spacing:normal;overflow-wrap:anywhere}.pfp-section .pfp-status[data-state=error]{color:#ffb9aa}.pfp-section button:focus-visible{outline:2px solid var(--pfp-cyan);outline-offset:3px}@media(hover:hover){.pfp-section .pfp-thumbnail:hover,.pfp-section .pfp-swatch:hover{transform:scale(1.05)}.pfp-section .pfp-action:not(:disabled):hover{transform:translateY(-1px)}}.pfp-section .pfp-thumbnail:active,.pfp-section .pfp-swatch:active{transform:scale(1.04)}.pfp-section .pfp-action:not(:disabled):active{transform:scale(.98)}@media(max-width:960px){.pfp-section .pfp-layout{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:30px}}@media(max-width:760px){.pfp-section{padding:48px 18px 24px}.pfp-section+.roadmap-section{padding-top:36px}.pfp-section .pfp-layout{grid-template-columns:minmax(0,1fr);gap:24px;max-width:440px}.pfp-section .pfp-copy{position:relative;padding-bottom:0}.pfp-section .pfp-section-title{font-size:36px;letter-spacing:-1.8px}.pfp-section .pfp-lead{margin-top:16px;font-size:14px}.pfp-section .pfp-painter{width:150px;margin-top:14px}.pfp-section .pfp-card{justify-self:center;padding-right:14px;padding-left:14px}}@media(max-width:600px){.pfp-section .pfp-thumbnails{scroll-snap-type:x mandatory}}@media(max-width:380px){.pfp-section .pfp-swatch{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.pfp-section *,.pfp-section *:before,.pfp-section *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pfp-section .pfp-preview-canvas,.pfp-section .pfp-thumbnail,.pfp-section .pfp-swatch,.pfp-section .pfp-action{transform:none!important}}
