/* Wall of Fame badge — drop this in of any non-LEGO visor.
* Self-contained, no LEGO css dependency.
*
*
*
* Wall of FamePIA Fleet
*
*/
.fame-badge {
position: fixed;
top: 16px;
right: 16px;
z-index: 9999;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 12px 8px 8px;
background: #F2CD37;
color: #0B1A1F;
border: 2px solid #0B1A1F;
border-radius: 6px;
box-shadow: 0 4px 0 rgba(0,0,0,0.4);
font-family: 'Lilita One', system-ui, -apple-system, sans-serif;
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
transition: transform 0.1s ease, background 0.1s ease;
}
.fame-badge:hover { background: #C91A09; color: #F4F4F4; transform: translateY(-1px); }
.fame-badge:active { transform: translateY(2px); box-shadow: 0 1px 0 rgba(0,0,0,0.4); }
.fame-badge .fb-stud {
width: 22px; height: 22px;
border-radius: 50%;
background: radial-gradient(circle at 35% 30%, #fff399, #F2CD37 60%, #a48817);
border: 2px solid #0B1A1F;
flex: 0 0 22px;
}
.fame-badge .fb-text { line-height: 1; }
.fame-badge .fb-sub { display: block; font-size: 9px; opacity: 0.7; letter-spacing: 0.1em; margin-top: 2px; }