[data-backdrop]{--bd-ink:var(--line-strong)}[data-backdrop=plain]{--bd-mask:linear-gradient(#0000, #0000)}[data-backdrop=halftone]{--bd-mask:radial-gradient(circle, #000 1.1px, #0000 1.6px) 0 0 / 6px 6px}[data-backdrop=hatch]{--bd-mask:repeating-linear-gradient(-45deg, #000 0 1.5px, #0000 1.5px 8px)}[data-backdrop=grid]{--bd-mask:linear-gradient(#000 1px, #0000 1px) 0 0 / 22px 22px, linear-gradient(90deg, #000 1px, #0000 1px) 0 0 / 22px 22px}[data-backdrop=dots]{--bd-mask:radial-gradient(circle, #000 4px, #0000 4.5px) 0 0 / 36px 36px, radial-gradient(circle, #000 4px, #0000 4.5px) 18px 18px / 36px 36px}[data-backdrop=crosshatch]{--bd-mask:repeating-linear-gradient(45deg, #000 0 1px, #0000 1px 7px), repeating-linear-gradient(-45deg, #000 0 1px, #0000 1px 7px)}[data-backdrop=perforated]{--bd-mask:radial-gradient(circle, #000 1.7px, #0000 2.2px) 0 0 / 10px 30px}[data-backdrop=kraft]{--bd-ink:var(--grain) 0 0 / 180px 180px, color-mix(in oklab, var(--paper) 62%, #b5864a);--bd-mask:linear-gradient(#000, #000)}[data-theme=light] .profile-head[data-backdrop=kraft]{--muted:#574f44}[data-theme=dark] [data-backdrop=kraft]{--bd-ink:var(--grain) 0 0 / 180px 180px, color-mix(in oklab, var(--paper) 80%, #b5864a)}[data-backdrop=chevron]{--bd-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='22'%3E%3Cpath d='M0 16 9 6l9 10 9-10 9 10' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") 0 0 / 36px 22px}[data-backdrop=sunburst]{--bd-mask:repeating-conic-gradient(from 0deg at 8% 30%, #000 0 1.2deg, #0000 1.2deg 8deg)}[data-backdrop=checker]{--bd-mask:repeating-conic-gradient(#000 0 25%, #0000 0 50%) 0 0 / 24px 24px}[data-backdrop=stars]{--bd-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M11 4l1.6 5.4L18 11l-5.4 1.6L11 18l-1.6-5.4L4 11l5.4-1.6zM33 26l1.2 4L38 31.2l-3.8 1.2L33 36l-1.2-3.6L28 31.2l3.8-1.2z'/%3E%3C/svg%3E") 0 0 / 44px 44px}[data-backdrop=waves]{--bd-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16'%3E%3Cpath d='M0 8q10-8 20 0t20 0' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") 0 0 / 40px 16px}[data-backdrop=scales]{--bd-mask:radial-gradient(circle at 50% 0, #0000 12px, #000 12.5px 14px, #0000 14.5px) 0 0 / 28px 14px, radial-gradient(circle at 50% 0, #0000 12px, #000 12.5px 14px, #0000 14.5px) 14px 7px / 28px 14px}[data-backdrop=constellation]{--bd-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='90'%3E%3Cpath d='M14 18L46 30L70 14L98 40L84 72L48 62L46 30M48 62L22 76' fill='none' stroke='%23000' stroke-width='1' stroke-dasharray='3 3'/%3E%3Cg%3E%3Ccircle cx='14' cy='18' r='2.6'/%3E%3Ccircle cx='46' cy='30' r='3.4'/%3E%3Ccircle cx='70' cy='14' r='2.4'/%3E%3Ccircle cx='98' cy='40' r='3'/%3E%3Ccircle cx='84' cy='72' r='2.6'/%3E%3Ccircle cx='48' cy='62' r='3.2'/%3E%3Ccircle cx='22' cy='76' r='2.2'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 120px 90px}.profile-head[data-backdrop]{isolation:isolate;position:relative}.profile-head[data-backdrop]:before{content:"";z-index:-1;background:var(--bd-ink);-webkit-mask:var(--bd-mask);mask:var(--bd-mask);position:absolute;inset:0 calc(50% - 50vw)}.profile-head--showcase[data-backdrop]:before{-webkit-mask:linear-gradient(#000 calc(100% - 22rem), #0000), var(--bd-mask);mask:linear-gradient(#000 calc(100% - 22rem), #0000), var(--bd-mask);bottom:-16rem;-webkit-mask-composite:source-in,source-over,source-over;mask-composite:intersect,add,add}.profile-head--showcase[data-backdrop]~.col-layout{position:relative}.backdrop-swatch{aspect-ratio:4/3;border:2px solid var(--stroke);background:var(--paper);border-radius:6px;display:block;position:relative;overflow:hidden}.backdrop-swatch:before{content:"";background:var(--bd-ink);-webkit-mask:var(--bd-mask);mask:var(--bd-mask);position:absolute;inset:0}.frame-swatch{aspect-ratio:4/3;border:2px solid var(--stroke);background:var(--paper);border-radius:6px;justify-content:center;align-items:flex-end;gap:.35rem;padding:.5rem .35rem .55rem;display:flex}.frame-swatch__avatar{width:2.6rem;height:2.6rem;box-shadow:3px 3px 0 var(--shadow);padding:2px;font-size:1.3rem}.frame-swatch__avatar img{border:2px solid var(--c-ink);border-radius:3px}.style-grid{grid-template-columns:repeat(auto-fill,minmax(5.75rem,1fr));gap:1rem .9rem;margin-top:.65rem;display:grid}.style-grid--frame{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr))}.style-choice{text-align:center;width:100%;transition:translate .3s var(--ease-spring), rotate .3s var(--ease-spring);border-radius:8px;display:block}.style-choice:hover:not(:disabled){translate:0 -3px;rotate:-2deg}.style-choice:active:not(:disabled){transition-duration:60ms;translate:0 1px}.style-choice:disabled{cursor:not-allowed}.style-choice__art{border-radius:6px;display:block;position:relative}.style-choice[aria-pressed=true] .style-choice__art{outline:3px solid var(--accent);outline-offset:3px}.style-choice:disabled :is(.backdrop-swatch,.frame-swatch){opacity:.45;filter:grayscale()}.style-choice__badge{border:2px solid var(--stroke);border-radius:999px;place-items:center;display:grid;position:absolute}.style-choice__badge svg{width:1rem;height:1rem}.style-choice__check{background:var(--accent);width:1.65rem;height:1.65rem;color:var(--on-accent);animation:stamp-in .5s var(--ease-spring);bottom:-.6rem;right:-.6rem}.style-choice__lock{background:var(--surface);width:2.25rem;height:2.25rem;color:var(--text);margin:-1.125rem 0 0 -1.125rem;top:50%;left:50%}.style-choice__lock svg{width:1.2rem;height:1.2rem}.style-choice__label{margin-top:.55rem;font-size:.78rem;font-weight:500;line-height:1.25;display:block}.style-choice__label--locked{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;font-size:.68rem}.defi-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.5rem 1.5rem;display:flex}.defi-head__reset{font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.defi-head__reset svg{flex:none;width:1.15rem;height:1.15rem}.defi-head__reset time{border:2px solid var(--stroke);background:var(--surface);border-radius:4px;padding:.1rem .45rem}.defi-lead{max-width:44rem;color:var(--muted);margin-top:.5rem}.defi-list{gap:1.25rem;margin-top:1.5rem;display:grid}@media (width>=1024px){.defi-list{grid-template-rows:repeat(5,auto);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1.25rem}.defi{grid-row:span 5;grid-template-rows:subgrid}}.defi{align-content:start;gap:.6rem;padding:1.1rem 1.2rem 1.2rem;display:grid;position:relative}.defi__difficulty{border:2px solid var(--stroke);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;justify-self:start;padding:.1rem .5rem;font-size:.72rem}[data-difficulty=medium] .defi__difficulty{background:var(--surface-2)}[data-difficulty=hard] .defi__difficulty{background:var(--text);color:var(--bg)}.defi__name{padding-right:5.5rem;font-size:1.65rem;line-height:1.05}.defi__hint{color:var(--muted);font-size:.875rem}.defi__progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.defi[data-done] .gauge__fill{fill:var(--accent)}.defi__stamp{border:3px solid var(--accent-ink);color:var(--accent-ink);font-family:var(--font-display);text-transform:uppercase;animation:stamp-in .6s .2s var(--ease-spring) both;border-radius:4px;padding:.1rem .55rem;font-size:1.25rem;font-weight:900;font-stretch:62.5%;position:absolute;top:.85rem;right:.9rem;rotate:7deg}.defi__reward{border-top:2px dashed var(--line-strong);align-items:center;gap:.9rem;padding-top:.9rem;display:flex}.defi__reward>:first-child{flex:none;width:5.75rem}.defi__reward>.profile-title{width:auto}.defi__reward-kicker{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:.72rem;display:block}.defi[data-done] .defi__reward-kicker{background:var(--signal);width:fit-content;color:var(--c-ink);border-radius:2px;justify-self:start;padding:0 .35rem}.defi__reward-name{margin-top:.15rem;font-weight:600;line-height:1.3;display:block}.defi-total{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);margin-top:1.25rem;font-size:.85rem}