.intro{max-width:var(--frame-w);text-align:center;margin:0 auto;padding:36px 20px 8px}.intro h1{color:var(--ivory);text-shadow:4px 4px 0 var(--ink), 8px 8px 0 #ffc23359;font-size:clamp(13px,3vw,30px);line-height:1.4}.intro-lede{max-width:60ch;margin:16px auto 20px;font-size:21px}.preview-badge{color:var(--gold);border:4px solid var(--gold);background:#ffc23314;align-items:center;gap:10px;margin:0;padding:10px 14px;font-size:16px;display:inline-flex}.preview-badge svg{display:block}.hud--state{color:var(--lime);left:auto;right:28px}.frame.is-locked{opacity:.6}.frame.is-locked .hud--state{color:var(--muted)}.frame.is-cleared .hud--state{color:var(--gold)}.frame-body[inert]{filter:saturate(.4)}.providers{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:680px;display:grid}.btn--provider{text-align:left;cursor:pointer;background:var(--ink);width:100%;color:var(--ivory);border-color:var(--ivory);box-shadow:var(--step) var(--step) 0 var(--ivory);align-items:center;gap:14px;padding:18px 20px;display:flex}.btn--provider:hover{background:var(--dusk-deep)}.btn--provider svg{flex:none;display:block}.btn--provider[aria-pressed=true]{border-color:var(--lime);box-shadow:var(--step) var(--step) 0 var(--lime)}.profile{background:var(--ink);border:4px solid var(--lime);grid-template-columns:auto 1fr;align-items:center;gap:16px;max-width:680px;margin-top:24px;padding:16px;display:grid}.profile svg{display:block}.profile p{margin:0}.profile-name{font-size:19px}.profile-name b{font-family:var(--font-display);color:var(--lime);font-size:10px;font-weight:400}.profile-meta{color:var(--muted);font-size:15px}.profile-note{color:var(--muted);font-size:15px;margin-top:6px!important}.creator{grid-template-columns:minmax(0,1.3fr) minmax(280px,380px);align-items:start;gap:28px;display:grid}.picker{flex-wrap:wrap;gap:8px;max-width:376px;display:flex}.picker button{background:var(--ink);border:4px solid var(--muted);cursor:pointer;justify-content:center;align-items:center;width:56px;height:56px;padding:0;display:inline-flex}.picker button svg{display:block}.picker button:hover{border-color:var(--ivory)}.picker button[aria-pressed=true]{border-color:var(--gold);box-shadow:4px 4px 0 var(--ink)}.swatch i{background:var(--c);border:2px solid var(--ink);width:22px;height:22px;display:block}.preview{background:var(--ink);border:4px solid var(--ivory);padding:16px;position:sticky;top:20px;box-shadow:6px 6px #00000080}.pedestal{aspect-ratio:112/92;width:336px;max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;margin:0 auto;display:block}.nameplate{text-align:center;margin:8px 0 0}.nameplate b{font-family:var(--font-display);color:var(--ivory);overflow-wrap:anywhere;font-size:11px;font-weight:400;line-height:1.6;display:block}.nameplate span{color:var(--muted);overflow-wrap:anywhere;font-size:15px}.stats{border-top:4px solid var(--dusk);color:var(--muted);gap:8px;margin:16px 0 0;padding:12px 0 0;font-size:16px;list-style:none;display:grid}.stats li{justify-content:space-between;gap:12px;display:flex}.stats b{font-family:var(--font-display);color:var(--gold);font-size:9px;font-weight:400}.reward{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px;margin-bottom:24px;display:grid}.reward-art svg{display:block}.reward-body{gap:12px;min-width:0;display:grid}.reward-title{font-family:var(--font-display);color:var(--lime);margin:0;font-size:10px;line-height:1.6}.reward-title span{color:var(--ivory)}.next-actions{flex-wrap:wrap;gap:20px;margin-top:24px;display:flex}.next-actions .btn{cursor:pointer}@media (max-width:860px){.creator{grid-template-columns:1fr}.preview{position:static}.field-row{grid-template-columns:1fr}.reward{grid-template-columns:1fr;justify-items:start}.hud--state{right:12px}}@media (max-width:600px){.providers{grid-template-columns:1fr}.hud--state{top:auto;bottom:-20px}}