.unlock-component{position:relative;width:100%;min-height:200px;border-radius:var(--radius-lg);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer;background:var(--surface-modal);z-index:0;isolation:isolate}.unlock-component--unlocked{cursor:default}.unlock-bg{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:filter .4s ease,transform .4s ease}.unlock-component:not(.unlock-component--unlocked) .unlock-bg{filter:brightness(.4) saturate(.7)}.unlock-component--pressing .unlock-bg{transform:scale(1.03);filter:brightness(.5) saturate(.8)}.unlock-prompt{position:absolute;inset:0;flex-direction:column;gap:var(--space-3);z-index:2}.unlock-icon,.unlock-prompt{display:flex;align-items:center;justify-content:center}.unlock-icon{position:relative;width:64px;height:64px}.unlock-icon svg{width:28px;height:28px;fill:var(--color-theme-text);opacity:.9;transition:transform .2s ease}.unlock-icon--pulse svg{animation:unlockPulse 2.5s ease-in-out infinite}@keyframes unlockPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}.unlock-prompt-text{font-family:var(--font-sans);font-weight:var(--weight-light);font-size:var(--type-body-sm);color:var(--ink-2);text-align:center;padding:0 var(--space-6)}.unlock-progress-ring{position:absolute;inset:0;border-radius:var(--radius-circle);background:conic-gradient(rgba(var(--tint-rgb),.85) calc(var(--progress, 0) * 1turn),rgba(var(--tint-rgb),.1) calc(var(--progress, 0) * 1turn));transition:none;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#fff calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#fff calc(100% - 2px))}.unlock-progress-ring--resetting{transition:--progress .3s ease-out}.unlock-tap-ripple{position:absolute;border-radius:var(--radius-circle);background:rgba(var(--tint-rgb),.25);transform:scale(0);animation:unlockRipple .5s ease-out forwards;pointer-events:none}@keyframes unlockRipple{0%{transform:scale(0);opacity:1}to{transform:scale(2.5);opacity:0}}.unlock-tap-counter{font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:var(--type-meta);color:var(--ink-2);margin-top:var(--space-1)}.unlock-password-form{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;padding:0 var(--space-8)}.unlock-password-input{width:100%;max-width:200px;padding:var(--space-2) var(--space-3);background:rgba(var(--tint-rgb),.08);border:1px solid rgba(var(--tint-rgb),.15);border-radius:var(--radius-md);color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-sm);font-weight:var(--weight-light);text-align:center;outline:none;transition:border-color .2s ease}.unlock-password-input:focus{border-color:rgba(var(--tint-rgb),.4)}.unlock-password-input::placeholder{color:var(--ink-3)}.unlock-password-input--shake{animation:unlockShake .4s ease;border-color:hsla(0,100%,70%,.5)}@keyframes unlockShake{0%,to{transform:translateX(0)}15%{transform:translateX(-6px)}30%{transform:translateX(5px)}45%{transform:translateX(-4px)}60%{transform:translateX(3px)}75%{transform:translateX(-2px)}}.unlock-modal-backdrop{position:fixed;inset:0;z-index:99999;background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);display:flex;align-items:flex-end;justify-content:center;transition:background .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease}.unlock-modal-backdrop--visible{background:rgba(0,0,0,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.unlock-modal{width:100%;max-width:400px;max-height:85vh;background:var(--surface-modal);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-8) var(--space-6) var(--space-12);transform:translateY(100%);transition:transform .45s cubic-bezier(.16,1,.3,1);overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.unlock-modal-backdrop--visible .unlock-modal{transform:translateY(0)}@media (min-width:768px){.unlock-modal-backdrop{align-items:center}.unlock-modal{max-width:480px;max-height:80vh;border-radius:var(--radius-2xl);transform:translateY(20px);opacity:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.unlock-modal-backdrop--visible .unlock-modal{transform:translateY(0);opacity:1}.unlock-modal-handle{display:none}}.unlock-modal-handle{width:36px;height:4px;border-radius:2px;background:rgba(var(--tint-rgb),.2);flex-shrink:0}.unlock-modal-image{width:calc(100% + 48px);margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6));margin-top:calc(-1 * var(--space-8));overflow:hidden;opacity:0;transform:translateY(12px)}.unlock-modal-backdrop--visible .unlock-modal-image{opacity:1;transform:translateY(0);transition:opacity .4s ease .15s,transform .4s ease .15s}.unlock-modal-image img{width:100%;display:block}.unlock-modal .unlock-content-media{width:calc(100% + 48px);margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6));margin-top:calc(-1 * var(--space-8))}.unlock-modal .unlock-content-media .unlock-media-video{width:100%;height:auto;object-fit:contain}.unlock-modal-text{font-family:var(--font-sans);font-weight:var(--weight-light);font-size:var(--type-body);line-height:var(--lh-prose);color:var(--ink);text-align:center;opacity:0;transform:translateY(12px);white-space:pre-wrap}.unlock-modal-backdrop--visible .unlock-modal-text{opacity:1;transform:translateY(0);transition:opacity .4s ease .25s,transform .4s ease .25s}.unlock-modal-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);background:var(--color-theme-text);color:var(--color-theme-bg);border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:var(--type-body-sm);text-decoration:none;opacity:0;transform:translateY(12px);transition:background .15s ease}.unlock-modal-link:hover{background:rgba(var(--tint-rgb),.9)}.unlock-modal-backdrop--visible .unlock-modal-link{opacity:1;transform:translateY(0);transition:opacity .4s ease .35s,transform .4s ease .35s,background .15s ease}.unlock-confetti{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:var(--radius-circle);pointer-events:none;animation:unlockConfetti .8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes unlockConfetti{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--tx, 0px)),calc(-50% + var(--ty, 0px))) scale(1);opacity:0}}.unlock-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;z-index:2}.unlock-content-image{width:100%;flex:1;min-height:0}.unlock-content-image img{width:100%;height:100%;object-fit:cover;display:block}.unlock-content-media{width:100%;flex:1;min-height:0}.unlock-media-video{width:100%;height:100%;object-fit:cover;display:block}.unlock-content-media--audio{width:100%;flex:none;padding:var(--space-4);display:flex;align-items:center;justify-content:center}.unlock-media-audio{width:100%}.unlock-content-text{font-weight:var(--weight-light);font-size:var(--type-body-sm);line-height:var(--lh-prose);padding:var(--space-4);text-align:center;white-space:pre-wrap}.unlock-content-link,.unlock-content-text{font-family:var(--font-sans);color:var(--ink)}.unlock-content-link{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:var(--space-2);margin:var(--space-4);padding:var(--space-2) var(--space-4);background:rgba(var(--tint-rgb),.1);border:1px solid rgba(var(--tint-rgb),.15);border-radius:var(--radius-pill);font-weight:var(--weight-bold);font-size:var(--type-meta);text-decoration:none;transition:background .15s ease;flex-shrink:0}.unlock-content-link:hover{background:rgba(var(--tint-rgb),.18)}.unlock-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:rgba(var(--tint-rgb),.08);border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:var(--weight-light);font-size:var(--type-meta);color:var(--ink-3);z-index:3}.unlock-badge svg{width:10px;height:10px;fill:rgba(var(--tint-rgb),.4)}.unlock-hero-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,rgba(0,0,0,var(--unlock-dim)) 0,rgba(0,0,0,var(--unlock-dim)) 50%,transparent 100%);--unlock-dim:0.25;user-select:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer;transition:--unlock-dim .3s ease}.unlock-hero-overlay.unlock-component--pressing{--unlock-dim:0.5}@property --unlock-dim{syntax:"<number>";inherits:false;initial-value:.25}.unlock-hero-overlay--editor{z-index:20;cursor:default;background:transparent;pointer-events:none;touch-action:auto}.unlock-hero-overlay--editor .unlock-hero-delete,.unlock-hero-overlay--editor .unlock-hero-editor-ring{pointer-events:auto}.unlock-hero-editor-ring{position:absolute;width:288px;height:288px;border-radius:var(--radius-circle);padding:1.5px;background:conic-gradient(from var(--temp-component-angle,0deg),#48dbfb,#4ade80,#48dbfb);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s ease;pointer-events:none}.unlock-hero-overlay--editor:hover .unlock-hero-editor-ring{opacity:1}.unlock-hero-delete{position:absolute;top:8px;right:8px;z-index:30;width:24px;height:24px;border-radius:var(--radius-circle);border:none;background:rgba(0,0,0,.5);color:var(--ink-on-dark-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;pointer-events:auto!important}.unlock-hero-delete:hover{background:rgba(239,68,68,.8);color:var(--ink)}@media (max-width:480px){.unlock-hero-editor-ring{width:272px;height:272px}}.unlock-hero-overlay--unlocked{background:transparent;cursor:pointer}.unlock-component--editor{outline:1px solid rgba(var(--tint-rgb),.15);outline-offset:-1px}@media (prefers-reduced-motion:reduce){.unlock-icon--pulse svg{animation:none}.unlock-confetti{animation:none;display:none}.unlock-tap-ripple{animation-duration:.01ms}.unlock-modal,.unlock-modal-backdrop{transition-duration:.01ms}}.unlock-component--cheatcode-preview{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}.unlock-cheatcode-grid-overlay{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;z-index:2}.unlock-cheatcode-grid-overlay,.unlock-cheatcode-grid-zone{pointer-events:none}.unlock-cheatcode-grid-zone{border:1px solid rgba(var(--tint-rgb),.08);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.unlock-cheatcode-grid-zone.is-active{background:rgba(var(--tint-rgb),.12);border-color:rgba(var(--tint-rgb),.3)}.unlock-cheatcode-grid-zone-label{color:var(--ink);text-shadow:0 1px 4px rgba(0,0,0,.5)}.unlock-cheatcode-editor-keys{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);z-index:3}.unlock-cheatcode-pills{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center;margin-top:var(--space-2)}.unlock-cheatcode-device-label{color:var(--ink-3);width:100%;margin-bottom:-2px}.unlock-cheatcode-pill{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:var(--space-1) var(--space-2);background:rgba(var(--tint-rgb),.1);border-radius:var(--radius-sm);font-size:var(--type-meta);color:var(--ink-2);font-family:var(--font-sans)}.unlock-component--cheatcode-reveal{animation:cheatcodeReveal .6s cubic-bezier(.16,1,.3,1) both}@keyframes cheatcodeReveal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.metric-wrapper{container-type:inline-size}.metric-card,.metric-wrapper{width:100%;height:100%;position:relative}.metric-card{background:rgba(var(--tint-rgb),.04);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--title-gap);user-select:none;-webkit-user-select:none;box-sizing:border-box}.metric-label{color:var(--ink-3)}.metric-icon{width:48px;height:48px;border-radius:var(--radius-circle);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid silver}.metric-card--tier-0 .metric-icon{border-color:#f5d67b}.metric-card--tier-1 .metric-icon{border-color:#7e7cff}.metric-card--tier-2 .metric-icon{border-color:rgba(var(--tint-rgb),.9)}.metric-icon img{width:100%;height:100%;object-fit:cover}.metric-icon--emoji{font-size:var(--type-title-lg);background:none;border-radius:0;overflow:visible}.metric-icon--placeholder{background:rgba(var(--tint-rgb),.06);border:1px solid rgba(var(--tint-rgb),.1);color:var(--ink-3);font-size:var(--type-title)}.metric-text{display:contents}.metric-label-compact{display:none}.metric-label-full{display:contents}.metric-value{font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:var(--type-title);line-height:var(--lh-tight);color:var(--ink);text-align:center;word-break:break-word}.metric-compare{width:100%;background:rgba(var(--tint-rgb),.04);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);justify-items:center;user-select:none;-webkit-user-select:none;box-sizing:border-box}.metric-compare-item:last-child:nth-child(odd){grid-column:1/-1}.metric-compare-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.metric-card--poll{gap:var(--space-4);padding:var(--space-6) var(--space-4)}.metric-poll{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.metric-poll-empty{font-size:var(--type-meta);color:var(--ink-3);padding:var(--space-6) 0}.metric-poll-donut-wrap{width:132px;height:132px}.metric-poll-donut{width:100%;height:100%;transform:rotate(0deg)}.metric-poll-donut circle{transition:stroke-dasharray .5s cubic-bezier(.16,1,.3,1)}.metric-poll-donut-center{font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:var(--type-title);fill:var(--color-theme-text)}.metric-poll-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-4)}.metric-poll-legend-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--type-meta);font-weight:var(--weight-medium);color:var(--ink)}.metric-poll-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.metric-poll-pct{color:var(--ink-3);font-weight:var(--weight-medium)}.metric-poll--bar{gap:var(--space-3);align-items:stretch}.metric-poll-bar-row{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;align-items:center;gap:var(--space-2)}.metric-poll-bar-label{font-size:var(--type-meta);font-weight:var(--weight-medium);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-poll-bar-track{height:10px;border-radius:var(--radius-pill);background:rgba(var(--tint-rgb),.08);overflow:hidden}.metric-poll-bar-fill{display:block;height:100%;border-radius:var(--radius-pill);transition:width .5s cubic-bezier(.16,1,.3,1)}.metric-poll-bar-pct{font-size:var(--type-meta);font-weight:var(--weight-medium);color:var(--ink-2);min-width:32px;text-align:right}@container (max-width: 220px){.metric-card{flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-4)}.metric-card .metric-label-full{display:none}.metric-card .metric-label-compact{display:block}.metric-card .metric-icon{width:40px;height:40px;min-width:40px;flex-shrink:0;border-radius:var(--radius-circle);overflow:hidden}.metric-card .metric-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.metric-card .metric-icon--emoji{font-size:var(--type-title-lg)}.metric-card .metric-value{font-size:var(--type-title);font-weight:var(--weight-bold);text-align:left}.metric-compare .metric-compare-item .metric-icon{width:32px;height:32px}.metric-compare .metric-compare-item .metric-value{font-size:var(--type-body)}}@media (prefers-reduced-motion:reduce){.metric-card,.metric-compare{transition:none}}.leaderboard-component{width:100%}.leaderboard-expand-btn{position:fixed;top:16px;left:16px;z-index:50;width:40px;height:40px;border-radius:var(--radius-circle);background:rgba(var(--tint-rgb),.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:0;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.leaderboard-expand-btn:hover{background:rgba(var(--tint-rgb),.22)}.leaderboard-modal-entry{opacity:0;animation:leaderboardEntryIn .4s ease calc(.1s + var(--i, 0) * .06s) forwards}@keyframes leaderboardEntryIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.leaderboard-card{background:rgba(var(--tint-rgb),.06);border:1px solid rgba(var(--tint-rgb),.08);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-4)}.leaderboard-card-bg{position:absolute;inset:0;background-size:cover;background-position:50%;filter:blur(40px) brightness(.25);transform:scale(1.2);z-index:0}.leaderboard-card>:not(.leaderboard-card-bg){position:relative;z-index:1}.leaderboard-title{color:var(--ink-2);text-align:center}.leaderboard-your-score{display:flex;flex-direction:column;align-items:center;gap:var(--title-gap);padding:var(--space-4) 0}.leaderboard-your-score-label{color:var(--ink-3)}.leaderboard-your-score-value{font-size:var(--type-display-lg);font-weight:var(--weight-bold);color:var(--ink);font-family:var(--font-sans);line-height:var(--lh-tight)}.leaderboard-join{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.leaderboard-input{width:120px;background:rgba(var(--tint-rgb),.06);border:1px solid rgba(var(--tint-rgb),.15);border-radius:var(--radius-md);color:var(--ink);font-size:var(--type-title-lg);font-weight:var(--weight-bold);font-family:var(--font-sans);text-align:center;letter-spacing:8px;padding:var(--space-2) var(--space-4);outline:none;transition:border-color .2s}.leaderboard-input::placeholder{color:var(--ink-3);letter-spacing:8px}.leaderboard-input:focus{border-color:rgba(var(--tint-rgb),.35)}.leaderboard-cta{width:100%;padding:var(--space-4) var(--space-6);border:0;border-radius:var(--radius-md);background:rgba(var(--tint-rgb),.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink);cursor:pointer;transition:background .2s,border-color .2s}.leaderboard-cta:hover:not(:disabled){background:rgba(var(--tint-rgb),.15);border-color:rgba(var(--tint-rgb),.25)}.leaderboard-cta:disabled{opacity:.3;cursor:default}.leaderboard-list{display:flex;flex-direction:column;gap:0}.leaderboard-entry{display:flex;align-items:center;gap:0;padding:var(--space-2);border-radius:var(--radius-md);transition:background .15s}.leaderboard-entry--you{background:rgba(var(--tint-rgb),.08)}.leaderboard-rank{min-width:40px;font-size:var(--type-meta);font-weight:var(--weight-medium);color:var(--ink-3);font-family:var(--font-sans);flex-shrink:0;text-align:left;margin-right:var(--space-2)}.leaderboard-entry:first-child .leaderboard-rank{color:var(--ink-2)}.leaderboard-char-icon{object-fit:cover;border-radius:2px;border:1px solid rgba(var(--tint-rgb),.1)}.leaderboard-char-icon,.leaderboard-char-placeholder{width:28px;height:28px;flex-shrink:0;margin-right:var(--space-2)}.leaderboard-char-placeholder{border-radius:var(--radius-sm);background:rgba(var(--tint-rgb),.06);display:flex;align-items:center;justify-content:center;font-size:var(--type-meta);font-weight:var(--weight-bold);color:var(--ink-3)}.leaderboard-entry-info{display:flex;flex-direction:column;min-width:0}.leaderboard-char-name{font-size:var(--type-meta);line-height:var(--lh-meta);font-weight:var(--weight-light);color:var(--ink-3);text-transform:uppercase;letter-spacing:var(--track-eyebrow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-char-text{font-size:var(--type-meta);color:var(--ink-2);flex-shrink:0;margin-right:var(--space-2)}.leaderboard-initials{font-size:var(--type-body-sm);font-weight:var(--weight-medium);color:var(--ink);font-family:var(--font-sans);letter-spacing:1px;flex-shrink:0}.leaderboard-entry--you .leaderboard-initials{color:var(--ink)}.leaderboard-dots{flex:1;height:1px;margin:0 var(--space-2);background:rgba(var(--tint-rgb),.08);align-self:center}.leaderboard-score{font-size:var(--type-meta);font-weight:var(--weight-light);color:var(--ink-3);font-family:var(--font-sans);flex-shrink:0}.leaderboard-entry--you .leaderboard-score,.leaderboard-entry:first-child .leaderboard-score{color:var(--ink)}.leaderboard-divider{height:1px;background:rgba(var(--tint-rgb),.08);margin:var(--space-1) 0}.leaderboard-modal-title{display:none}.leaderboard-modal-scroll{scrollbar-width:none;-ms-overflow-style:none}.leaderboard-modal-scroll::-webkit-scrollbar{display:none}.leaderboard-share-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:auto;height:40px;margin:var(--space-4) auto 0;padding:0 var(--space-6);border-radius:var(--radius-pill);border:0;background:rgba(var(--tint-rgb),.08);color:var(--ink-2);font-size:var(--type-meta);font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;transition:all .15s ease}.leaderboard-share-btn:hover{border-color:rgba(var(--tint-rgb),.3);color:var(--ink);background:rgba(var(--tint-rgb),.04)}.leaderboard-share-fab{position:fixed;bottom:56px;left:50%;transform:translateX(-50%) translateY(160px);z-index:100002;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-6);height:48px;border-radius:var(--radius-pill);background:rgba(var(--tint-rgb),.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:0;color:var(--ink);font-size:var(--type-meta);font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;transition:background .15s ease;animation:shareFabSlideUp .5s cubic-bezier(.16,1,.3,1) 1s forwards}.leaderboard-share-fab:hover{background:rgba(var(--tint-rgb),.2)}@keyframes leaderboardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shareFabSlideUp{0%{transform:translateX(-50%) translateY(160px)}to{transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.leaderboard-share-fab{bottom:24px}}@media (prefers-reduced-motion:reduce){.leaderboard-cta,.leaderboard-entry,.leaderboard-input{transition-duration:.01ms}}