.bd-host{display:grid;justify-items:center;gap:.75rem;inline-size:100%;max-inline-size:440px}.bd-replay{appearance:none;border:1px solid rgb(11 11 20/.14);background:#ffffff;color:#0b0b14;font:inherit;font-size:.875rem;font-weight:600;padding:.45rem 1rem;border-radius:999px;cursor:pointer}.bd-replay:hover{background:#fdf0f6}.bd-replay:focus-visible{outline:2px solid #0974f1;outline-offset:2px}.bd{width:100%;max-width:440px;& .ss-stage{overflow:hidden;border-radius:28px;background:#fdf0f6}.bd-wash{position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 0,rgb(236 72 153/.22),transparent 70%),radial-gradient(60% 50% at 50% 100%,rgb(250 204 21/.16),transparent 70%)}.bd-phone{position:absolute;top:30px;left:30px}.ss-stage[data-layout=compact] .bd-phone{top:24px;left:14px}.bd-screen{position:absolute;inset:0;overflow:hidden;background:#ebebf0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,DM Sans,system-ui,sans-serif;color:#000000}.bd-large{top:96px;font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.bd-head,.bd-large{position:absolute;left:16px}.bd-head{top:154px;right:16px;display:grid;gap:2px}.bd-head__title{font-size:20px;font-weight:700;line-height:1.25}.bd-head__sub{font-size:12px;font-weight:500;line-height:1.35;color:#6b7280}.bd-grid{position:absolute;top:206px;left:16px;right:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bd-tile{display:grid;gap:10px;padding:14px 10px;border-radius:18px;background:#ffffff;border:1px solid #e5e7eb;opacity:.65;transition:opacity .5s ease,border-color .5s ease}.bd-tile[data-earned]{opacity:1;border-color:rgb(236 72 153/.4)}.bd-tile__art{height:150px;border-radius:18px;background:#f5f5f7;display:grid;place-items:center;transition:background-color .5s ease}.bd-tile[data-earned] .bd-tile__art{background:rgb(236 72 153/.16)}.bd-tile__lock{color:#6b7280}.bd-tile__img{display:block;width:auto;height:112px;filter:grayscale(1);opacity:.4;transition:filter .6s ease,opacity .6s ease,transform .6s cubic-bezier(.34,1.4,.64,1);transform:scale(.94)}.bd-tile[data-earned] .bd-tile__img{filter:none;opacity:1;transform:none}.bd-tile__name{font-size:14px;font-weight:600;line-height:1.3;text-align:center;color:#6b7280;transition:color .5s ease}.bd-tile[data-earned] .bd-tile__name{color:#000000}.bd-tile__bar{display:flex;justify-content:center;align-items:center;height:18px}.bd-sr{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bd-scrim,.bd-sr{position:absolute}.bd-scrim{inset:0;background:rgb(0 0 0/.22);opacity:0;transition:opacity .45s ease}.bd-scrim[data-open]{opacity:1}.bd-sheet{position:absolute;top:62px;left:0;right:0;bottom:0;padding:0 20px;border-radius:38px 38px 0 0;background:#ebebf0;transform:translateY(105%);transition:transform .55s cubic-bezier(.32,.72,0,1)}.bd-sheet[data-open]{transform:none}.bd-sheet__grabber{width:36px;height:5px;margin:6px auto 0;border-radius:3px;background:rgb(60 60 67/.3)}.bd-sheet__hero{position:relative;height:196px;margin-top:12px;display:grid;place-items:center}.bd-sheet__glow{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(closest-side,rgb(236 72 153/.42),rgb(236 72 153/.14) 62%,transparent)}.bd-sheet__art{position:relative;display:block;width:auto;height:168px;transform:scale(.55);opacity:0;transition:transform .6s cubic-bezier(.34,1.5,.64,1) .3s,opacity .3s ease .3s}.bd-sheet[data-open] .bd-sheet__art{transform:none;opacity:1}.bd-sheet__name{margin-top:14px;font-size:26px;font-weight:700;line-height:1.2;text-align:center}.bd-sheet__sub{margin-top:6px;font-size:14px;font-weight:600;line-height:1.3;text-align:center;color:#52525b}.bd-card{margin-top:20px;display:grid;gap:6px;padding:16px 18px;border-radius:22px;background:radial-gradient(120% 140% at 0 0,rgb(236 72 153/.14),transparent 60%),#ffffff;border:1px solid rgb(236 72 153/.18)}.bd-card__label{font-size:12px;font-weight:600;line-height:1.3;color:#52525b}.bd-card__body{font-size:14px;font-weight:600;line-height:1.35}.bd-share{margin-top:22px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,#c2083a,#d10a40 55%,#b8073a);color:#ffffff;font-size:17px;font-weight:700;box-shadow:0 8px 22px rgb(209 10 64/.28)}.bd-awesome{margin:8px auto 0;width:fit-content;min-height:44px;padding:0 24px;display:grid;place-items:center;font-size:14px;font-weight:600;border-radius:12px;transition:background-color .2s ease}.bd-awesome[data-pressed]{background:rgb(0 0 0/.06)}}@media (prefers-reduced-motion:reduce){.bd-replay{display:none}}