bits-completion-badge[hidden]{display:none}.completion-badge{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:24px;align-items:center;margin:28px 0;padding:clamp(20px,4vw,38px);border:1px solid #a98a60;border-radius:22px;background:#201337;color:#f7f1e7;box-shadow:0 18px 42px #21133c26}.completion-badge h3{color:#fff7e6;margin:10px 0;font-size:clamp(24px,3vw,34px)}.completion-badge p{color:#e3d6e8;line-height:1.7}.badge-eyebrow{color:#d8bc80;font-size:12px;letter-spacing:.16em}.badge-form{display:grid;gap:12px;margin-top:20px}.badge-form label{display:grid;gap:8px;color:#f4e5c8;font-weight:600}.badge-form input{width:100%;min-height:48px;padding:11px 14px;border:1px solid #c7aa7c;border-radius:9px;background:#fff;color:#21132d;font:inherit}.badge-form button,.badge-actions button{min-height:46px;padding:10px 18px;border:1px solid #d9bd83;border-radius:9px;background:#d9bd83;color:#271438;font:inherit;font-weight:700;cursor:pointer}.badge-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.badge-actions[hidden]{display:none}.badge-actions button:last-child{background:transparent;color:#f5dfaf}.badge-image canvas{display:block;width:100%;height:auto;aspect-ratio:4/5;background:#241339;border-radius:8px}.badge-status{min-height:1.6em}.completion-badge button:focus-visible,.completion-badge input:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:700px){.completion-badge{grid-template-columns:1fr}.badge-image{max-width:390px;margin:auto}}