.jw-account-awards[hidden],.vault-gift-button[hidden]{display:none!important}
.vault-award-invitation[hidden]{display:none!important}
.vault-award-invitation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin:24px 40px 28px 288px;padding:28px;border:1px solid var(--vault-gold);border-radius:var(--vault-radius);background:var(--vault-panel);color:var(--vault-text)}
.vault-award-invitation>.vault-award-record{width:92px;height:92px}
.vault-award-invitation h2{margin:0 0 10px;font-size:26px;line-height:1.25;font-weight:700;letter-spacing:-.025em;color:var(--vault-gold-light)}
.vault-award-invitation-copy>p{font-size:14px;line-height:1.7;margin:0;max-width:60ch;color:var(--vault-text)}
.vault-award-invitation-signature{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:12px;line-height:1.5;color:var(--vault-muted)}
.vault-award-invitation-signature img{width:30px;height:30px;object-fit:cover;border-radius:50%}
.vault-award-invitation-actions{display:flex;flex-direction:column;gap:8px;min-width:160px}
.vault-award-invitation-actions button{min-height:44px}
.vault-award-invitation .is-later{background:transparent;border-color:transparent;color:var(--vault-muted)}
.vault-award-invitation .is-later:hover{color:var(--vault-gold);border-color:var(--vault-line-strong)}
@media(max-width:1200px) and (min-width:761px){.vault-award-invitation{margin-left:244px;margin-right:24px;grid-template-columns:auto minmax(0,1fr);gap:20px}.vault-award-invitation-actions{grid-column:2;flex-direction:row}.vault-award-invitation h2{font-size:24px}}
@media(max-width:760px){.vault-award-invitation{grid-template-columns:56px minmax(0,1fr);gap:18px 16px;margin:16px 16px 24px;padding:20px}.vault-award-invitation>.vault-award-record{width:56px;height:56px;align-self:start;margin-top:3px}.vault-award-invitation h2{font-size:22px;line-height:1.3;margin-bottom:10px}.vault-award-invitation-copy>p{font-size:13px;line-height:1.65}.vault-award-invitation-signature{margin-top:14px;gap:8px;font-size:11px}.vault-award-invitation-signature img{width:26px;height:26px}.vault-award-invitation-actions{grid-column:1 / -1;flex-direction:row;min-width:0}.vault-award-invitation-actions .is-primary{flex:1}.vault-award-invitation .is-later{min-width:72px}}
.jw-account-awards{color:var(--vault-text);grid-area:awards}
.jw-profile-content{grid-template-areas:"about stats" "awards quiz" "pinned quiz"}
.jw-profile-quiz-card{align-self:start;height:auto}
#btnProfile.has-vinyl-frame{position:relative;overflow:visible}
#btnProfile.has-vinyl-frame>img{border-radius:50%}
.jw-account-awards h3{font-size:18px;margin:0 0 18px}
.vault-award-line{display:flex;align-items:center;gap:18px;padding:0 0 22px}
.vault-award-copy{flex:1;min-width:0}
.vault-award-copy strong{display:block;font-size:17px;margin-bottom:4px}
.vault-award-copy p{font-size:13px;color:var(--vault-muted);line-height:1.6;margin:0 0 12px}
.vault-award-record{position:relative;display:grid;place-items:center;width:78px;height:78px;flex:none;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 1.8px,#39270d55 2px 2.6px),conic-gradient(from -30deg,#ad8136,#f5e1a1,#96702e,#eed28b,#ad8136);box-shadow:0 5px 12px #0005}
.vault-award-record>span{display:grid;place-items:center;width:45%;height:45%;border-radius:50%;background:var(--vault-bg-deep)}
.vault-award-record img{width:84%;height:auto}
.vault-origins-badge{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border:0;padding:0;background:none;cursor:pointer;border-radius:50%}
.vault-origins-badge .vault-award-record{width:30px;height:30px;box-shadow:none}
.vault-award-button{min-height:40px;padding:9px 14px;border-radius:var(--control-radius);border:1px solid var(--vault-line-strong);color:var(--vault-text);background:var(--vault-panel-raised);font:inherit;font-size:13px;cursor:pointer}
.vault-award-button:hover{border-color:var(--vault-gold);color:var(--vault-gold)}
.vault-award-button.is-primary{background:var(--vault-gold);border-color:var(--vault-gold);color:var(--vault-bg-deep);font-weight:600}
.vault-award-button:disabled{opacity:.6;cursor:wait}
.vault-award-frame-choice{display:flex;align-items:center;gap:18px;padding-top:22px;border-top:1px solid var(--vault-line)}
.vault-award-sample{position:relative;display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:50%;background:var(--vault-panel-raised);color:var(--vault-text);font-size:20px;font-weight:600}
.vault-award-sample>img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.vault-award-switch{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;line-height:1.6}
.vault-award-switch input{width:20px;height:20px;flex:none;margin:2px 0 0;accent-color:var(--vault-gold)}
.vault-award-switch strong{display:block;font-size:14px;font-weight:600}
.vault-award-switch small{display:block;color:var(--vault-muted);font-size:12px;margin-top:3px}
.vault-award-feedback{margin:14px 0 0;font-size:12px;color:var(--vault-muted);line-height:1.6;min-height:0}
.vault-award-feedback:empty{display:none}
.vault-award-feedback.is-error{color:var(--vault-danger)}
.vault-vinyl-frame{position:absolute;inset:-7px;pointer-events:none;z-index:6;border-radius:50%}
.has-vinyl-frame>.jw-friends-presence{z-index:7}
.vault-origins-badge .vault-award-thumbnail,.vault-origins-badge .vault-award-thumbnail-fallback{width:32px;height:32px;font-size:12px}
.jw-award-badge-preview .jw-award-badge-preview-name{gap:5px}.jw-award-badge-preview .jw-award-badge-preview-image{width:36px;height:36px}.jw-profile-name-line>.vault-origins-badge{margin-inline-start:-7px}
.jw-profile-badge-section{scroll-margin-top:24px}.jw-award-badge-preview{display:grid;gap:12px;padding:26px 28px;margin:22px 0;background:linear-gradient(115deg,#c9a34a0c,transparent 65%),#ffffff03;border:1px solid #ffffff12;border-radius:16px}.jw-award-badge-preview-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#97919e}.jw-award-badge-preview-name{display:flex;align-items:center;gap:13px;min-height:44px}.jw-award-badge-preview-name>strong{font-size:25px;line-height:1.3;overflow-wrap:anywhere}.jw-award-badge-preview-image{display:inline-flex;width:38px;height:38px;flex:none;align-items:center;justify-content:center}.jw-award-badge-preview-image[hidden]{display:none}.jw-award-badge-preview-image .vault-award-thumbnail,.jw-award-badge-preview-image .vault-award-record{width:36px;height:36px}.jw-award-badge-preview-note{font-size:11px;color:#aaa3b2}.jw-award-badge-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jw-award-badge-option{position:relative;display:flex;align-items:center;gap:15px;padding:18px 40px 18px 18px;min-height:100px;background:#ffffff02;border:1px solid #ffffff18;border-radius:12px;cursor:pointer;transition:border-color .16s,background .16s}.jw-award-badge-option:hover{background:#ffffff05;border-color:#ffffff38}.jw-award-badge-option:has(input:checked){border-color:#bda35e;background:#bda35e0b}.jw-award-badge-option:focus-within{outline:2px solid #e4c874;outline-offset:3px}.jw-award-badge-option input{position:absolute;opacity:0;width:1px;height:1px}.jw-award-badge-art{display:flex;width:58px;height:58px;align-items:center;justify-content:center;flex:none}.jw-award-badge-art .vault-award-thumbnail,.jw-award-badge-art .vault-award-record{width:54px;height:54px}.jw-award-badge-none{display:grid;width:48px;height:48px;border:1px dashed #8b8593;border-radius:50%;place-items:center;color:#97909f;font-size:26px}.jw-award-badge-copy{display:grid;gap:5px;min-width:0}.jw-award-badge-copy strong{font-size:13px;font-weight:600}.jw-award-badge-copy small{font-size:11px;color:#96909e}.jw-award-badge-check{position:absolute;right:15px;top:16px;color:#e4c874;font-size:13px;opacity:0}.jw-award-badge-option:has(input:checked) .jw-award-badge-check{opacity:1}@media(max-width:700px){.jw-award-badge-options{grid-template-columns:1fr}.jw-award-badge-preview{padding:20px}.jw-award-badge-preview-name>strong{font-size:22px}.jw-award-badge-option{min-height:88px;padding-block:14px}}
.vault-vinyl-ring{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 1px,#35250d55 1.2px 1.8px),conic-gradient(from -30deg,#99702f,#f4dea0,#a67d31,#e9cb7a,#99702f);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))}
.vault-vinyl-mark{position:absolute;bottom:-3px;right:-2px;width:29px;height:22px;display:grid;place-items:center;background:var(--vault-bg-deep);border:1px solid var(--vault-gold);border-radius:6px}
.vault-vinyl-mark img{display:block;width:22px;height:auto}
.vault-vinyl-frame.is-compact{inset:-3px}
/* Match the asset itself so older open editors receive the same fit. */
.vault-vinyl-frame:has(>.vault-award-frame-image[src$="/first_signal_60/concepts/v1/equalizer.png"]){inset:-22%}
.has-vinyl-frame:has(>.vault-vinyl-frame>.vault-award-frame-image[src$="/first_signal_60/concepts/v1/equalizer.png"])>:is(.jw-profile-avatar-media,.jw-friends-avatar-media){position:absolute;left:0;top:1.25%;width:100%;height:97.5%;border:0;border-radius:50%;box-sizing:border-box}
#btnProfile:has(>.vault-vinyl-frame>.vault-award-frame-image[src$="/first_signal_60/concepts/v1/equalizer.png"])>#headerAvatar{position:absolute;left:0;top:1.25%;width:100%;height:97.5%;object-fit:cover;border:0;border-radius:50%}
.vault-vinyl-frame>.vault-award-frame-image[src$="/first_signal_60/concepts/v1/equalizer.png"]{display:block;transform:translate(.16%,-1.67%)}
.vault-vinyl-frame.is-compact .vault-vinyl-ring{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}
.vault-vinyl-frame.is-compact .vault-vinyl-mark{display:none}
.vault-gift-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--vault-gold);border-radius:var(--control-radius);background:transparent;color:var(--vault-gold);font-size:13px;cursor:pointer;white-space:nowrap}
.vault-gift-button svg{width:18px;height:18px;flex:none}
.vault-award-dialog{position:fixed;inset:0;margin:auto;width:min(1160px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--vault-line-strong);border-radius:var(--vault-radius);background:var(--vault-bg);color:var(--vault-text);box-shadow:var(--vault-shadow);overflow:hidden}
.vault-award-dialog::backdrop{background:#000b}
.vault-award-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--vault-line)}
.vault-award-dialog-head h2{font-size:15px;font-weight:600;margin:0;color:var(--vault-muted);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.vault-award-close{display:grid;place-items:center;width:36px;height:36px;flex:none;padding:0;border:0;border-radius:6px;background:transparent;color:var(--vault-text);cursor:pointer}
.vault-award-close:hover{background:var(--vault-panel-raised)}
.vault-award-close svg{width:20px;height:20px}
.vault-award-dialog .vault-award-close{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-height:44px;height:auto;padding:8px 12px;border:1px solid var(--vault-line-strong);font:inherit;font-size:12px;white-space:nowrap}.vault-award-close:focus-visible{outline:2px solid var(--vault-gold);outline-offset:3px}.jw-profile-aura-option.is-award-target{outline:2px solid #9ae5ce;outline-offset:3px;scroll-margin-block:24px}
.vault-award-stage{display:block;width:100%;height:min(700px,calc(100dvh - 190px));overflow:auto;background:var(--vault-bg);scrollbar-color:var(--vault-line-strong) var(--vault-bg);--award-bg:var(--vault-bg);--award-ink:var(--vault-text);--award-muted:var(--vault-muted);--award-gold:var(--vault-gold);--award-gold-ink:var(--vault-bg-deep);--award-line:var(--vault-line)}
.vault-award-loading{padding:32px;color:var(--vault-muted);font-size:14px}
.jw-profile-avatar-wrap.has-vinyl-frame,.jw-profile-avatar-wrap.has-vinyl-frame .jw-profile-avatar-media{border-radius:50%}
.vault-award-dialog-footer{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--vault-line);font-size:12px;color:var(--vault-muted)}
.vault-award-dialog-footer p{margin:0;line-height:1.6;max-width:64ch}
.vault-award-collection-empty{margin:0;color:var(--vault-muted);font-size:13px;line-height:1.7}
@font-face{font-family:AwardManrope;src:url('/awards/fonts/manrope_regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:AwardManrope;src:url('/awards/fonts/manrope_bold.ttf') format('truetype');font-weight:700;font-display:swap}
@media(max-width:760px){.jw-profile-content{grid-template-areas:"about" "awards" "stats" "pinned" "quiz"}.vault-gift-button{padding:8px;width:40px}.vault-gift-button span{display:none}.vault-award-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.vault-award-dialog-head{padding:10px 16px}.vault-award-close{width:40px;height:40px}.vault-award-stage{height:calc(100dvh - 164px)}.vault-award-dialog-footer{padding:10px 16px;gap:12px}.vault-award-dialog-footer p{font-size:11px;max-width:150px}.vault-award-dialog-footer button{min-height:44px;font-size:12px}.vault-award-line,.vault-award-frame-choice{gap:16px}.vault-award-record{width:66px;height:66px}.vault-award-sample{width:56px;height:56px}.vault-award-button{min-height:44px}.vault-award-switch{gap:9px}.vault-award-switch input{width:22px;height:22px}}
.vault-award-thumbnail,.vault-award-thumbnail-fallback{width:76px;height:76px;object-fit:contain;flex:none}.vault-award-thumbnail-fallback{display:grid;place-items:center;font-size:28px;color:var(--vault-gold)}.vault-award-frame-image{width:100%;height:100%;object-fit:contain}.vault-award-package{display:block;width:100%;height:100%;min-height:540px;border:0}.vault-award-line~.vault-award-line{margin-top:24px}.has-rounded-award-frame,.has-rounded-award-frame .jw-profile-avatar-media{border-radius:27%!important}@media(max-width:760px){.vault-award-thumbnail,.vault-award-thumbnail-fallback{width:66px;height:66px}.vault-award-package{min-height:640px}}

/* Generated collectible frames: align each transparent aperture to the avatar. */
.vault-vinyl-frame:has(>.vault-award-frame-image[src$="/award-packs/avatar_frames/v1/origins-gold.png"]){inset:-23.22645%}
.vault-vinyl-frame>.vault-award-frame-image[src$="/award-packs/avatar_frames/v1/origins-gold.png"]{display:block;transform:translate(0.52582%,0.42245%)}
.vault-vinyl-frame:has(>.vault-award-frame-image[src$="/award-packs/avatar_frames/v1/wave-aqua.png"]){inset:-23.34710%}
.vault-vinyl-frame>.vault-award-frame-image[src$="/award-packs/avatar_frames/v1/wave-aqua.png"]{display:block;transform:translate(0.43338%,-0.33043%)}
.vault-vinyl-frame:has(>.vault-award-frame-image[src$="/award-packs/avatar_frames/v1/albert-mixtape.png"]){inset:-20.49808%}
.vault-vinyl-frame>.vault-award-frame-image[src$="/award-packs/avatar_frames/v1/albert-mixtape.png"]{display:block;transform:translate(0.26145%,0.20765%)}

/* Profile media normally has a smaller box and dark border. Fill the generated
   frame aperture with a slight portrait underlap, without changing layout size. */
.jw-profile-avatar-wrap:has(>.vault-vinyl-frame>.vault-award-frame-image[src^="/award-packs/avatar_frames/v1/"])>.jw-profile-avatar-media{position:absolute;left:-1%;top:-1%;right:auto;bottom:auto;width:102%;height:102%;border:0;border-radius:50%;box-sizing:border-box}

.vault-vinyl-frame:has(>.vault-award-frame-image[src$="/award-packs/avatar_frames/v1/mentalist-crimson.png"]){inset:-22.17790698%}
.vault-vinyl-frame>.vault-award-frame-image[src$="/award-packs/avatar_frames/v1/mentalist-crimson.png"]{display:block;transform:translate(0.23923445%,0)}
