.aw-namebox{gap:6px;margin:4px 0 18px;display:grid}.aw-namebox span{font:500 11px var(--tl-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tl-muted)}.aw-namebox input{border:1px solid var(--tl-line-2);width:100%;font:400 18px var(--tl-serif);color:var(--tl-ink);background:#fff;border-radius:10px;outline:none;padding:10px 12px}.aw-namebox input:focus{border-color:var(--tl-iris);box-shadow:0 0 0 3px var(--tl-iris-soft)}.aw-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.aw-tile{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;width:100%;padding:8px 10px;display:grid}.aw-tile:hover{background:var(--tl-subtle);border-color:var(--tl-line)}.aw-medal{background:var(--aw-grad);filter:grayscale()opacity(.45);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.aw-medal:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:4px}.aw-medal .icon{width:20px;height:20px;position:relative}.aw-tile.is-earned .aw-medal{filter:none;box-shadow:0 6px 16px -8px #5b3df599}.aw-text{gap:3px;min-width:0;display:grid}.aw-text b{font:400 16px/1.25 var(--tl-serif);color:var(--tl-ink)}.aw-text small{font:400 12px var(--tl-mono);color:var(--tl-muted)}.aw-bar{background:var(--tl-subtle-2);border-radius:4px;height:4px;display:block;overflow:hidden}.aw-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--tl-accent), var(--tl-iris));height:100%;display:block}.aw-go{font:500 11px var(--tl-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tl-muted)}.aw-tile.is-earned .aw-go{color:var(--tl-iris-ink)}.aw-modal{gap:10px;display:grid;position:relative}.aw-modal .eyebrow{color:var(--tl-accent-ink)}.aw-modal .aw-title{font:400 34px/1.15 var(--tl-serif);letter-spacing:0;text-transform:none;margin:0}.aw-line{color:var(--tl-ink-2);font:300 17px/1.5 var(--tl-serif);margin:0}.aw-tabs{gap:6px;margin-top:4px;display:flex}.aw-tabs button{border:1px solid var(--tl-line-2);font:400 15px var(--tl-serif);background:#fff;border-radius:999px;padding:6px 14px}.aw-tabs button[aria-selected=true]{background:var(--tl-ink);border-color:var(--tl-ink);color:#fff}.aw-stage{place-items:center;padding:8px 0;display:grid;position:relative}.aw-stage canvas{border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 24px 60px -28px #0c0c0e73}.aw-stage[data-fmt=badge] canvas{width:min(460px,100%)}.aw-stage.is-locked canvas{filter:grayscale(.85)blur(1.5px);opacity:.55}.aw-lock{width:max-content;max-width:90%;height:max-content;box-shadow:var(--tl-shadow);text-align:center;background:#ffffffeb;border-radius:16px;justify-items:center;gap:4px;margin:auto;padding:18px 24px;display:grid;position:absolute;inset:0}.aw-lock b{font:400 22px var(--tl-serif)}.aw-lock span{color:var(--tl-ink-2)}.aw-actions{flex-wrap:wrap;gap:8px;display:flex}.aw-btn{border:1px solid var(--tl-line-2);min-height:44px;color:var(--tl-ink);font:400 16px var(--tl-serif);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.aw-btn:hover{border-color:var(--tl-ink)}.aw-btn .icon{width:18px;height:18px}.aw-btn.is-primary{background:var(--tl-ink);border-color:var(--tl-ink);color:#fff}.aw-btn.is-primary:hover{background:#2a2b31}.aw-btn:focus-visible{outline:2px solid var(--tl-iris);outline-offset:2px}.aw-note{color:var(--tl-muted);font:300 14px var(--tl-serif);margin:2px 0 0}.aw-hello{font:400 28px var(--tl-serif);color:var(--tl-ink);margin:0;position:relative}.aw-hello small{font:400 13px var(--tl-mono);color:var(--tl-muted);margin-left:8px}.aw-burst{z-index:-1;pointer-events:none;filter:blur(30px);background:radial-gradient(closest-side at 20% 40%, var(--aw-c1), transparent), radial-gradient(closest-side at 55% 30%, var(--aw-c2), transparent), radial-gradient(closest-side at 85% 45%, var(--aw-c3), transparent);opacity:0;height:360px;animation:2.4s ease-out forwards aw-glow;position:absolute;inset:-60px -40px auto}.aw-modal.is-celebrating{isolation:isolate}@keyframes aw-glow{0%{opacity:0;transform:scale(.6)}35%{opacity:.55}to{opacity:.28;transform:scale(1)}}.aw-modal.is-celebrating .aw-stage canvas{animation:.8s cubic-bezier(.2,1.4,.4,1) .15s both aw-pop}@keyframes aw-pop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.aw-burst,.aw-modal.is-celebrating .aw-stage canvas{opacity:.3;animation:none}}