/* Owner badge (sidebar, bottom left): gold hexagon crest with a shimmering rim. Not read by make_day_css.py, so it looks the same in every theme. */
@property --mebadge-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.mebadge{position:relative;flex:none;width:34px;height:34px;display:grid;place-items:center}
.mebadge::before{content:"";position:absolute;inset:0;background:conic-gradient(from var(--mebadge-a),#FFE3A3,#A77A24,#3a2a0e,#D4B483,#FFE3A3);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);animation:mebadge-spin 6s linear infinite}
.mebadge::after{content:"";position:absolute;inset:2px;background:linear-gradient(160deg,#1b1408,#0a0805);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.mebadge b{position:relative;z-index:1;font:800 15px/1 Georgia,'Times New Roman',serif;background:linear-gradient(180deg,#FFF1C9,#D4A24C 55%,#8a6420);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 4px rgba(255,200,110,.55))}
.mebadge .on{position:absolute;right:-1px;bottom:0;width:9px;height:9px;border-radius:50%;background:#3FE08A;border:2px solid var(--bg0,#04080D);box-shadow:0 0 6px #3FE08A;z-index:2}
@keyframes mebadge-spin{to{--mebadge-a:360deg}}
.mebadge.sm{width:26px;height:26px}.mebadge.sm::after{inset:1.5px}.mebadge.sm b{font-size:12px}.mebadge.sm .on{width:7px;height:7px;border-width:1.5px}
@media (prefers-reduced-motion:reduce){.mebadge::before{animation:none}}