.member-badge-icon{display:block;width:40px;height:45px;overflow:visible;color:var(--badge-color)}.member-badge-icon.is-lit{filter:drop-shadow(0 2px 2px #30200e30)}.member-badge-icon.is-locked{filter:grayscale(1);opacity:.32}.member-badge-strip{display:flex;align-items:center;justify-content:center;gap:2px;flex:0 0 auto}#header .member-badge-strip button{border:0;padding:2px;background:transparent;min-height:44px;border-radius:8px}#header .member-badge-strip button:hover{background:var(--soft);transform:translateY(-1px)}.member-badge-strip button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.member-badge-dialog{width:940px;max-width:96vw;max-height:92dvh;padding:0;overflow:hidden;display:none}.member-badge-dialog[open]{display:flex;flex-direction:column}.member-badge-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border);flex:none}.member-badge-heading span{font-size:12px;color:var(--muted)}.member-badge-heading h2{font-size:22px;margin:5px 0 0}.member-badge-heading button{font-size:24px;padding:4px 10px}.member-badge-content{overflow:auto;padding:12px 24px 8px;min-height:0}.member-family-heading{font-size:14px;margin:5px 0 10px}.member-family-heading small{font-size:11px;color:var(--muted);font-weight:400;margin-left:8px}.member-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}.member-badge-card{position:relative;border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--bg);min-width:0}.member-badge-card.is-earned{background:var(--card);border-color:#a6bad9;box-shadow:0 2px 8px #17223c09}.member-badge-card.is-selected{outline:2px solid #8cacfa;outline-offset:1px}.member-badge-art{float:left;margin-right:10px}.member-badge-art .member-badge-icon{width:78px;height:87px}.member-badge-name{display:flex;align-items:center;gap:6px;padding-top:3px}.member-badge-name h3{font-size:16px;margin:0}.member-badge-name>span{font-size:10px;color:var(--muted);white-space:nowrap}.is-earned .member-badge-name>span{color:#198259}.member-badge-condition{font-size:12px;line-height:1.6;margin:5px 0 9px;min-height:38px}.member-badge-card ul{clear:both;padding:8px 0 0 15px;margin:0;border-top:1px solid var(--border);font-size:12px;line-height:1.9}.member-oa-perk{color:var(--blue)}.member-oa-no-points{white-space:nowrap;font-weight:600}.member-badge-progress{display:flex;flex-wrap:wrap;gap:8px 20px;padding:12px;border-radius:8px;background:var(--soft);font-size:12px}.member-badge-note{font-size:11px;line-height:1.7;margin:9px 0;color:var(--muted)}.member-badge-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border);padding:12px 24px;flex:none}.member-badge-summary{display:inline-flex;flex-wrap:wrap;gap:5px 10px;vertical-align:middle}.member-badge-summary>span{display:inline-flex;align-items:center;gap:3px;font-size:11px;white-space:nowrap}.member-badge-summary .member-badge-icon{width:22px;height:26px}.member-badge-summary b{font-size:11px;font-weight:600}.member-no-badge{font-size:11px;color:var(--muted)}
@media(max-width:1350px) and (min-width:721px){#header .member-badge-strip{order:3;width:100%;justify-content:flex-start}.member-badge-strip .member-badge-icon{width:32px;height:36px}}
@media(max-width:720px){#header .member-badge-strip{justify-content:flex-start;width:100%;gap:5px;order:0}#header .member-badge-strip button{padding:1px;min-height:36px}.member-badge-strip .member-badge-icon{width:30px;height:34px}.member-badge-heading{padding:14px}.member-badge-heading h2{font-size:18px}.member-badge-content{padding:12px}.member-badge-grid{gap:8px}.member-badge-card{padding:10px}.member-badge-art{float:none;margin:0 0 5px}.member-badge-art .member-badge-icon{width:58px;height:65px}.member-badge-name{flex-wrap:wrap;gap:3px}.member-badge-name h3{font-size:14px}.member-badge-condition{font-size:11px;min-height:54px}.member-badge-card ul{font-size:11px;padding-left:12px}.member-badge-footer{padding:10px 12px}.member-badge-footer button{font-size:12px;padding:9px}.member-family-heading small{display:block;margin:4px 0}.member-badge-progress{gap:7px 12px}.member-badge-dialog{max-height:94dvh}}
@media(max-width:480px){.member-badge-grid{grid-template-columns:1fr}.member-badge-card{display:grid;grid-template-columns:66px 1fr;column-gap:9px}.member-badge-art{grid-row:1/4}.member-badge-condition{min-height:0;margin:4px 0 8px}.member-badge-card ul{grid-column:2}.member-badge-name{justify-content:space-between}.member-badge-footer{justify-content:stretch}.member-badge-footer button{flex:1}.member-badge-progress span{width:calc(50% - 6px)}}